/*************************************
TITEL: THW Jugend Berlin-Pankow 2008
DATUM: 20080105
AUTOR: Peggy Podauke
*************************************/

/********************************************************************************** ALLGEMEINES ***/
body {
margin:4em;
padding:20;
height:100%;
background-color:#93C8ED;
background-image:url(bilder/bg.gif);
background-position:top;
background-repeat:repeat-x;
color:#000000;  
text-align:middle;
font-family:"trebuchet ms", verdana,sans-serif;
font-size:.9em;
}

#ft{ 	
margin:0px 10px 6px 5px;
line-height:1.2em;
padding:0;
text-align:left;
font-size:1em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#000000;
}

a {
color:#003252;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#97CAEE;
font-weight:bold;
text-decoration:none;
}

h1 { 	
margin:0 0 1em 0;
padding:.5em 0 0 1.8em;   /* Strich höher : erster padding Wert */
font-size:1.3em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#3A3A3A;
background-image:url(bilder/zahnkr_h1.jpg);
background-position:bottom left; 
background-repeat:no-repeat;
border-top:2px solid #EB8A00;
}

h2{ 	
margin:10px 0 0 15px;
padding:0;
text-align:left;
vertical-align: middle;	
border:none;
font-size:1.2em;
font-weight:bold 
font-family:"trebuchet ms", verdana,sans-serif;
background-image:none;
color:#3A3A3A;
}

h3{
margin:0 0 0 15px;
padding:0;
text-align:left;
vertical-align: middle;	
font-size:.9em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#3A3A3A;
}

h4{ 	
margin:108px 0 5px 15px;
padding:0;
text-align:left;
vertical-align: middle;	
font-size:.9em;
font-weight:bold;
font-family:"trebuchet ms", verdana,sans-serif;
color:#EB8A00;
}

/*marginal Überschrift*/
h5{ 	
margin:5px 0px 0px 8px;
padding:0;
text-align:left;
vertical-align: middle;	
font-size:1em;
font-weight:bold;
font-family:"trebuchet ms", verdana,sans-serif;
color:#145F90;
}

/*orange dicke*/
h6{ 	
margin:12px 10px 8px 5px;
padding:0;
text-align:left;
vertical-align: middle;	
font-size:.9em;
font-weight:bold;
font-family:"trebuchet ms", verdana,sans-serif;
color:#EB8A00;
}

/********************************************************************************** PORTRAITS ***/
#portrait_balken{
margin-top:10px;
padding:8px;
width:630px;
height:150px;
background-color:#EEF8FF;
border:none;
}

#portraitfoto{
float:left;
width:145px;
height:145px;
margin-right:10px;
border:1px solid #A7A7A7;
}

/********************************************************************************** PLATZHALTER ***/
#platzhalter{
margin-top:10px;
padding:8px;
width:630px;
height:30px;
background-color:#FFFFFF;
border:none;
}

/********************************************************************************** BILD IM TEXT ***/

#absatz{
width:630px;
background-color:#FFFFFF;
border:none;
}

#bildimtext{
margin-left:3px;
float:left;
width:156px;
height:117px;
margin-right:10px;
border:1px solid #A7A7A7;
}


/********************************************************************************** BILDERGALERIE ***/

#bilderbalken{
margin:10px 0px 30px 0px;
padding:8px;
width:630px;
height:90px;
background-color:#EEF8FF;
border:none;
}

/********************************************************************************** TERMINE ***/

#terminbalken{
margin-top:10px;
padding:8px;
width:630px;
height:90px;
background-color:#EEF8FF;
border:none;
}

#terminfoto{
float:left;
width:89px;
height:89px;
margin-right:10px;
border:1px solid #A7A7A7;
}


/********************************************************************************** COLLAGEN ***/

#collage{
margin-bottom: 16px;
margin-left:5px;
width:645px;
height:117px;
}

/********************************************************************************** PRESSE ***/

#presse_balken{
margin-top:10px;
padding:8px;
width:630px;
height:123px;
background-color:#EEF8FF;
border:none;
}

#artikelbild{
float:left;
width:157px;
height:118px;
margin-right:10px;
border:1px solid #A7A7A7;
}

/********************************************************************************** SUBNAV ***/

#subnav {
margin-left:642px;
width:276px;
height:30px;
font-size:.8em;
font-family:"trebuchet ms", verdana, sans-serif;
background-color:#97CAED;
}

#subnav ul {
margin:0;
padding:8px 8px 8px 8px;
list-style:none;
}

#subnav li {
display:inline;
margin:0 8px 0 8px;
padding:0;
}

#subnav a {
padding:0;
color:#003252;
font-weight:bold;
}

#subnav a:hover{
color:#066DAD;
text-decoration:none;
}

/********************************************************************************** CONTAINER ***/

#container{
margin-top:0em;
padding:1em;
width:890px;
text-align:left;
vertical-align: middle;
background-color:#ffffff;
border:none;
}

/********************************************************************************** KOPF ***/

#kopf{
margin-right:10px;
width:648px;
height:168px;
background:url(bilder/kopf_links.gif);
border:1px solid #004F81;
}

/********************************************************************************** LOGO ***/

#logo{
float:right;
width:226px;
height:168px;
background-color:#ffffff;
background-image:url(bilder/kopf_rechts.gif);
border:1px solid #004F81;
}

/********************************************************************************** MAINNAV ***/

#mainnav{
background-color:#004F81;
width:650px;
height:35px;
float:left;
margin-bottom:15px;
}

#mainnav ul {
margin:0;
padding:0;
list-style:none;
}

#mainnav a {
float:left;
color:#FFFFFF;
margin:8px 12.5px 6px 15px;
padding: 0 3px 0 0;
text-decoration:none;
}

#mainnav a:hover {
color:#C1DFF3;
}

#mainnav li {
display:inline;
float: left;
margin:0;
padding:0;
}

#mainnav li a{
text-decoration:none;
color:#ffffff;
}

/********************************************************************************** BLAU ***/
	
#blau{
clear:right;
height:35px;
width:228px;
background-color:#004F81;
float:right;
margin-bottom:15px;
}

/********************************************************************************** CONTENT_MAIN ***/
	
#content_main{
clear:left;
margin-bottom:10px;
padding:10px 0 0 0;
width:648px;
height:300px;
background-color:#ffffff;
}

/********************************************************************************** CONTENT_IMPRESSUM ***/
	
#content_impressum{
clear:left;
margin-bottom:10px;
padding:10px 0 0 0;
width:648px;
background-color:#ffffff;
}

/************************* ERSTER GROSSER KASTEN ***/
#k1 { 	
float:left;
margin-bottom: 10px;
margin-right: 10px;
width:315px;
height:240px;
border:1px solid #A7A7A7;
background:url(bilder/mach_mit.jpg);
background-color:#ffffff;
background-position:0 57px;
background-repeat:no-repeat;
}

#k1 a:hover {
color:#74B6E3;
text-decoration:none;
}

#k1 a {
margin:0 0 0 210px;
color:#003252;
text-decoration:none;
font-size:.8em;
font-family:"trebuchet ms", verdana,sans-serif;
font-weight:bold;
}



/************************* GROSSE KÄSTEN FLIESSTEXT ***/
#k_ft{ 	
margin:-5px 10px 6px 15px;
line-height:1.2em;
padding:0;
text-align:left;
font-size:.9em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#000000;
}

/************************* GROSSER KASTEN RECHTS ***/
#k2 { 	
float:right;
margin-bottom: 10px;
width:315px;
height:240px;
border:1px solid #A7A7A7;
background:url(bilder/wer_sind_wir.jpg);
background-color:#ffffff;
background-position:0 57px;
background-repeat:no-repeat;
}

#k2 a:hover{
color:#74B6E3;
text-decoration:none;
}

#k2 a {
margin:0 0 0 210px;
color:#003252;
text-decoration:none;
font-size:.8em;
font-family:"trebuchet ms", verdana,sans-serif;
font-weight:bold;
}

/********************************************************************************** ARTIKELSEITE ***/

#autor{
margin:0px 0px 0px 5px;
padding:5px 0px 0px 0px;
text-align:right;
font-size:.7em;
font-family:"trebuchet ms", verdana,sans-serif;
font-style:italic;
color:#666666;
}

#artikelfoto{
float:left;
width:89px;
height:89px;
margin: 0px 20px 5px 10px;
border:1px solid #A7A7A7;
}

#artikelbalken{
margin:0px 0px 0px 0px;
padding:10px 10px 5px 10px;
width:630px;
height:90px;
background-color:#EEF8FF;
border:none;
}


/********************************************************************************** CONTENT_BIGA ***/
	
#content_biga{
clear:left;
padding:0px;
width:648px;
height:200px;
background-color:#ffffff;
}

/************************* BILDERGALERIE BEREICHS EINSTIEGSSEITE ***/

#biga1 { 
margin-bottom: 10px;
margin-right: 21px;
width:200px;
height:140px;
border:1px solid #A7A7A7;
float:left;
}

#biga2 { 	
margin-bottom: 10px;
margin-right: 21px;
width:200px;
height:140px;
border:1px solid #A7A7A7;
float:left;
}

#biga3 { 	
margin-bottom: 10px;
width:200px;
height:140px;
border:1px solid #A7A7A7;
float:left;
}

/********************************************************************************** MARGINAL ***/

/***
#marginal a{
margin-bottom:10px;
color:#003252;
font-weight:bold;
float:right;
text-decoration:none;
font-family:"trebuchet ms", verdana,sans-serif;
font-size:.8em;
}

#marginal a:hover {
color:#97CAEE;
font-weight:bold;
text-decoration:none;
}
***/

#marginal{
float:right;
width:228px;
background-color: white;
}

#balken{
margin-top:10px;
float:right;
width:228px;
height:22px;
background-color:#97CAEE;
}

#banner{
float:left;
margin-top:0px;
width:226px;
height:91px;
border:1px solid #A7A7A7;
border-top:0px;
float:left;
}

#aktuell { 	
float:right;
margin-top:0px;
width:226px;
height:146px;
border:1px solid #A7A7A7;
border-top:0px;
float:left;
}

#frage { 	
float:right;
margin-top:7px;
margin-bottom:7px;
width:226px;
height:231px;
border:1px solid #A7A7A7;
float:left;
background-image:url(bilder/frage.jpg);
}

/********************************************************************************** BANNER INAKTIV ***/
#banner_ia{
float:left;
margin-top:0px;
width:226px;
height:91px;
border:1px solid #A7A7A7;
border-top:0px;
float:left;
}

#balken_ia{
margin-top:10px;
float:right;
width:228px;
height:22px;
background-color:#C6E3F8;
}

#text_ia{ 	
margin:5px 0px 0px 8px;
padding:0;
text-align:left;
vertical-align: middle;	
font-size:1em;
font-weight:bold;
font-family:"trebuchet ms", verdana,sans-serif;
color:#5CA0CD;
}

/********************************************************************************** GÄSTEBUCH ***/

#gb_kasten{
width:630px;
background-color: white;
border:1px solid #A7A7A7;
margin-top:20px;
width:630px;
}

#gb_balken{
padding:4px 0px 4px 3px;
height:17px;
width:647px;
background-color:#97CAEE;
}

#gb_balken_unten{
padding:4px 0px 4px 3px;
height:10px;
width:647px;
background-color:#97CAEE;
}

#gb_text{
padding:10px;
width:630px;
background-color:#DCF1FF;
}
/**
#aktuell { 	
float:right;
margin-top:0px;
width:226px;
height:146px;
border:1px solid #A7A7A7;
border-top:0px;
float:left;
}

#frage { 	
float:right;
margin-top:7px;
margin-bottom:7px;
width:226px;
height:231px;
border:1px solid #A7A7A7;
float:left;
background-image:url(bilder/frage.jpg);
}
**/

/********************************************************************************** FOOTER ***/

#footer{
clear: both;
width:918px;
height:50px;
background-color:#DCF1FF; 
}

#footer_li {
margin-left:10px;
margin-top:3px;
padding:20px 0 0 46px;
float:left;
vertical-align: bottom;	
font-size:.8em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#004F81;
background-image:url(bilder/footer_zahnkranz.jpg);
background-position:0px left; 
background-repeat:no-repeat;
}

#footer_re {
margin-right:10px;
padding:27px 0 0 46px;
float:right;
vertical-align: middle;	
font-size:.8em;
font-family:"trebuchet ms", verdana,sans-serif;
color:#004F81;
}