/* ===================================
Stylesheet : Ejcsk-Munich 
  
Datei: styles.css fuer milpat... 
Datum: 21 Sept 2008
Autor: I. Bilitik 

Aufbau: . Kalibrierung
        . Allgemeine Styles
        . Styles für Layoutbereiche
        . Sonstige Styles 
=================================== */

body, html{
background: #ffffff url(Temple3.bmp);
height: 100%;
margin: 0;
padding: 0;
}

#banner{
background: #006600 url(banner.gif);
width: 100%;
height: 140px;
border-bottom: 2px #000000 solid;
}
#nav{
 margin: auto;  
 text-align: center;
 height: 23px;
 border-bottom: 1px #000000 solid;
 background-color: #eeeeee;
 margin-top: ;
}
#nav2{
background-color: #ffffff;
width: 20%;
border: 1px #000000 solid;
float: right;
}
#nav2 p{
color: #000000;
font-size: 12px;
padding: 3px;
}

#nav2 h1{
margin: 0;
background-color: #33cc00;
font-size: 12px;
padding: 3px;
text-align: center;
color: #000000;}
#updates p{
color: #000000;
font-size: 12px;
padding: 3px;
}

#nav a{
text-align: center;
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
padding: 4px;
border: 1px #000000 solid;
background-color: #336600;
}

#nav a:hover{
color: #000000;
background: url(gnav.gif);
}

#updates{
background-color: #ffffff;
border: 1px #000000 solid;
float: left;
width: 20%;

}
#updates #updatemarge{
	margin-left: 15%;
}
#updates h1{
margin: 0;
background-color: #33cc00;
font-size: 12px;
padding: 3px;
text-align: center;
color: #000000;}
#updates p{
color: #000000;
font-size: 12px;
padding: 3px;
}

#content{
background-color: #ffffff;
width: 55%;
margin-left: 22.7%;
border-left: 1px green solid;
}

#content p{
color: #000000;
font-size: 14px;
padding: 3px;
}

#content #texteducontent{
padding-left: 6px;
}
#content #marge{
margin-left: 12px;
}
#content #globe{
margin-left: 35%;
}


#content  .float_left {
	float: left;
	text-indent: 0px;
	margin-top: 5px;
	margin-right: 10px;
	border: 8px solid green;
	padding: 3px;
	margin-left: 0px;
}

#content #video1{

}

#content #boutonhdepage{
margin-left: 43%;
}

#content h1{
margin: 0;
font-size: 18px;
background-color: #00cc00;
padding: 3px;
color: #000000;
}
#updates #logo{
margin-left: 20%;
}

#updates #logoindex1{
margin-left: 16%;
}

#updates #fmunich1{
margin-left: 27px;
}

#updates li{
padding: 2px;
}
#nav2 li{
padding: 2px;
}
#nav2 a{
color: #003300;
display: block;
border-bottom: 1px #000000 solid;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
#nav2 a:hover{
color: #000000;
}

#nav2 #image1{
margin-left: 27%;
}
#updates a{
color: #003300;
display: block;
border-bottom: 1px #000000 solid;
text-decoration: none;
font-size: 12px;
font-weight: bold;

}

#updates li{list-style-type: none;}
#updates a:hover{
color: #000000;
}
#fussbereich{
padding: 3px 0px 3px 0px;
text-align: center;
background-color: green;
border: 1px #000000 solid;
font-size: 12px;
}
a{
color: #006600;
text-decoration: none;
}
a:hover{
color: #000000;
text-decoration: underline;}

#content li{
font-size: 12px;
list-style-image: url()
}
/* ======================
   Das Kontaktformular */
   
form {
  background-color: #eeeeee; 
  color: black; 
  width: 370px; 
  padding: 20px; 
  border: 1px solid #8c8c8c; 
}       
label {
  display: block; 
  cursor: pointer; 
}
input#absender, textarea {
  width: 300px;
  border: 1px solid #8c8c8c; 
  margin-bottom: 1em;
}
textarea { height: 7em; }

input#absender:focus, 
textarea:focus {
  background-color: #d9d9d9; 
  color: black; 
}
#content #form1{
	margin-left: 18%;
}