/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(../img/faux-1-3-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}

#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: white; /* #ABBEBE;*/
}
.sitelogo {width:168px; height:134px; position:absolute; z-index:5; margin:0px 0 0 0px; background:url(../img/vafklogo.gif);}
.sitelogoII {width:435px; height:48px; position:absolute; z-index:1; margin:20px 0 0 230px; background:url(../img/vaeteraufbruch.gif);}
.sitename {width:600px; height:45px;margin:80px 0px 0px 320px;position:absolute; z-index:1;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h3 {color:#0000FF; margin:0px 0px 0px 0px;font-weight: bold; font-size:120%;}


#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: left;
}
.headline h3 {color:white; background-color:#0000FF; margin:200px 22px 0px 23px;font-weight: bold; font-size:120%;}
.leftlogo {width: 150px; height: 99px; position:absolute; z-index:5; margin:5px 22px 0px 23px; background:url(../img/vatertochter50.jpg);}
.roundleft {width: 180px; height: 75px; position: absolute; z-index:1; margin:-10px 0 0 -10px; background:url(../img/roundleft.gif);}


#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
 /*height: 350px; i.e. */
}
.contentlogo {width:400px; height:41px; position:absolute; z-index:1; margin:0px 0px 0px 30px; background:url(../img/Aufkleber.jpg);}
.contentkarinj {width:468px; height:82px; position:absolute; z-index:1; margin:0px 0px 0px 0px; background:url(../img/karinbanner.gif);}
#content h3 {width:465px; height:20px;color:white; background-color: #ABBEBE; color:#fff; font-weight: bold; font-size:120%;}
#content li { margin-left: 25px;}

#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px 0px 0px 0px;
 width: 195px;
 float: right;
}

.roundright {width: 180px; height: 75px; position: absolute; z-index:-1; margin:-10px 0px 0px 25px; background:url(../img/roundright.gif);}

.HeadlineRight{
background: white url(../img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
margin: 40px 0 5px 0px;
padding: 3px 0 3px 10px;
width: 175px;
position: relative;
}
.ImgRight{
display: block;
margin: 15px 0 5px 0px;
padding: 0;
width: 185px;
position: relative;
border: 0px;
}


#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
/* Allgemeine Classen - Schriften*/

.clear { clear: both; background: none; }
.blankline25px {position:relative;visibility:hidden;line-height:25px;}/*für Freiraum*/
.blankline10px {position:relative;visibility:hidden;line-height:10px;}/*für Freiraum*/
.s1 {font-size:70%; letter-spacing: 0.05em;}/*Kleine sw Schrift z.B. Updateted*/
.s2 {font-weight:120;line-height: 1.5;}/*Standart-Text für Informationen*/
.s_fett {font-size: 160%; font-weight: bold;}/*      */
.s_fettsmall {font-size: 100%; font-weight: bold;}
.s_fettblue {color:#0000FF; font-weight: bold;}
.s_fettblack {color:#333; font-weight: bold;}
h1 {color:#0000FF; }

a:link { font-weight:bold; color:blue; text-decoration: underline; }
a:visited { font-weight:bold; color:blue; text-decoration: underline; }
a:focus { font-weight:bold; color:blue; text-decoration:underline; }
a:hover { font-weight:bold; color:#333; text-decoration:none; }
a:active { font-weight:bold; color:blue; text-decoration:none; }