/*  =========================================================
Stylesheet für Architekturbüro Stocker
Datei:  stilecht.css
Media:  screen 
Datum:  18. Juni 2007
Autor:  Manfred Weis Medienservice 
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */
/* Kalibrierung der wichtigsten Abstände */

*  { padding: 0; margin: 0; }

html { height: 101%; margin:0;padding:0 }

/* Allgemeine Selektoren */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	background-color: #000099;
	font-size: 12px;
    behavior: url(csshover.htc); /* WinIE behavior call */	
	}

h1 { font-size: 150%; } 

h2 {
	font-size: 110%;
	font-weight: bold;
}

h3 {
	font-size: 110%;
	text-decoration: underline;
}

h4 {
	font-size: 110%;
}


p { margin:0 10px 10px; }

a {
	textdecoration: none;
	color: #FFFFFF;
}

a:hover {
	textdecoration: none;
	color: #FFFF00;
}
a:active {
	textdecoration: none;
	color: #FF6600;
}

.Logozeile {
	color: #FFFFFF;
	margin-right: 10px;
}


/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ====================================
*/

#rahmen {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	background-color: white;
	}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

a.email:link {
  color:            #0000CC;
}

a.email:visited {
  color:            #660066;
}

a.email:hover {
  color:            #FF9900;
}

a.email:active {
  color:            #CC0000;
}


form {
	margin: 0;
}


div#nav {float: left; margin: -1px 0 0 0em;
  background: #CCC; border: 1px solid #AAA;}
div#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 9.2em; line-height: 1em;}
div#nav li:hover {background: #FFFFCC;}
div#nav li.submenu {}
div#nav li.submenu:hover {background-color: #FFFFCC;}
div#nav li a {
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 8.7em;
	color: #000000;
}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 9.2em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {}
div#nav li.submenu li.submenu:hover {background-color: #FFFFCC;}
div#nav li.submenu li.submenu:hover {background-color: #FFFFCC;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 8em;
  border-top: 1px solid #CCC;}

#kopfzeile {
	height: 20px;
	background-image: url(../img/logo.gif);
	}
	
#kopf {
	height: 133px;
	}

#kontaktform {
    margin-top: 20px;
	}

#mitte {
	width:740px;
	float:left;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 0px;
	}	

#mittebreit {
	width:740px;
	float:left;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	}	
	
#bildrechts {
	width:400px;
	float:right;
	padding-right: 5px;
	margin-top: 40px;
	}	

#projektrechts {
	width:200px;
	float:right;
	margin-top: 40px;
	padding-right: 15px;
	}	
		
#links {
	width:350px;
	float:left;
	padding-right: 5px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	}		

#rechts {
	width:350px;
	float:right;
	padding-right: 5px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	}		
		
#fuss {
	clear:left;
	text-align: center;
	width:100%;
	height: 20px;
	background-color:#666666;
	color:#FFFFFF;
	padding-top: 3px;
	}		


/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */