/* Stylesheet für klaus-wagener.de, Oktober 2008 */

/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */
* {padding: 0; margin: 0;}
html, body {background-color: rgb(168,170,170); background-image:url(../images/background.gif); background-position:left top; background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100.1%; color:#000; }

h1 {padding:30px 50px 20px 50px; font-size:90%; font-weight:bold; color:rgb(90,128,146);}
h2 {margin-bottom:10px; padding:0px 50px 0 50px; font-size:80%; font-weight:bold; line-height: 150%; color:rgb(90,128,146);}
p  {
	margin-bottom:0;
	padding:0px 50px 0 50px;
	font-size:70%;
	font-weight:normal;
	line-height: 150%;
	color:rgb(0,0,0);
}
ul {margin-left:2em; padding:0px 50px 0 50px;}
li {font-size:70%; font-weight:normal; line-height: 150%; color:rgb(0,0,0);}
img {
	border: none;
}
.img_right {
	margin:10px;
	float:right;
	border-color: #5A8092;
	border-width: 1px;
	border-style: solid;
}

/* Allgemeine Links, Achtung: Reihenfolge */
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #369;}
a:active {color: #369;}
a:focus {color: #369;}

#top-nav a:link {color: rgb(153,153,153); text-decoration:none;}
#top-nav a:visited {color: rgb(153,153,153); text-decoration:none;}
#top-nav a:hover {color: rgb(0,0,0);}
#top-nav a:active {color: rgb(0,0,0);}
#top-nav a:focus {color: rgb(0,0,0);}

#footer-nav a:link {color: rgb(228,230,230); text-decoration:none;}
#footer-nav a:visited {color: rgb(228,230,230); text-decoration:none;}
#footer-nav a:hover {color: rgb(255,255,255);}
#footer-nav a:active {color: rgb(255,255,255);}
#footer-nav a:focus {color: rgb(255,255,255);}

/* =====================================
   2. Styles für die Layoutbereiche
   ===================================== */
#layout {margin-left: auto; margin-right: auto; width: 817px; }
   #header {margin: 0; padding: 0;}
      #header_top {height: 61px; background-color: rgb(255,255,255);}
	     #logo {position:absolute; top:0; margin-left: 20px;}
		 #logo-claim {position:absolute; top:0; margin-left: 90px;}
/*		 #logo-claim {float:left; top:0; margin-left: 0px;} */
		 #top-nav { float:right; margin-top:10px; margin-right:30px; font-size: 60%; color: rgb(153,153,153); }
      #header_nav {height: 75px; background-color: rgb(228,230,230); border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000;}
	  	#nav_main { float:right; margin-top:-1px; margin-right: 20px; text-align: right; z-index: -1; }
      #header_image {height:66px; border-left: 1px solid #000; border-right: 1px solid #000;}
   #content { margin:0; padding: 30px; background-color: rgb(209,218,217); border: solid 1px #000; border-top: 0;}
      #con-text {
	background-color: rgb(255,255,255);
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#overall-home {margin:0; padding:0; height:1260px; border: 0;}
#overall-leistungen {margin:0; padding:0; height:1000px; border: 0;}
#overall-profil {margin:0; padding:0; height:740px; border: 0;}
#overall-kontakt {margin:0; padding:0; height:480px; border: 0;}
	  #text-box_1 {float:left;  background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_2 {float:right; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_3 {float:left;  background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_4 {float:right; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_5 {float:left;  background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_6 {float:right; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_7 {float:left;  background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_8 {float:right; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_9 {float:left; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
	  #text-box_10 {float:right; background-color: rgb(255,255,255); width:360px; height:230px; margin-bottom:25px; border-right: 1px solid #000; border-bottom: 1px solid #000;}	  

    #footer-nav { float:right; margin-top:5px; margin-right:10px; margin-bottom: 10px; font-size: 60%; color: rgb(153,153,153); }

/* ====================================
   3. Sonstige Styles
   ==================================== */

/* Formulare */

label {display:block; margin-bottom:2px; font-size:80%; }
input {width:200px; border: 1px solid #333; background:#F4F4F4; padding:2px; margin-bottom:5px; font-size:80%; color:#5A8092; }
textarea {display:block; width:250px; border: 1px solid #333; background:#F4F4F4; padding:2px; margin-bottom:15px; font-size:80%; color:#5A8092; font-family:Verdana, Arial, Helvetica, sans-serif;}
submit {font-size:90%; font-weight:bold;}
#rahmen {margin-left:200px; width:400px; }

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:auto;background:rgb(120,120,120); border:1px double #fff; text-align:left;padding:5px;min-height:1em;}
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }