/* CSS Document */



body {

margin: 0px 0px 30px 0px;

padding:0px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

line-height:165%;

background:url(../images/bg.jpg) repeat-x 0px 0px;

color: #444444;}



#headprint {

visibility:hidden;

display:none;}

.right{
	float:right;
	}

/* text styles */



p {

margin:0px;

padding:0px;}



a {

color: #0062ac;

text-decoration:none;}



a:hover {

color: #0062ac;

text-decoration:none;}



ul {

margin:10px 0px 0px 20px;

padding:0px;}



ul li{

margin:0px 0px 0px 0px;

padding:0px 0px 5px 0px;}





h1 {

font-size:15px;

color: #006ab3;

margin: 0px 0px 10px 0px;

line-height:20px;}

#startleft h1{margin:20px 0 15px 0;font-size:18px;}



h2 {

font-size:14px;

color: #666666;

margin: 0px;

line-height:24px;}



h3{

font-size:12px;

color: #006ab3;

margin: 0px 0px 0px 0px;

line-height:24px;

cursor: pointer;}







h3.star {

font-size:11px;

color: #006ab3;

margin: 0px 0px 0px 0px;

line-height:18px;

cursor: pointer;

font-weight:normal;

padding:6px 0px 7px 25px;

background: url(../images/accordion_hl_bg.gif) no-repeat 0px bottom;

/*background: url(../images/start_stern.gif) no-repeat 0px 6px;*/}







img {

border: none;}





/* container */



#container {

width:960px;

margin: auto;

position:relative;
}





/* head */

#head {

width:960px;

height:202px;

float:left;

background:url(../images/head_bg.jpg) no-repeat 0px 0px;}



#head img.logo{

margin:61px 0px 0px 0;}



#metanav {

float:right; 

width:150px; 

text-align:right;

margin-top:5px;}



#metanav a{

color: #787878;}



#metanav a:hover{

text-decoration: none;}



/* mainnav */



#mainnav {



height:33px;



width:100%;



float:left;}


#mainnav a{margin-right:5px;}



/* nav1 */

/* sidenav */

#sidenavi{
	position:absolute;
	top:202px;
	right:0;
	width:155px;
	}
	#sidenavi a{
		text-indent:-19999px;
		display:block;
		width:74px;
		height:33px;
		float:left;
		margin-right:5px;
		background:url(../images/sidemenu.gif) 0 0 no-repeat;
		}
	#sidenavi a:hover, #sidenavi a.active{background-position: 0 -33px;}
	a#press{margin-right:0;background-position: -75px 0;}
		a#press:hover, #sidenavi a#press.active{background-position: -75px -33px;}

/* /sidenav */

/*
a.navlink112 {

z-index: 100;

width: 162px;

height: 35px;

display: block;

float: left;

background:url(../images/nav1.gif) no-repeat 0px 0px;}



a.navlink112:hover img {

visibility: hidden;}





a.navlink112:hover {

z-index: 100;

width: 162px;

height: 35px;

float: left;

display: block;

background:url(../images/nav1_over.gif) no-repeat 0px 0px;}



/* nav2 */



a.navlink115 {

z-index: 100;

width: 132px;

height: 35px;

display: block;

float: left;

background:url(../images/nav2.gif) no-repeat 0px 0px;}



a.navlink115:hover img {

visibility: hidden;}





a.navlink115:hover {

z-index: 100;

width: 132px;

height: 35px;

float: left;

display: block;

background:url(../images/nav2_over.gif) no-repeat 0px 0px;}





/* nav3 */



a.navlink133 {

z-index: 100;

width: 60px;

height: 35px;

display: block;

float: left;

background:url(../images/nav3.gif) no-repeat 0px 0px;}



a.navlink133:hover img {

visibility: hidden;}





a.navlink133:hover {

z-index: 100;

width: 60px;

height: 35px;

float: left;

display: block;

background:url(../images/nav3_over.gif) no-repeat 0px 0px;}



/* nav4 */



a.navlink130 {

z-index: 100;

width: 64px;

height: 35px;

display: block;

float: left;

background:url(../images/nav4.gif) no-repeat 0px 0px;}



a.navlink130:hover img {

visibility: hidden;}





a.navlink130:hover {

z-index: 100;

width: 64px;

height: 35px;

float: left;

display: block;

background:url(../images/nav4_over.gif) no-repeat 0px 0px;}



/* nav5 */



a.navlink131 {

z-index: 100;

width: 60px;

height: 35px;

display: block;

float: left;

background:url(../images/nav5.gif) no-repeat 0px 0px;}



a.navlink131:hover img {

visibility: hidden;}





a.navlink131:hover {

z-index: 100;

width: 60px;

height: 35px;

float: left;

display: block;

background:url(../images/nav5_over.gif) no-repeat 0px 0px;}

*/

/* posterwettbewerb */





a.navlink149 {

z-index: 100;

width: 149px;

height: 35px;

display: block;

float: left;

background:url(../images/nav4.gif) no-repeat 0px 0px;}



a.navlink149:hover img {

visibility: hidden;}





a.navlink149:hover {

z-index: 100;

width: 149px;

height: 35px;

float: left;

display: block;

background:url(../images/nav4_over.gif) no-repeat 0px 0px;}











/*content */



#content {

width:960px;

padding:27px 0px 50px 0px;

float:left;

}



#center {

width:448px;

padding:0px 31px 0px 32px;

float:left;}



#centerstart {

width:676px;

padding:23px 0px 0px 0px;

float:left;}



.modul  {

float:left;

width:448px;

padding: 0px;

margin: 0px 0px 20px 0px;

}



#startleft {

width:315px; 

float:left; 

padding: 0px 15px 20px 0px; 
}



#startright {

width:307px; 

float:left; 

padding:0px 0px 15px 15px;

margin:0px 0px 0px -1px;

min-height:260px;

background: url(../images/line.gif) repeat-y 0px 0px;

}

#startright div.pic_box_start{ float:right;}

#startright div..pic_box_start img{}


.tipp {

padding:0 0px 15px 22px;

background: url(../images/start_stern.gif) no-repeat 0px 2px;}

.tipp_hl{
	font-size:18px;
	background: url(../images/tipp.gif) no-repeat 0px 0px; 
	padding:40px 0 10px 30px; 
	margin:-20px 0px 23px 0px; 
	height:25px;
	}


/* subnav */

#leftnav {

width:165px;

line-height:100%;

float:left;

margin:0px 0px 0px 0px;

}

/* 1.level */

#leftnav .navLevel1 a{

color: #006ab3;

padding:6px 0px 6px 5px;

display:block;}



#leftnav .navLevel1active a{
font-weight:bold;
text-decoration:none;}



#leftnav .navLevel1 a:hover{

text-decoration:none;}



/* 2.level */

#leftnav .navLevel2bg{
	margin:10px 0 20px 0;
	}

#leftnav .navLevel2 a{

color: #666666;

font-size:11px;

padding:0px 0px 0 19px;

background:url(../images/star.gif) no-repeat 5px 2px;
margin:0 0 10px 0;
display:block;

}



#leftnav .navLevel2 a:hover{
	text-decoration:none;
	background:url(../images/star_gruen.gif) no-repeat 5px 2px;
	} 


#leftnav .navLevel2active a{
	background:url(../images/star_gruen.gif) no-repeat 5px 2px;
color:#006ab3;
font-weight:bold;
}









/* rechte spalte */



#rightcell {
font-size:11px;
width:282px;

float:right;}





#rightcellstart {

width:282px;
font-size:11px;
float:left;

padding:23px 0px 0px 0px;}















/* footer */



#footer {

width: 953px;

border-top: 1px dotted #cccccc;

clear:none;

float:left;

padding:12px 0px 0px 7px;

margin:0px 0px 0px 0px;

}



#footer img{

margin:0px 11px 0px 0px;

}





/* media in ajax-box */

.pic_box {

float:left;

margin:0px 0px 0px 0px;

border: 0px solid #b8b8b8;

padding:0px 0px 0px 0px;

width: 71px;}



.pic_box img{

padding:0px;

border: 3px solid #ffffff;}



.media_box {

clear:left; 

float: left;

width: 71px;

margin:0px 10px 10px 0px;

text-align:right;}





/* media */

.pic {

float:right;

margin:2px 0px 0px 10px;

border: 0px solid #b8b8b8;

padding:0px;

width: 150px;}



.pic img{

padding:1px;

border: 1px solid #cccccc;}



.pictext {

float:right;

width:150px;

margin:2px 0px 0px 10px;

font-size:10px;}



.media {

float:right;

width: 160px;

margin:0px 0px 10px 0px;

text-align:right;}





.galerie {

float: left;

width: 210px;

margin:0px 20px 15px 0px;

text-align: left;

}



.galerie2 {

float: left;

width: 210px;

margin:0px 0px 15px 0px;

text-align: left;

}



.galpic {

float: left;

margin: 0px 0px 0px 0px;

border: 0px solid #b8b8b8;

padding:0px;

}



.galpic2 {

float:left;

margin:2px 0px 0px 0px;

border: 0px solid #b8b8b8;

padding:0px;

width: 200px;

}



.galpic img{

padding:1px;

border: 1px solid #cccccc;

}



.galpictext {

float:left;

width:200px;

margin:2px 0px 0px 0px;

font-size:10px;

}



div.downloadbox { 

	padding: 5px 7px 5px 7px;

	margin: 15px 0px 0px 0px;

	width:431px;

	float:left;
	border-top:1px dotted #006ab3;
	border-bottom:1px solid #006ab3;
}

	

.jugendleft {

width:99px; 

text-align:left; 

padding-top:5px; }



/*.jugendleft {

float:left; 

width:99px; 

text-align:left; 

margin-top:5px; 

clear: left;}*/



.jugendleft img {

padding:1px;

border: 1px solid #CCC;}



.jugendright {

float:left; 

width: 330px;}



.jugendright a.none{

color:#444444;}



/* formular */



form {

padding:0px;

margin:0px;}



#myForm input, #myForm textarea, #myForm select {

	font-size:11px;

border: 1px solid #CCCCCC;

position:relative;

margin:0px 0px 1px 0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}







#myForm .red {

	border: 1px solid #006ab3;

}



#myForm label.red {

	border: none;

	color: red;

}



#myForm .customRed {

	border: none;

	color: red;

}



#validationMessage {

	padding: 5px;

	border: 1px solid #006ab3;

	margin-bottom: 10px;

	color: red;

	font-weight: bold;

	display: none;

}



#myForm .errorMessage {

	color: #006ab3;

	font-size: 0.8em;

	line-height:100%;

}



td.error {

height:10px;

font-size:10px;}









/* faq */



table {

	border-collapse: collapse;

	border-spacing: 0;

}



#accordion {margin:0px 0px 0px 0px;

list-style-type:none;

border: 0px solid #000;

background: url(../images/spacer.gif) no-repeat left bottom;

float:left;

width:452px;

padding:0px 0px 10px 0px;}





.toggler {

line-height:165%;

margin: 0px 0px 0px 0px;

padding:0px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:normal;

}



.element p {

	margin: 0 0px 0px 0px;

	padding:0px;

}



.element {

	margin: 0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

}





/* feature box */



#feature {

width:282px;

float:left;}



#feature .boxnav{

width:282px;

float:left;

height:32px;}



#feature #boxcontent{
width:282px;
padding-top:50px;
float:left;
min-height:140px;
background:#a4bedf;
position:relative;
text-align:center;}



#feature #boxcontent .faq{
text-align:left;
margin-top:-50px;
padding:20px 15px 50px 15px;
min-height:120px;
background: url(../images/box_content_faq.gif) no-repeat 0px bottom #a4bedf;

}



#feature #boxcontent .jugend{
text-align:left;
margin-top:-50px;
padding:20px 15px 50px 15px;
height:120px;
background: url(../images/box_content.gif) no-repeat 0px bottom #a4bedf;

}


#feature #boxcontent iframe{margin-top:-50px;}

#feature #boxcontent .more{
float:left;
position:absolute;
bottom:0;
left:0;
border-top:3px solid #fff;
padding:4px 15px 4px 15px;
margin:0px 0px 0px 0px;
width:252px;
text-align:right;
}



#feature #boxcontent .more a{

color: #FFFFFF;}



a.box1{

width:94px;

height:32px;

display: block;

float:left;

background: url(../images/box1.gif) no-repeat 0px 0px;

}



a.box1Selected {

width:94px;

height:32px;

display: block;

float:left;

background: url(../images/box1_over.gif) no-repeat 0px 0px;

}



a.box2{

width:93px;

height:32px;

display: block;

float:left;

background: url(../images/box2.gif) no-repeat 0px 0px;

}



a.box2Selected {

width:93px;

height:32px;

display: block;

float:left;

background: url(../images/box2_over.gif) no-repeat 0px 0px;

}



a.box3{

width:95px;

height:32px;

display: block;

float:left;

background: url(../images/box3.gif) no-repeat 0px 0px;

}



a.box3Selected {

width:95px;

height:32px;

display: block;

float:left;

background: url(../images/box3_over.gif) no-repeat 0px 0px;

}





.mailadress {float:left; width: 100%;}



.mailadress a{color: #d71921; background:#fff; padding:2px;}



.jugendright h3 a.none{

color: #006ab3; !important

}



div.spacer {

	clear: both;

	width: 100%;

	height: 1px;

	float: left;

}
.addthis_toolbox{ float:right;}

/*_- [ Flash Banner ] -_*/
#flash{
	width:282px;
	background:#a4bedf;
	height:150px;
	margin-top:240px;
	text-align:center;
	}
	*+html #flash{margin-top:20px;}