/* MARISCHKA LUTZ   CSS Document */
body {font-size: 100.01%;
margin:0;
background-color: #ddd;
text-align: center;  /* Zentrierung im Internet Explorer */}

div {margin:0;}
#containermitte, #kopfzeile, #textkasten, .projektkasten, .foto, .linkertext, .rechtertext, .hauptmenue {margin:0; padding:0;} 

a, h1, h2, h3, p, ul, li {margin:0; padding:0;} 
img {border:0; display: block;}

.clearingleft {margin:0; padding:0; font-size:1px; clear: left;} /* Schrift in kleinster Groesse, da IE6 Inhalt bei div braucht */


/* L I N K E   S E I T E   MIT MENUE  */
#containerlinks {display: block; width: 300px;
float: left;
margin-left: 13px; margin-top: 31px;
text-align:left;
position: fixed;} 

/* HAUPTMENUE  */
.hauptmenue {display: block; width: 300px; margin-bottom: 70px;}
.hauptmenue ul{list-style: none; margin-bottom: 50px; } 
.hauptmenue li {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 27px;font-weight: bold; color: #67941b;
/*text-transform:uppercase;  Grossbuchstaben */ 
}

.hauptmenue li a {color: #67941b;text-decoration: none; font-weight: bold;}
.hauptmenue li a:hover {color: #8ad607; text-decoration: none; font-weight: bold;}
.hauptmenue li a.current {text-decoration: none; font-weight: bold; color: #8ad607;}





/*  H E A D E R  */

#kopfzeile {display: block; width: 760px;
margin: auto;
position: fixed;
background-color: #fff;
border-top: 20px solid #ddd; border-bottom: 20px solid #ddd;
z-index: 20;} 

.headlinekasten {display: block; float: left;
text-align: left;
padding: 13px; padding-left: 19px; } 

.adresskasten {display: block; float: right;
text-align: left;
padding: 13px;padding-right: 19px;} 





/*  M I T T L E R E R   T E I L  */

/* komplett bis oben hin */
#containermitte {display: block; width: 760px; background-color: #fff;
margin: auto; /* standardkonforme horizontale Zentrierung */
text-align:left;
border-left: 1px dotted #000; border-right: 1px dotted #000;
} 

/* komplett unterer bereich */
#textkasten {display: block; padding-top: 70px; background-color: #fff} 

.foto {display: block; margin-top: 50px;margin-left: 20px;} 

.projektkasten {display: block; 
margin-top: 16px; margin-left: 29px;
border-bottom: 1px dotted #000;}

.linkertext {display: block; float: left;
margin-bottom: 10px;} 

.rechtertext {display: block; width: 307px; 
position: absolute;
margin-left: 390px;
text-align:right;} 

.flashfilmfrosch {display: block; width: 720px; height: 536px;
background-image:url(../images/illus_frosch.jpg); background-position: 0 0; background-repeat: no-repeat;
margin-top: 50px;margin-left: 20px;}
.flashfilmflirt {display: block; width: 720px; height: 536px;
background-image:url(../images/illus_flirt.jpg); background-position: 0 0; background-repeat: no-repeat;
margin-top: 50px;margin-left: 20px;}
.filmposition {padding-top: 5px; padding-left: 9px;}






/* T E X T S T I L E  */
p {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; color: #000000;}
		
h1 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; font-weight: bold; color: #67941b;
text-transform:uppercase;  /*Grossbuchstaben */ 
}	
h2 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; font-weight: bold; color: #67941b;
text-transform:uppercase;  /*Grossbuchstaben */ 
}

h3 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #67941b; line-height: 18px;
text-transform:uppercase; /* Grossbuchstaben */ }

.lauftextklein {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-weight: normal; color: #000;
text-transform:none;}

.impressumstext {display: block; width: 500px; padding-bottom: 60px;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; line-height: 12px; font-weight: normal; color: #000000;}


a {color: #67941b;text-decoration: underline;}
a:hover {color: #8ad607; text-decoration: underline;}