/*
 *       3513_Styling.css  -  25.02.2010
 */
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/ * html * { 	zoom:100%;  /* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/ 	} /* without the above hack, IE6 does not draw the header until the page is resized */ /* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */ * { 	margin:0; 	padding:0; 	} 
body { 	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */ } 
.float_left {float:left; margin: 0 .3em .3em 0;} 
     /* apply this class to any image or element with width - text will wrap it to the right */ 
.float_right {float:right;  margin: 0 0 .3em .3em;} 
    /* apply this class to any image or element with width  - text will wrap it to the left */ 
/* 
 * DEFAULT TAG STYLES - font sizes, margins, padding, etc. 
 * NOTE: text colors follow below 
 */
body {background-color:#FFF;} 
#main_wrapper {background-color:#FFF;} 
#header {background-color:#808073;} 
#nav {background-color:#BFBFAC;} 
#content {background-color:#FFFFE6; font-family: Comic Sans MS;} 
#navyyyy {background-color:#BFBFAC;} 
#contentyyyy {background-color:#FFFFE6; font-family: Comic Sans MS;} 
#promo {background-color:transparent;} 
#footer {background-color:#D9D9C3;}  
h1, h2, h3, h4, h5, h6, ul, ol, dl { font-family: 'Trebuchet MS', Verdana,  serif;}  
/*
 * TEXT COLORS 
 */ 
h1 {color:#FFF;	} 
h2, h3, h4, h5 {color:#808073; 	} 
h6 {color:#000000;} 
p {color:#000; 	} 
ul, ol, dl, blockquote, cite { 	color:#808073; 	} 
#nav ul, #nav a { color:#FFF; list-style: none;	} 
#navyyyy ul, #navyyyy a { color:#FFF; list-style: none;	} 
table, form { 	color: #BFBFAC; 	} 
a { 	color:#808073; 	} 
a:hover, #nav a:hover { 	color:#000; 	}	 
#footer p { 	margin:0; }
/* 	 
 * CLASS:OLIVE TAG STYLES - font sizes, margins, padding, etc.  
 * NOTE: text colors follow below 
 */
body.olive {background-color:#FFF;} 
.olive #main_wrapper {background-color:#FFF;} 
.olive #header {background-color:#BFBF60;} 
.olive #nav {background-color:#CCCC8F;} 
.olive #content {background-color:#E6E6CF;} 
.olive #navyyyy {background-color:#CCCC8F;} 
.olive #contentyyyy {background-color:#E6E6CF;} 
.olive #promo {background-color:#CCCC8F;} 
.olive #footer {background-color:#BFBF60;}  
h1, h2, h3, h4, h5, h6, ul, ol, dl { 	font-family: 'Trebuchet MS', Verdana,  serif; 	} 
/* 
 * CLASS:OLIVE TEXT COLORS 
 */ 
.olive h1 { 	color:#B33; 	} 
.olive h2, 
.olive h3, 
.olive h4, 
.olive h5 { 	color:#808059; 	} 
.olive h6 { 	color:#000000; 	} 
.olive p { 	color:#666; 	} 
.olive ul, .olive ol, .olive dl, 
.olive blockquote, 
.olive cite { 	color:#B33; 	} 
.olive #nav ul, 
.olive #nav a { color:#FFF; 	} 
.olive #navyyyy ul, 
.olive #navyyyy a { color:#FFF;} 
.olive table, .olive form { 	color: #666; 	} 
.olive a { color:#B33; 	} 
.olive a:hover { 	color:#666; 	}	 
.olive #nav a:hover { 	color:#666; 	}
.olive #navyyyy a:hover { color:#666; 	}  	 
/*
 * CLASS:LIME TAG STYLES - font sizes, margins, padding, etc. 
 * NOTE: text colors follow below 
 */
body.lime {background-color:#FFF;}
.lime #main_wrapper {background-color:#FFF;}
.lime #header {background-color:#507EA1;}
.lime #nav {background-color:transparent;}
.lime #content {background-color:#CFE673;}
.lime #navyyyy {background-color:transparent;}
.lime #contentyyyy {background-color:#CFE673;}
.lime #promo {background-color:transparent;}
.lime #footer {background-color:#BFCCD6;}
h1, h2, h3, h4, h5, h6, ul, ol, dl {font-family: 'Trebuchet MS', Verdana,  serif;} 
/*
 * CLASS:LIME TEXT COLORS
 */
.lime h1 {color:#FFF;}
.lime h2 {color:#507EA1;}
.lime h3, .lime h5 {color:#507EA1;}
.lime h4 {color:#738040;}
.lime h6 {color:#507EA1;}
.lime p {color:#555;}
.lime ul, .lime ol, .lime dl, .lime blockquote, .lime cite {color:#507EA1;}
.lime cite {color:#555;}
.lime #nav ul, .lime #nav a {color:#738040;}
.lime #navyyyy ul, .lime #navyyyy a {color:#738040;}
.lime table, .lime form {color: #507EA1;}
.lime a {color:#507EA1;}
.lime a:hover {color:#738040;}
.lime #nav a:hover {color:#507EA1;}
.lime #navyyyy a:hover {color:#507EA1;}

/* FONT SIZES */

h1 {font-size:1.5em; /* 24pt */	}
h2 {font-size:1.375em; /* 22pt */ 
    line-height:1.25;
    padding:.5em 0 0 0;	
   }
h3 {font-size:1.125em; /* 18pt */
    line-height:1.25;
   }
h4 {font-size:1.125em; /* 18pt */}
h5 {font-size:1em; /* 16pt */}
h6 {font-size:.875em; /* 14pt */}
/* p  {font-size:.8em; /* 12pt */
    line-height:1.25; /* on 15pt */
    margin-bottom:.75em; /* 12pts of space */} */

/*
 * Text-Formatierungen
 */
#fett		{font-weight: bold;
		 font-size: large;}
#kursiv		{font-style: italic;}
#fettkursiv	{font-style: italic;
		 font-weight: bold;}
#gross		{font-size: xx-large;
		 font-weight: bold;
		 letter-spacing: 2px;}
#grossrot	{color: red;
		 font-family: Century Gothic; 
		 font-size: xx-large;
		 font-weight: bold;
		 letter-spacing: 2px;}
#grossgelb	{color: #FFD900;
		 font-size: xx-large;
		 font-weight: bold;
		 letter-spacing: 2px;}