/* STYLES fuer juniorpartner.de 
- main styles
- home styles
*/
/* 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout  - default styles
		2. seitenaufbau 
		3. flash
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Anmerkungen:
 
 Hellblau (menu activ, newsbox)
 #0068A6

 Dunkelblau
 #0066A7

 Rot 
 #EA1D22
 
 Gelb 
 #F4D00D;  

 Menü: #E41E26 || #F2B92C || #0097DC || #0066A7
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout (defaults)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*default werte von tags setzen*/

* 
{
    margin: 0;
    padding: 0;
}

body, html
{
	height: 100%;
}


body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, caption, form, fieldset, label, select, input, textarea, address, blockquote, nobr 
{
	font-family: Helvetica, sans-serif;
}

img
{
	border: none;
}

body
{
    	font-size: 76%; 
       background-color:#f26522; /* orange */
       background-color:#ffffff; /* white */
}

a
{
/*
	text-decoration:none;
*/
	background-color:inherit;
	font-weight:normal;
	color: black;
}

a:hover{
	background-color:inherit;
	color:#303030;
}

h1
{
}

h2
{
}

p, p a
{
	margin:0 0 15px 0;
	line-height:1.3em;
}

ul 
{
	margin: 0 0 15px 0;
}

ul li, 
ul li a 
{
	color: #0068A6;
	font-size: 14px;
	list-style-type: none;
	margin: 0 0 0px 0;
	line-height: 1.6em;

}
/*
img 
{
	float:left;
	margin:0 10px 8px 0;
}
*/

/*  allgemeine Klassen  */
.hrclearboth
{
	clear: both;
	position: absolute;
	top:-1000px;
	font-size: 0em;
	height: 0em;
	visibility: hidden;
}

hr[class = "hrclearboth"]
{
	position: static;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.center
{
        text-align: center;
}

.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix 
{
	display: inline-block; 
	width: 100%;
}
* html .clearfix 
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		2. Seitenaufbau
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.body_popup
{
	background-color: #F4D00D;
	background-color: #FAD615;

}

#global_container 
{
	width: 100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-top: 0;
	margin-left: 0; 
	text-align: left;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Kopfbereich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#header 
{
	position: relative;
	width: 100%;
	min-width: 999px;
	height: 128px;
	z-index: 30;
}

#main_header 
{
	height: 128px;
/*
	background-color: black;
	background-color: #ffffff;
*/
border: 0px solid red;
	z-index: 30;

}
/* -IE6 */
* html #main_header
{
       width: 800px;
}

#main_menu 
{
	height: 100px;
/*
	background-color: black;
	background-color: #ffffff;
*/
	color: black;
	padding: 20px 0 0 18px;
	float: left;
}

#main_menu ul 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
}

#main_menu ul li 
{
	display: inline;
}

#main_menu ul li a 
{
	margin: 0 0px 0 0px;
}

#main_menu ul li, 
#main_menu ul li a 
{
	color: black;
	font-size: 12px;
	font-weight: normal;
}

#main_menu ul li a:hover,
#main_menu ul li a.act 
{
	color:#26A4B3;
}

div.mainEntry 
{
	border: 0px solid red;
	width: 273px;
	height: 24px;
}

div.mainEntryAct
{
	border: 0px solid red;
	width: 273px;
	height: 24px;
	float: left;
}

div.secEntry 
{
	border: 0px solid red;
	width: 450px;
	height: 24px;
	float: left;
}


#logo 
{
position: absolute;
top: 14px;
right: 20px;
	height: 113px;
/*
	float: right;
	margin: 14px 30px 0 0;
*/
	z-index:10;
}

/* -IE6 */
* html #logo 
{
	margin: 12px 10px 0 0;
}

#logo a 
{
	color:#48DD53;
}

#language
{
	position: absolute;
	top: 115px;
	left: 18px;
	top: 22px;
	left: 885px;
/*
	left: 922px;
*/
	color: #0097DC;
       font-size: 14px;
       font-weight: bold;
	z-index:200;
}

#language a
{
	color: #0097DC;
       font-size: 14px;
}
#language span.langMenu
{
	border-right: 2px solid #0097DC;
}

/* styles for extension "tx_srlanguagemenu_pi1" */
.tx-srlanguagemenu-pi1 p { font-family: Verdana, sans-serif; font-size: 14px; line-height:100%; color: #0068A6; margin-top: 8px; padding: 0; text-indent: 0; }
.tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
.tx-srlanguagemenu-pi1 .CUR { float: left; font-size: 14px; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #0097DC; text-decoration: none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .NO { float: left; font-size: 14px; }
.tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #0068A6; text-decoration:none; }
.tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #0097DC; text-decoration:none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .INACT { float: left; font-size: 14px; }
.tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #0068A6; text-decoration: none; font-weight: normal; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
.tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
.tx-srlanguagemenu-pi1 fieldset { }
.tx-srlanguagemenu-pi1 fieldset legend { }
.tx-srlanguagemenu-pi1 fieldset label { display: none; }
.tx-srlanguagemenu-pi1 fieldset select { font-size: 14px; font-family: Verdana, sans-serif; background-color: #35006d; color: white; font-weight: bold; }
.tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }

#pdfLink
{
	position: absolute;
	top: 22px;
	left: 855px;
	color: #0097DC;
       font-size: 14px;
       font-weight: bold;
	z-index:80;
}

#sub_header {
	display: none;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Contentbereich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#container
{
	width: 100%;
	min-width: 999px;
	margin: 0 0 0 290px;
	padding: 0;
	color: #303030;
	border: 0px solid #3CAFBC;
	z-index: 10;
	position: absolute;
	top: 128px;
	left: 0;
	display: none;
}


#container_popup
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid #3CAFBC;
	z-index: 100;
	background-color: #F4D00D;
	background-color: #FAD615;

}

#main 
{
	margin: 0 0px 0 0;
	padding: 63px 17px 0 253px;
	padding: 63px 17px 0 0;
       width: 680px;
       width: 643px;
	z-index: 10;
}

/* -IE6 */
* html #main 
{
       width: 950px;

}
/* IE7 */
*+html #main 
{

}

#main_popup
{
	margin: 20px;
	padding: 5px;
       width: 450px;
	z-index: 100;
	background-color: #F4D00D;
	background-color: #FAD615;

}
#main_popup .csc-header h1
{
	color: #EA1D22;
	font-size: 18px;
	margin: 0 0 14px 0;

}
p.bodytext, 
p.bodytext a
{
	margin: 0 0 15px 0;
	line-height: 1.6em;
	color: #0068A6;
       font-size: 14px;
	font-weight: bold;
}
/*
p.bodytext {
	padding-left: 30px;
}
*/

p.bodytext b,
p.bodytext b a
{
	color: #EA1D22;
	color: #F2B92C;
}
p.bodytex a,
p.bodytex b a
{
	color: #0066A7; /* dunkelblau */
	color: #0097DC; /* hellblau */
}

#main_popup p.bodytext, 
#main_popup p.bodytext a
{
	margin: 0 0 15px 0;
	line-height: 1.4em;
	color: #0068A6;
       font-size: 12px;
	font-weight: normal;
}

.name-of-person {
	color: #EA1D22;
}
.important {
	color: #0097DC;
}

#main ul 
{
	font-weight: bold;
}

	DIV.csc-textpic-imagewrap { padding: 7px 0 0 0 ; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	3. Flash
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#flashAnimation
{
	position: absolute;
	top: -30px;
/*
	top: 130px;
*/
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 20;
	z-index: 1;
}
.tx-rbflashobject-pi1-swf_altcontent,
#swf_079cb890e1
{
	z-index: 1;

}
#flashMap {
/*
	background-image: url(/fileadmin/files/images/kinder/Bilder_im_Becher_ausschnitt_250_260.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
*/

	width:284px;
	height: 264px;
	position: absolute;
	top: 321px;
	left: 0;
	border: 0px solid red;
	background-colo: blue;
	z-index: 30;
	
}


#noFlash
{
	background-image: url(/fileadmin/templates/images/bg_noflash.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	margin: 225px 0 0 15px;
	width: 170px;
       padding: 13px 10px 10px 10px;
	border: 0px solid red;
       z-index: 1000;
	color: #EA1D22;
}
#noFlash p.bodytext a, 
#noFlash p.bodytext, 
#noFlash h2
{
line-height: 1.1em;
	font-size: 12px;
	color: #EA1D22;
}