/* DGNP Master CSS */

*/* */ 
{margin:0;list-style:none;padding:0;}


/* Hauptdefinitionen */
html { height: 100%; }


body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666; 
	background-color:#e4e5e6;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height:18px;
	
	height:100%;
	position:relative;
	width:100%;
}

html>body {  }

.wrapper {
	width:800px;
	margin: 0 auto;
	float: none;
	text-align:left;
	height:100%;
	position:relative;
	
}






.container {
	width:800px;
	margin:0;
	float:left;
	position: relative;
	height: 100%;
	min-height:100%;
	z-index: 2;
	
}



.news {
	background: url(../pics/balken/news.gif) #FFFFFF no-repeat bottom;
}

.wer_wir_sind {
	background: url(../pics/balken/ueber_uns.gif) #FFFFFF no-repeat bottom;
}

.was_wir_wollen {
	background: url(../pics/balken/hellblau.gif) #FFFFFF no-repeat bottom;
}

.was_wir_tun {
	background: url(../pics/balken/was_wir_tun.gif) #FFFFFF no-repeat bottom;
}

.informationen_schulen {
	background: url(../pics/balken/was_wir_wollen.gif) #FFFFFF no-repeat bottom;
}

.social_responsibility {
	background: url(../pics/balken/social_responsibility.gif) #FFFFFF no-repeat bottom;
}

.was_ist_rauchen {
	background: url(../pics/balken/was_ist_rauchen.gif) #FFFFFF no-repeat bottom;
}

.seminare {
	background: url(../pics/balken/rosa_dunkel.gif) #FFFFFF no-repeat bottom;
}

.termine {
	background: url(../pics/balken/informationen_schulen.gif) #FFFFFF no-repeat bottom;
}

.mitmachen {
	background: url(../pics/balken/lila.gif) #FFFFFF no-repeat bottom;
}

.partner {
	background: url(../pics/balken/mittelblau.gif) #FFFFFF no-repeat bottom;
}

.presse {
	background: url(../pics/balken/presse.gif) #FFFFFF no-repeat bottom;
}

.film {
	background: url(../pics/balken/news.gif) #FFFFFF no-repeat bottom;
}






html>body .container { height: auto; }


img { float: left; position: relative; }


.header {
	margin:0;
	padding:0;
	background:url(../pics/basis/navi_background_03.gif) no-repeat bottom;
	height:263px;
	float:left;
	display:inline;
	width:800px;
	} 
	
.picture {
	float:left;
	height:150px;
	width:800px;
	background-color:#CCCCCC;

}

.logo {
	margin:0;
	padding:22px 0 0 0;
	float:left;

}

.wortmarke {
	margin:0;
	padding:88px 0 0 202px;
	float:left;


}


/* Link - links oben -------------------------------*/

ul, li  {		
	list-style-type: none;
	display:inline;
	width:100%;

}

	

.nav {
	width:135px;
	font-size:10px;
	margin:0;
	padding: 22px 0 0 652px;
	float:left;
	display:block;
}

.nav li {
	float:left;
	width:auto;
}

.nav li:first-child a {
	background:none;

}

.nav li a {
	color: #999999; 
	text-decoration:none;
	padding:0 0 0 10px;
	width:auto;
	display:block;
	position:relative; 
	float:left;
	background:url(../pics/basis/trenn_balken.gif) no-repeat 5px 3px;
}


.nav li a:hover, .nav .selected li a:hover, .nav li.selected a:hover {
	color: #6699cc;
	text-decoration:underline;
	
}

.nav li.selected a {
	color:#b5b5b6;

}




/* Hauptnavigation -------------------------------*/


.hauptnavi {
	height:124px;
	float:left;
	width:auto;
	margin:0;
	padding:0;


}


ul, li  {
	float:left;
	position:relative;		
	list-style-type:none;
	display:inline;
	width:100%;
	line-height:17px;
}
	
.nav_sub {
	width:175px;
	margin-top:12px;
	padding:0 0 0 34px;
	text-align:left;
	float:left;
	line-height:17px;
}


.nav_sub li a {
	color:#7f7f86; 
	font-size:11px;
	padding:0;
	width:auto;
	display: block;
	float: left;
	line-height:17px;
	position: relative;	
	text-decoration:none;
}


.nav_sub li a:hover, .sub_navi li a:hover, .nav_sub .selected li a:hover {
	color: #6699cc;
	text-decoration:underline;
	
}

.nav_sub li.selected a{
	color: #6699cc;
	font-weight:bold;
}



/* Subnavigation -------------------------------*/


.Subnavi {
	height:300px;
	float:left;
	width:244px;
	margin:53px 0 0 26px;
	padding:20px 0 0 0;
	border-top:8px solid;
	border-color:#e6edf5;


}


.subnavi ul, li {
	float: left;
	position: relative;		
	list-style-type:none;
	display:inline;
	width:100%;
	line-height:14px;
}



	
.nav_sub_2 {
	width:229px;
	margin-top:4px;
	padding:10px 0 8px 15px;
	text-align:left;
	float:left;
	border-top:1px solid;
	border-color:#e6edf5;
	border-bottom:1px solid #e6edf5;
}


.nav_sub_2 li a {
	color:#7f7f86; 
	font-size:11px;
	padding:0 0 5px 2px;
	width:auto;
	display: block;
	float: left;
	position: relative;	
	text-decoration:none;
}


.nav_sub_2 li a:hover, .sub_navi li a:hover, .nav_sub_2 .selected li a:hover {
	color: #6699cc;
	text-decoration:underline;
	
}

.nav_sub_2 li.selected a{
	color: #6699cc;
	font-weight:bold;
}




/* content -------------------------------*/


.text {
 	padding: 26px 0 70px 34px;
	width:460px;
	float:left;
	margin: 0;
	
}

.text_pic{
	padding:20px 0px 20px 0;

}

.text_pic_2{
	padding:20px 100px 20px 0;

}

.text_pic_3{
	padding:20px 100px 0px 0;

}

.text ul {
	padding-bottom:15px;
	line-height:16px;



}

.text li {
	width:420px;
	padding-left: 8px;
	background:  url(../pics/basis/pixelbullet.gif) no-repeat 0 0.7em;	
	float: left;
	padding-bottom:10px;
	line-height:18px;
	
}

p {
	margin: 0 0 15px 0;
	padding:0;
}

h1 {
	font-size:18px;
	font-weight:normal;
	color:#6699cc;
	margin:0 0 20px 0;
	width: 454px;
	padding-bottom:11px;
	border-bottom:8px solid;
	border-color:#e6edf5;
	
	
}

h6 {
	font-size:16px;
	font-weight:normal;
	color:#6699cc;
	margin:0 0 20px 0;
	width: 454px;
	padding-bottom:11px;
	border-bottom:8px solid;
	border-color:#e6edf5;
	
	
}


h2 {
	font-size:15px;
	font-weight:normal;
	color:#6699cc;
	margin:0 0 12px 0;
	width: 454px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid;
	border-color:#e6edf5;
	
}


h3 {
	font-size:15px;
	font-weight:normal;
	color:#6699cc;
	margin:0;
	padding:2px 0 12px 0;
	line-height:20px;
	
}


h4 {
	font-size:12px;
	font-weight:normal;
	color:#6699cc;
	margin:0;
	padding:0px 0 12px 0;
	
}

h5 {
	font-size:11px;
	font-weight:bold;
	color:#6699cc;
	margin:0;
	padding:0px 0 12px 0;
	
}

h7 {

	font-size:10px;
	color:#6699cc;
	padding-bottom:20px;
	margin:0;

}


a {text-decoration:none; color:#6699cc;  }
a:hover { color:#6699cc; text-decoration:underline;    }


.link_partner {
	text-decoration:none; 
	color:#6699cc; 
	padding:0 0 16px 0;
	margin:8px 0 5px 0;
	width:450px;
	display: block;
	border-bottom:1px solid;
	border-color:#e6edf5;
}


.link_top {
	padding:6px 0 0 13px;
	margin:22px 0 0 0;
	width:400px;
	display: block; 
	background: url(../pics/basis/top_bullet.gif) no-repeat 0 11px; 
	width: 450px;
	border-top:1px solid;
	border-color:#e6edf5;
	
	}
	
	
.pic_portrait {
	float:left;
	width:auto;
	padding: 0 15px 10px 0;
	
}


.margin8 {
	padding:0;
	margin-top:8px;
	display:block;

}

.undeline {
	padding:0 0 16px 0;
	margin:8px 0 15px 0;
	border-bottom:1px solid;
	border-color:#e6edf5;
}

.cam { padding-left: 24px; background:url(../pics/basis/play_icon.gif) no-repeat 2px 4px; width: 190px; margin-left: 0;}

.cam2 { padding-left: 24px; background:url(../pics/basis/play_icon.gif) no-repeat 17px 14px; width: 190px; margin-left: 0; border-top: 1px solid #e6edf5; width:205px;
	margin-top:4px;
	padding:10px 0 3px 39px; margin: 8px 0 0 -15px; }

	





