body {
	background: #FFFFCC; margin:0;
	margin-top: 20px;	padding: 0;	 text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%}
img{border:none;}


/*Divs für die Positionierung +++++++++++++++++++++++++++++++++++++++ */
#wrapper{ background:#fff url(design/sidebar_line.gif) no-repeat 178px 120px;	 
		border: 2px solid black; width:750px; 	margin-left: auto;margin-right: auto;
	 }

/* wird für Content first gebraucht */
#contentWrapper {width: 100%; float: right;margin-right: -178px;}

#content {
	margin-right: 190px;	/* Platz für sidebar */
	margin-top: 140px; /*Platz für Header */	
	margin-bottom: 1em; text-align: left;
	margin-left:0px; padding:0px 10px 1em 10px; }
	
#sidebar {width:170px;	margin-right: -1px; /*dummy */
	float: left;left: 10px;
	margin-top: 140px;	position: relative;	
	overflow: hidden;	text-align:left;}
#sidebar h2 {font-size: 14px; border-top: 1px solid #870F0E; border-bottom: 1px solid #870F0E;}


#footer {  clear:both;   padding:20px 10px 10px 10px; background:#fff;} 

/*formatierungen für den Header  ****************************************************** */

#header {top:22px;z-index:0; position: absolute; background: #fff;
		width:750px; 
	
		background:  url(design/bg_header.jpg) top left repeat-x;
		 
		height: 118px; margin-left: -375px;
		
		}
/* für IE5 muss noch Sonderregelung getroffen werden */		
*>#header{
	margin-left: 0; *margin-left: -375px; 
}

#headerBottom span{display: none;}


/*Header */
#logo {
    height:118px; 	
	 margin: 0px;	
	 background:  url(design/header_make_up.jpg) no-repeat top right;
}


/* Ie Mozilla und Opera*/
#logo a{font-size: 12px;}
 #logo a:link , #logo a:visited  {	
 float: left;
 position: relative;top: 0px; left: 2px;
 background: url(design/header_slogen.jpg) no-repeat  -0px 2px;
	display:block;	height:66px;width:313px; }/*größe des Logos */
/* Mozilla und opera Hack */
	
/*nur opera*/	
#logo a:hover  {background:   url(design/header_slogen.jpg)no-repeat -346px 2px; cursor: pointer;

}

/*wird für hover Mozella verwendet */
#logo a em {position:absolute; left:0px; width:-313px;top:0;} 

/*Logo wird  (iE) bei hover angezeigt*/
#logo a:link em, #logo a:visited em {background:  url(design/header_slogen.jpg) no-repeat 0px 2px;
	display:block;	height:66px;width:313px}
/*Logo wird beim Hover angezeigt Mozilla(iE5)*/
#logo a:hover em { background:  url(design/header_slogen.jpg) no-repeat -346px 2px; cursor: pointer;
}

#logo span{
	display: none;
}


/* Ende Header ************************************************************* */
 



 /* ENDE Divs für die Positionierung */
	 
/* allgemeine Formatierungen ****************************************** */
p {  margin:0 0 1em 0px; font-size:0.8em;  line-height:1.5em; }
p strong {color:#222;}
p span {text-transform:uppercase; font-size:80%; font-weight:bold;  }
h1 {  font-size:26px;  letter-spacing:-1px;
    margin:0 10px 20px 0; line-height:30px;  color: #870F0E; }
h2 {  font-size:115%;  
    color:#333;  margin:10px 10px 10px 0;color:#870F0E;
    font-weight:500;  line-height:110%;
    padding:10px 0;   
	 
     }

	 
h3 {
    padding:5px 0;  font-size:75%;  text-transform:uppercase;    
    margin:30px 10px 0px 0px;  
	 text-align: left;}

h4 {text-transform:uppercase;  font-size:65%;
    font-weight:bold; font-family:Georgia, Times, serif; margin:5px 10px;}
h5 { margin:20px 10px 3px 0;  text-transform:uppercase;
    font-size:70%;  }
ul {   margin:0 10px 10px 10px;
    padding-left:0; list-style:none; font-size:80%;}
    
    #content ul {
        margin-top:10px;
    }    
a:link, a:visited {color: #870F0E; background:none;text-decoration:none;}
ul a:link { color:#000; text-decoration:none;}
h4 a:link, h1 a:link {text-decoration:none; }
a:hover, ul a:hover, h1 a:hover  {color: #BB9955;text-decoration:none;}

/* -----------------------------------------------------------------
DEF: dl
---------------------------------------------------------------- */
#content dt, #content dd{
	font-size: 13px;
	margin-left: 0;
}
#content dt{margin-bottom: 0.5em; font-weight: bolder; color:#000;}
#content dd{margin-bottom: 2em;}
#content dd span{
	font-weight: bolder;color: #666;
}
 #content dt a, #content dt a:visited{
color: #870F0E; 
font-weight: bolder; 
font-size: 12px;
padding-bottom: 2px;
text-decoration: none;
 background: url(design/underlin_870F0E.gif) repeat-x left bottom;
 
 }
 #content dd strong{
 	color:#808080;
 }
 #content  dt a:hover{
 	 border-bottom:1px solid #EB8E3E;color:#EB8E3E; background-image: none;
 }
 #content dd a.mehr{ margin-left: -5px;width:160px; height:20px; color: red; display:block; background:url(design/weitere_infos.gif) no-repeat; 
border-bottom: none;}
#content dd a.mehr:hover { background:url(design/weitere_infos.gif) no-repeat 0 -17px;
border-bottom: none;}

 
 
 /* -------------------------------------- */
 pre {
 	line-height: 130%;
 }
 
 .imageright {float: right;	
				 margin-bottom: 10px;}
	 
/* ******************************************************************* */

#footer p {
        border-top:#000 double;
        padding-top:5px;
        text-transform:uppercase;
        font-weight:bold;
        margin:0;
        font-size:70%;
        text-align:center;
    }


   

   

    
     #sidebar h1 {
        font-size:125%;
        margin:0 10px 10px 10px;
    }


   #sidebar h2 {
        margin:30px;
        font-size:14px;
    }
   #sidebar h2 {
        margin-right:0;
    margin-left: 0;
margin-bottom: 10px;
    }
	

#sidebar a:link img, #sidebar a:hover img, #sidebar a:visited img{
	text-decoration:none;
	background:none;
	border:1px #666 solid;
}
 ul a:visited{
    color:#000;	
    text-decoration:none;
}
ul a:hover{
	color: #b95;
}
    h1 a:visited {
        color: #870F0E;
    }
#sidebar img {
	margin-left:10px;
}
#content img {
    margin:10px;
}
img.flolf {
    float:left;
    margin:0 5px 0 0;
    border:0;
}

p.em{
	border-top: 1px solid #870F0E;
	border-bottom: 1px solid #870F0E;
	padding-top: 1em;
	padding-bottom: 1em;
}




.decorationRight {FLOAT: right;	MARGIN: 0.5em 1em 3px 3px; }
.decorationLeft {	FLOAT: left;	MARGIN:0 5px 5px -3px; }


/* **************************** */

/* -----------------------------------------------------------------
DEF: partner (Partnerlinks
---------------------------------------------------------------- */

#partner{text-align: left;width: 750px; position: relative;margin-left: auto; margin-right: auto;}
#partner p, #partner a:link, #partner a:visited {font-size: 11px; color:#808080;}
#partner a:hover{color: #EB8E3E;}

/* ------------------------------------------------------------------------------
 DEF: img
 --------------------------------------------------------------------------------- */
 .gfimg{background: #FFFFFF;
 	float: right; margin-left: 10px;
	border: 1px solid  #870F0E; padding-bottom: 6px;
	
 }
 .gfimg img{
 	border: 1px solid #D7A7A6;
	margin: 8px;
	margin-bottom: 0px;
	clear: both;
 }
 
  .gfimg p {clear:both;
	margin: 0 0 0 10px;
	padding: 0;color:#030;	padding-top: 3px;
	font: 9px Arial, sans-serif;
	
	
	
}

#content dd img{float:left;margin-top: 3px;margin-left:0px;  padding: 0px 2px 2px 0px;border: 2px solid #870F0E}