/*****************************************************/
/**	Kopf: 	RGB(119,119,119) 	#777  dunkel *********/
/**			RGB(234,234,234)	#EAEAEA   ************/

/** Navigation	RGB(145,145,145)	#919191   Schrift: #5f5f5f ***/
/**				RGB(180,180,180)	#B4B4B4	  Schrift: #333333 ***/
/**				RGB(95,95,95)		#5f5f5f   Schrift: #000  *****/

/** Rahmen Bild		RGB(95,95,95)		#5F5F5F *********/
/** Aktuelles-Box 	RGB(190,190,190)	#bebebe *********/
/*****************************************************/


body 	{overflow: auto;
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color: #000;
		background-color: #999999;
		line-height: 1.5em		}

#container {width: 80%;
			margin: 10px auto 20px auto; 
			border: #5f5f5f 3px solid;
			background-color: #9F9F9F;
			padding: 0; 
		}

#container.geb_tech {background-image: url(../images/geb_tech1.gif); background-repeat:no-repeat; background-position: 60% 60%}
#container.solar {background-image: url(../images/solar.gif); background-repeat:no-repeat; background-position: 60% 60%}
#container.kd {background-image: url(../images/kd.gif); background-repeat:no-repeat; background-position: 60% 60%}
#container.shop {background-image: url(../images/shop.gif); background-repeat:no-repeat; background-position: 90% 90%}
#container.shop a.red { font-size: 1.2em; font-weight: bold}
#container.impressum {/*background-image: url(../images/shop.gif); background-repeat:no-repeat; background-position: 90% 90%*/}



#kopf { width: auto;
		height: 90px;
		background-image: url(../images/bg_kopf.png);
		background-repeat: repeat-x;
		margin: 0;
		}

a {text-decoration:none;}

#content {position: relative; margin: 0 0 0 13em; padding: 2em 2em 2em 2em; zoom:1}      /* ohne zoom springt Bild bei hover ueber Navi */
#content:after { content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
/* siehe: http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-verschachteln */

#content h1 {margin-top: 0; margin-bottom: 2em; font-size: 1.4em; color: #990000}
#content h2 {margin-top: 1.5em; font-size: 1.2em; color: #000000; }
#content h3 {font-variant:small-caps; font-size: 1.1em; font-weight:bold
		margin-bottom: 0.7em ; margin-top: 1.5em }
#content h4 {margin-top:0; margin-bottom:0; font-size: 1.2em; color: #000000; }       /* Ueberschrift der Pressemitteilungen */
		

#content p.small {font-size: 0.8em}
#content p.post {text-align:center; font-size:0.8em; margin-bottom: 1em }
#content p.geschenk{ font-family: "Comic Sans MS", "Palatino Linotype", Palatino, Algerian, "Script MT Bold",  "Harlow Solid Italic", Harrington, Arial; margin-top: 1.5em; font-size: 1.1em}

#content a {color:#990000; }

#content .presseimg {float:left; margin: 5px 1em 0 0}

#content .innovaimg {clear:right; float:right; position: relative; margin: 3em 0 1.5em 1.5em; text-align: center}			/* Pressebild auf Innovationsseite */

#aktuelles {width: 95%;
		margin: 3em auto 4em auto;
		padding: 0;
		background-color: #bebebe;
		border-width: 7px;
		border-color:#5f5f5f;
		border-style: solid;
		text-align: center; z-index: 5;}
		

#aktuelles h3{width: auto; 
		background-color: #5f5f5f;  
		padding: 0.3em 0 0.3em 0; margin:0; 
		color:#CCCCCC;
		font-size: 1.1em; 
		font-variant:small-caps;}
		
		
#aktuelles p.bold {font-weight: bold; font-size: 1.1em}	
#aktuelles span {font-weight: bold}


ul.innopreis li {margin-bottom: 2em; list-style-type: square}


.spalte {float: left; width:45%;  margin-right: 10px}
.col_right {width: 45%; display:inline-block}
.quader {margin-left: 6px; margin-right: 2em; font-weight:bold; vertical-align:sub; font-size: 1.1em; }


/***********************************************/
/******* Anmietung von Dachflaechen ************/
/***********************************************/

#bilderserie {overflow:hidden; position:relative; float:right;width: auto; height:130px; margin: -90px 0 1.5em 1.5em; border: #5f5f5f 10px solid; padding:0; display:block}
#bilderserie img {border-right:#5f5f5f 5px solid; margin-right:0; float:left}
#bilderserie .bildrechts {border-right: 0}

#content h2.menu_miete {color: #990000; margin-bottom: 2em}

#menu_miete {float:left; margin: 0 2em auto auto; border: black solid 1px; background-color:#B4B4B4; line-height: 1; width: 30%; padding:0.5em}

#menu_miete td {vertical-align:top}
#menu_miete .td_aktiv {background-color:#999999;}

#menu_miete a {text-decoration:none; color:#000}
#menu_miete a:hover {color: #dadada; background-color:#5f5f5f;}
/*#menu_miete a:visited {color: #000;}*/

#miete_colrechts {float:right; width:60%}


	

/***********************************************/
/************ Navigation ***********************/
/***********************************************/


#navi {float:left; width: 13em; line-height: 1.1em; padding:0; border-right: solid 2px #696969;/* border-bottom: solid 1px #000;*/ margin:0;}
											
				
#navi ul {list-style-type:none; padding: 0; margin:0 0 0 2em; display:block;  }	
#navi li {margin-bottom: 0.5em; min-height:23px; width:10em;}
		/* style im markup von 'impressum' erforderlich, da navi sich im IE nach unten ausdehnt, wenn man letzten Menuepunkt hovert, und einen Streifen bildet */
* html #navi li {width: 9em}    /*  fuer IE6 */		

/*#navi li:hover { background-image: url(../images/pfeil_l.png); background-position:right; background-repeat:no-repeat}*/
* html #navi li:hover { background-image: none}

	
#navi h2 {font-variant:small-caps;
		font-size: 1.1em;
		margin-bottom: 0.7em ; margin-top:0;
		text-align:center; font-weight:bolder}	

#navi a:hover { color: #990000; font-weight: bold; }
#navi a:active, #navi a:visited { text-decoration: none}
#navi li.aktiv { font-weight: bold; background-image: url(../images/pfeil_l.gif); background-position:right; background-repeat:no-repeat;}
* html #navi li.aktiv { background-image: none}
			

#dienst {background-color: #989898; margin: 0; padding: 1em 2em 0.5em 0	}
#dienst h2 {color: #333 /*#666666*/; }					
#dienst a {color: #000}

#handel {background-color: #B4B4B4; margin: 0; padding: 1em 2em 0.5em 0	}
#handel h2 {color: #5f5f5f; }					
#handel a {color: #333333;}

#wichtig {background-color: #5f5f5f; padding: 1em 2em 0.5em 0}
#wichtig h2 {color: #000; }					
#wichtig a {color: #dadada;}

#login {background-color: #989898; margin: 0; padding: 1em 2em 0.5em 1em; border-bottom: solid 2px #696969	}
#login h2 {color: #333 ; }					
#login a {color: #000}

		
/********************************************************/
/****************** Kontakt  ****************************/
/********************************************************/


input.kontakt {
	background-color: #CCC;
	color:  #000;
	}
	input:focus, input:active, input:hover {background: #f5f4f2;}
	
form span {background-color:transparent; width: 10em; float: left; padding: 0.2em}	
	
textarea {width: 90%; background-color:#CCC; overflow: auto;}
* html textarea {width: 70%; background-color:#CCC; overflow: auto;}


/********************************************************/
/****************** Database auslesen  ******************/
/********************************************************/


table.database {width: 90%; border="2" bordercolorlight="#333333" bordercolordark="#000" bgcolor="#B4B4B4" cellspacing="5"}