body{
margin:0;
padding:0;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

li{
list-style: url(../img/list.gif);line-height: 1.7em;
}

table{

width: 95%; 
height: auto; 
padding: 4px;
border-left:1px solid #b3c9da; 
 }
 
 td{ 
cell-spacing:4px; 
padding: 4px;
border:1px dotted #b3c9da; 
 }


.anw {
    font-family: "Attract more women";
    font-size: 230%;
}

.dunkelblau{border-bottom-color: #004982;}
.mittelblau{border-bottom-color: #236190;}
.hellblau{border-bottom-color: #ccdbe6;}


.eingerueckt{margin-left: 16px;}



#maincontainer{
background-image: url(../img/bg_plus.gif);
background-repeat: repeat-x;
width: 100%; /*Width of main container*/
margin: 0; /*Center container on page*/
height: 100%;
padding: 0px;
}

#bg{
height: 360px; /*Height of top section*/
padding-left: 0px;
width: 900px;
background-image: url(../img/bg_full.gif);
background-repeat: no-repeat;
}

#bgstartup{
height: 360px; /*Height of top section*/
padding-left: 0px;
width: 900px;
background-image: url(../img/bg_fullstart.gif);
background-repeat: no-repeat;
}

/* ----------HEADER -----------*/

#header    { color: #ccdbe6; line-height: -1em; font-style: normal; font-weight: lighter; vertical-align: middle; text-align: center; visibility: visible; position: absolute; z-index: 20; top: 70px; left: 260px; width: 350px; height: 130px; text-decoration: none; overflow: hidden; margin-top: 0.2em;}
#header a { color: #ffffff; text-decoration: none; font-size: 11px;}
#header a:hover { color: #ed8200;}
#header .animation{ color: #ffffff; text-decoration: none; word-spacing: 1em;}

/* ----------ZUSATZNAV OBEN -----------*/
#zusatznav   { color: #004982; font-size: 10px; font-style: normal; font-weight: normal; word-spacing: 0.5em; line-height: normal; font-stretch: ultra-expanded; visibility: visible; position: absolute; z-index: 20; top: 51px; left: 11px; width: 880px; height: 12px }
#zusatznav a{ color: #004982;text-decoration:none;}
#zusatznav a:visited{ color: #004982;text-decoration:none;}
#zusatznav a:active{ color: #ed8200;text-decoration:none;}
#zusatznav a:hover{ color: #ed8200;text-decoration:none;}

#pfad  { color: #004982; font-size: 10px;  font-style: normal; font-weight: normal; line-height: normal; font-stretch: ultra-expanded; visibility: visible; position: absolute; z-index: 20; top: 210px; left: 10px; width: 880px; height: 10px }





/* ----------FARBEN
farben

#004982 - IZMdunkelblau
#2f4b60 - dunkelgraublau
#236190 - mittelblau
#ccdbe6 - hellblau
#f3f8fb - wei Dblau
#ccdbe6 - leiste
#b3c9da - meta BG
#90d1fb - knackblau meta
72c6fc

#ed8200 - IZM dunkelorange
#f8b323 - hellorange
#feefbc - hellgelborange
#fffef1 - wei Dgelb

#ce3407 - mohnorangerot

#0b98be - dunkel petrol
#21c7da - mittelpetrol
#78e7f2 - petrol hell


#ebe9e9 - hellgrau
dunkelgrau - #9f9f9f

-------------- */





/* ----------NAVIGATION -----------*/
#navigation {border-top: 2px #f3f8fb solid;border-left: 2px #f3f8fb solid;border-right: 2px #f3f8fb solid; visibility: visible; position: absolute; z-index: 50; top: 240px; left: 160px; width: 490px; height: 80px; padding: 4px;line-height: 1.1em }
#navigation h1{ font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #004982; text-transform: uppercase;; font-weight: bold}

#navigation a{ color: #adbfcc;text-decoration:none;}
#navigation a:active{ color: #004982;text-decoration:none;}
#navigation a:visited{ color: #adbfcc;text-decoration:none;}
#navigation a:hover{ color: #004982;text-decoration:none;}
/*#navigation a:after{ content: ".  "}*/
#navigation a:before{ content: "|  "}
.aktuell{/*text-decoration:underline;*/ background-color: #f3f8fb; color: #004982;padding-left:4px;padding-right:4px; text-transform: uppercase;}

/* ----------SUBNAVIGATION -----------*/

#subnavigation:before{content: url(../img/pfeil.gif);margin-left:-20px; }
#subnavigation { visibility: visible; /*background-color: #f3f8fb; */position: absolute; z-index: 50; top: 290px; left: 180px; width: 470px; height: auto; min-height: 14px; padding: 4px; }
#subnavigation h1{ margin-top:-14px;font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #004982; text-transform: lowercase; font-weight: normal;line-height: 1.1em}

#subnavigation a{ color: #004982;text-decoration:none;}
#subnavigation a:active{ color: #004982;text-decoration:none;}
#subnavigation a:visited{ color: #004982;text-decoration:none;}
#subnavigation a:hover{ color: #ed8200;text-decoration: none;}
#subnavigation a:after{ content: " | "}
/*#subnavigation a:before{ content: "  ."}*/


/* ----------CONTENT -----------*/


#content   { 
visibility: visible; 
position: absolute; 
z-index: 50; 
background-color: #f3f8fb;
top: 330px; 
left: 160px; 
width: 490px; 
height: auto; 
padding: 7px; 
font-size: 11px;
line-height: 1.4em; 
color: #666666;
text-align: left;
 }

#content h1{ font-size: 15px; color: #004982; text-transform: uppercase; line-height: 1.2em; font-weight: bold}
#content h2{ font-size: 13px; color: #869eb0; line-height: normal; font-weight: bold}
#content a{ color: #ed8200;text-decoration:none;}
#content a:hover{ color: #ce3407;text-decoration:none;}
#content a:visited{ color: #ed8200;text-decoration:none;}
#content a:active{ color: #ce3407;text-decoration:none;}
#content i{color: #004982;text-transform: uppercase;}


.fotoshow{ 
width: 95%; 
height: 380px; 
padding-top: 10px;
border:1px solid #b3c9da; 
text-align: center;
vertical-align: middle;
 }
 
 .backpfeil a{
 text-decoration: none;
 margin-top:-30px;
 margin-left: 80%;
 top:0px;
 }
 
 .foto{ 
width: 400px; 
height: 300px; 

 }
 
 
 .thumb{ 
 text-align:center;
width: 80px; 
border:1px dotted #b3c9da; 
padding4px;
 }
 
 .impressionen table{ 
width: 95%; 
height: auto; 
padding: 4px;

 }
 
 .impressionen td{ 
width: 80px; 
height: 60px; 
padding: 4px;
border:1px solid #b3c9da; 
 }

.pfeil:before{content: url(../img/pfeil.gif)}
.knickpfeil:before{content: url(../img/knickpfeil.gif);}



.kasten{
background-color: #f3f8fb;
border:1px dotted #b3c9da; 
}



 /* ----------Verschiedene Text Layouts -----------*/
 
#wrapper {
width: 100%;
margin: 0 auto;
}

#leftCol {
float: left;
margin-left:-30px;
margin-top:-20px;
width: 50%;
text-align: left;

}



#rightCol {
margin-top:-20px;
float: right;
width: 50%;
text-align: left;

}


 
 .box {

margin-bottom: 5px;
padding: 12px;
width: 100%;
height:230px;
background-color: #f3f8fb;
border:1px dotted #b3c9da; 

overflow: hidden;
}
 
 





















/* ----------FOOTER -----------*/



.textfooter{ color: #004982;text-align: left;font-size: 10px;border-top:1px dotted #b3c9da;}
.moredocs{color: #004982;color: #999999;}
.moredocs:before{content:' related documents:';color: #999999}
.autor{color: #004982}
.autor:before{content:'autor/in: ';color: #999999}
.datum{color: #004982;}
.datum:before{content:'last modified: '; color: #999999}
.copyright{}
.copyright:before{ content:'© Integrales Zentrum Möhnesee 2011'}
.upstairs{text-align: right;left: 80%;}
.upstairs:after{ content: url(../img/uppfeil.gif)}

.statebild{width:60px;height:80px;border:1px solid #b3c9da;text-align:center;}



.contentbild{ width: 140px;}


#linkespalte{ visibility: visible; position: absolute; z-index: 20; top: 380px; left: 10px; width: 140px; height: auto; padding: 0px; text-align:right;}


/* ----------META SPALTE -----------*/



#meta    { 
/*background-image: url(../img/bg_meta2.gif);
background-repeat: repeat-x;*/
background-color: #ffffff;
border-left: 1px dotted #b3c9da;
border-right:1px dotted #b3c9da;
border-bottom:1px dotted #b3c9da;
visibility: visible; 
position: absolute; 
z-index: 50; 
top: 87px; 
left: 677px; 
width: 210px; 
height: auto; }


.login{
background-color: #b3c9da;

background-repeat: repeat-y;
background-position: bottom right;
border: 1px dotted #004982;
z-index: 50; 
width: 175px; 
height:13px;
vertical-align: middle;
color: #004982;
font-size: 11px;
padding:2px;
padding-right:20px;
padding-bottom:6px;
margin-left:8px;
margin-top:5px;
margin-bottom:15px;
text-align: right;
font-stretch: extra-expanded;
}
.login:before{
content: url(../img/pfeilblue.gif);
}

.login a{
color: #004982;
font-size: 11px;
font-weight: bold;
margin-bottom: 7px;
line-height: 2em;
text-decoration: none;
}

.login a:hover{
color: #65b8db;
text-decoration: underline;

}


.metainfo{
background-color: #f3f8fb;
width: 90%;
margin: 7px;
padding:4px;
border-bottom: 1px dotted #2f4b60;
border-right: 1px dotted #2f4b60;
border-left: 1px dotted #2f4b60;
border-top: 1px dotted #2f4b60;
margin-bottom:15px;
font-size: 10px;
color: #2f4b60;
line-height: normal;


}


.metainfopur{
background-color: #ffffff;
width: 90%;
margin: 7px;
padding:4px;

font-size: 10px;
color: #2f4b60;
line-height: normal;
margin-bottom:15px;

}

.metainfo h3{
color: #666666;
text-transform: lowercase;
font-size: 16px;
text-align: left;
font-weight: lighter;
padding: 0;

}

.metainfo h2{
color: #0b98be;
background-color: #ccdbe6;
min-height: 12px;
height:auto;
width: 98%;
font-size: 10px;
text-align: left;
margin-top: -10px;
padding-top:3px;
padding-left: 4px;
border-top: 1px dotted #2f4b60;
border-bottom: 1px dotted #2f4b60;

}



.metainfo a{
color: #004982;
font-size: 10px;
padding:4px;
margin-bottom: 7px;
line-height: 2em;
text-decoration: none;

}

.metainfo a:hover{
color: #65b8db;
text-decoration: underline;

}




.metabild{
background-color: #ffffff;
margin: 7px;
width: 90%;
border: 1px dotted #2f4b60;
padding: 4px;
margin-bottom:15px;
 
}





.rightlink{text-align: right;}
.leftlink{text-align: left;}

.bild{
border: 2px solid #65b8db;
width: 60px;
height: 60px;
}

.bildbreit{
border: 0pt;
width: 96%;
text-align:center;
padding:4px;
}


.bildtext{
padding: 4px;
}

.textnebenbild{
margin-left: 65px;
margin-top: -90px;
padding:4px;
}

.bild a{
text-decoration: none;

}

.bildbreit a{
text-decoration: none;

}


.bildtext a{
text-decoration: underline;

}

.bildmittig{
text-align: center;
border: 2px solid #65b8db;
padding-top:6px;
}


#einstellen { 
visibility: visible; 
position: absolute; 
top: 315px; 
left: 10px; 
width: 130px; 
height: 50px;
padding: 4px; 
color: #666666;  
text-align: right; }

#einstellen em{ color: #666666;font-size: 9px; font-style: normal;}
#einstellen a{ color: #adbfcc;text-decoration:none;}
#einstellen a:visited{ color: #adbfcc;text-decoration:none;}
#einstellen a:hover{ color: #ed8200;text-decoration:none;}
#einstellen a:active{ color: #ed8200;text-decoration:none;}
.fs1{font-size: 13px}
.fs2{font-size: 15px}
.fs3{font-size: 17px}
.fs4{font-size: 19px}
#fsaktuell{ color: #ed8200;text-decoration: underline;}

	



/* ----------Bausteine Inhaltsbereich -------------- */ 
  


/* */
#cwin  { 
color: #666666; 
font-size: 11px; 
visibility: visible; 
position: absolute; 
z-index: 100; 
padding:12px;
width: 260px; 
height: 210px;
background-image:url(../img/pfeil.gif);
background-position: bottom right;
background-color: #ffffff;
}
 
.sumtext{
line-height: 1.5em;
background-image: url(../img/opaque.png)
}

 

.cwin table {
width: auto; 
height: auto; 

margin: 0px;
padding: 0px; 
vertical-align: top;
}


 #cwin td,th {

height: auto;
width: auto;
vertical-align: top;
padding: 2px; 
}


.winbild4 td{
width: 90px;
border: 1px dotted #0b98be;
}

.winbild6 td{
width: 60px;
border: 1px dotted #0b98be;
}
/* ----------NEWS START -----------*/
.newseintrag{
z-index: 200;
text-align: left;
color: #666666;
border-bottom:1px dotted #236190;

}
.newseintrag h3{
color: #336699;
font-size: 10px;
font-weight: bold;
}

.newseintrag h3:before{
content:  url(../img/knickpfeil.gif);
}

.newstext{
margin-top: -10px;}

.newsdatum{
background-color: #f3f8fb;
border:1px dotted #b3c9da;
width:80px;
height:30px;
padding:4px;
}

.newsdatum{
background-color: #f3f8fb;
border:1px dotted #b3c9da;
width:80px;
height:30px;
padding:4px;
}


.tag{
font-size:3em;
vertical-align: middle;
width:20px;
margin-top: -37px;
margin-left: 5px}

.monat{
font-size:12px;
vertical-align: top;
margin-left:52px;
text-align: left;
width:auto;
margin-top: -56px;}



.jahr{font-size:12px;
vertical-align: bottom;
margin-left:52px;
margin-top: -15px;
text-align: left;
width:auto;}




.cwinnewsdatum{
background-color: #f3f8fb;
border:1px dotted #b3c9da;
width: 60px;
height:30px;

}
.cwintag{
font-size:1.9em;
vertical-align: middle;
width:20px;
margin-top: -40px;
margin-left: 0px;
padding:2px;}

.cwinmonat{
font-size:11px;
vertical-align: top;
margin-left:30px;
text-align: left;
width:auto;
margin-top: -45px;
padding:2px;}



.cwinjahr{
font-size:11px;
vertical-align: bottom;
margin-left:30px;
margin-top: -15px;
text-align: left;
width:auto;
padding:2px;}



.newseintrag a{
color: #0b98be;
}


/* ----------HISTORY START-----------*/

.historyeintrag{
text-align: left;
color: #666666;
border-bottom:1px dotted #236190;

}
.historyeintrag h2{
color: #336699;
background-color: #f3f8fb;
border:1px dotted #b3c9da;
font-size: 10px;
font-weight: lighter;
padding:4px;
}

.historyeintrag h2:before{

}

.historyeintrag em:before{
content:  url(../img/knickpfeil.gif);
font-style: normal;
}

.historyeintrag a{
color: #0b98be;
}

/* ----------VERANSTALTUNGEN START-----------*/

.veraeintrag{
text-align: left;
color: #666666;
border-bottom:1px dotted #236190;

}
.veraeintrag h3{
color: #333333;
background-color: #f3f8fb;
border:1px dotted #b3c9da;
font-size: 11px;
font-weight: bold;
padding:4px;
}

.veraeintrag h3:before{
content:  url(../img/pfeil.gif);
}


.historyeintrag a{
color: #0b98be;
}

.veraeintrag b{
color: #236190;
font-size: 11px;
font-weight: bold;

}

.veraeintrag em{
color: #236190;
background-color: #f3f8fb;
border:1px dotted #b3c9da;
font-size: 11px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}



/* ----------FENSTER HOME -----------*/


 #cwin h1 { 
font-size: 14px;
line-height: 14px;
vertical-align: top;
color: #004982;
font-weight: bold;
font-variant: small-caps;
font-stretch: extra-expanded;
text-decoration: none;
margin-top: -3px;
  } 
  

    
    
#cwin h1:after { 
content:".";
  } 
  
  
#cwin a { 
font-size: 11px;
color: #004982;
text-align: right;
text-decoration: none;
vertical-align: bottom;
margin-left: 80%;
  }

  
  #cwin a:visited { 
color: #236190;
text-decoration: none;
} 
  
#cwin a:active { 
color: #ed8200;
text-decoration: underline;
 } 
 
 #cwin a:hover { 
color: #ed8200;
text-decoration: underline;
  } 

  



/* ----------Bausteine Fenster -------------- */ 
  
 .eins{top:260px; }
 .zwei{top:510px; }
  
  
.boxleft {
text-align: left;
left: 60px;

background-repeat: repeat-y;

border-bottom:1px dotted #236190;
border-right:1px dotted #236190;

border-left:1px dotted #236190;
border-top: 1px dotted #236190;
}

.boxright {
text-align: right;
left: 360px;

background-repeat: repeat-y;

border-bottom:1px dotted #236190;
border-left:1px dotted #236190;

border-right:1px dotted #236190;
border-top: 1px dotted #236190;

}

.contentboxleft{margin-left:40px;}

.contentboxright{margin-right:40px;}