/* 
Steuerung des Designs und der Formatierung über CSS
*/


BODY {
	background: url(images/backbild.jpg); 
/*      background-color: #E6E6EE; */
	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	margin: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px; 
}


/* 
Kopf der Homepage! 
*/

#Kopfzeile {
	background: url(images/header.jpg); 
/*       background-color: #E6E6EE; */
	color: #000; 
	padding-top: 10px; 
	padding-left: 13px; 
	width: 100%;
	height:68px; 
	border: #666 1px solid;
}
.headertext {
	font-size:0.90em; 
	line-height: 1.6em; 
	color:#FFFFFF;
	text-align:justify;
}
/* 
Linke Tabelle der Homepage 
*/

.randspalte {
   width: 20%; 
   height:96%; 
   color:#000000;
   font-size: 100%; 
   background-color: ; 
   border-right:  1px dotted #666;
   border-left:  1px dotted #666;
   border-bottom:  1px dotted #666;
 /*  border-right: solid 1pt #666; */
 /*  border-left: solid 1pt #666; */

}

/* 
Menüdesign Größe, Farben, Effekte 
*/

.menubox {
	width:95%;
	margin-top:0px; 
	margin-left:0px; 
	margin-bottom:0px;
	padding:2px;
}
.menu {
	display: block;
	width:95%;
	height:18px;
	background-color: #5471B2;
	color:#ffffff;
	text-decoration:none;
        font-size: 0,70em; 
 /*	font-weight : bold;*/
	padding:2px;
	margin:2px; 
}
A.menu:HOVER {
	display: block;
	width:95%;
	height:18px;
	background-color:#ffffff;
	color:#5471B2;
	text-decoration:none;
        font-size: 100%; 
	font-weight : bold;
	padding:2px;
	margin:2px;
}


/* 
Mittlere Tabelle der Homepage 
*/

.mittelspalte {

/*	background: url(back.gif) #bebed1 repeat-x; */
/*	font-size: 0.95em; */
	color: #000; 
	float: left; 
	padding-top: 0px; 
	width: 55%;
	height: 105%;
}

/* 
Mittlere Tabelle Textfeld 
*/

.textfeld {
	background: #FFFFFF;
	border-bottom: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	border-top: #666 1px solid;
	color: #000;
	font-size:0,70em;
	font-weight:normal;
   	line-height:100%; 
	margin: 10px 10px 10px 10px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	height: 105%;
}

.mitteltext {
   	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	font-size:0.70em;
	color:#333;
	text-align:justify;
}

.fehler {
   	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	font-size:1.00em;
	color:#FF0000;
}

.galerietext {
   	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	font-size:0.70em; 
	line-height: 1.6em; 
	color:#000000;
}

.copyright {
   	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	font-size:0.6em; 
	line-height:0.75em;
	color:#999999;
	text-decoration:none;
	text-align:center;
 
}
.version {
	font-size:0.6em; 
	line-height:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
 
}


/* 
Rechte Tabelle der Homepage 
*/

.randspalte_rechts {
   width: 24%; 
   height:96%; 
   color:#000000;
   font-size: 100%; 
   background-color: ; 
   border-right:  1px dotted #666;
   border-left:  1px dotted #666;
   border-bottom:  1px dotted #666;
 /*  border-right: solid 1pt #666; */
 /*  border-left: solid 1pt #666; */
}

.spaltentop {
	background: #ffcc66;
	color: #000;
	font-size: 0.75em;
	font-weight : bold;
	width: 100%;
	padding:5px;
	margin-top:10px;
	border-bottom: solid 1px #666;
}
.spaltentext {
	background: ; 
   	font-family:Georgia, Arial, Helvetica, Sans-Serif; 
	font-size: 0.70em; 
	color: #000; padding-top:1em; 
	padding-bottom: 1px; 
	padding-left: 1em; 
	padding-right: 1em; 
	width: 100%
   	height:100%;
}



.indexhtmlspalte {
/*	background: url(back.gif) #bebed1 repeat-x; */
/*	font-size: 0.95em; */
	color: #000; 

}


/* 
Horizontale Linien
*/

hr { 
	border-top: 1px dashed #666666; 
	border-bottom: 1px solid transparent; 
	color: #fff; 
	background-color: transparent; 
	height: 2px;
}

/* 
Bilder ohne Rahmen anzeigen 
*/

img {
    	border:0px;
        margin-bottom: 2px; 
}

/* 
Formular Farben, Ränder etc. 
*/

form {
  background: #FBFBFB;
  border: 1px dashed #666666;
  margin:0;
  padding:.5em;
}

/* 
Formular für die Suche auf der Startseite 
*/

form.bgimage {
  background: url(images/form_bgimage.gif);
  border: 0px; 
  margin:0;
  padding-bottom: 0px; 
  padding-left: 0px; 
  padding-right: 0px; 
  padding-top: 0px; 
}


/* 
Label statt Tabellen! 
*/

label.left { 
	float: left; 
	text-align: right; 
	width: 130px; 
}

input#submit { 
  	align: center;
  	width: auto;
}


label.bilderuebersicht { 
	margin-top: 2px; 
	margin-left: 2px; 
	margin-right: 2px;
	margin-bottom: 10px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-bottom: 10px; 
	float: left; 
	text-align: center; 
	width: 29%; 
	height: 200px;
        background: #F4F4F4; 
}

label.bildvorschau { 
	margin-top:2px; 
	margin-left:2px; 
	margin-right:10px;
	margin-bottom:2px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 10px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px;
	float: left; 
	text-align: center; 
	width: 15%; 
}

label.kontakt { 
	float: left; 
	text-align: right; 
	width: 70px; 
}
label.header { 
	float: right; 
	text-align: right; 
	width: 400px; 
}

label.headerleft { 
	font-size:1.00em;  
	color:#FFFFFF;
	float: left; 
	text-align: left; 
	width: 400px; 
}
label.counter { 
	float: left; 
	text-align: left; 
	width: 120px; 
}
label.htmlstartseite { 
	float: left; 
	text-align: left; 
	width: 40%; 
}
label.platzhalter { 
	float: left; 
	text-align: left; 
	width: 0px; 
}


label.wirtschaft { 
	margin-top: 2px; 
	margin-left: 2px; 
	margin-right: 2px;
	margin-bottom: 2px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px; 
	float: left; 
	text-align: left; 
	color:#000000;
	width: 90%; 
        background: #F4F4F4; 
}


label.wirtschaftsbild { 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left; 
	font-size: 0.50em; 
	float: left; 
	width: 200px; 
        background: #FFFFFF; 
}
label.wirtschaftsdaten { 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left; 
	font-size: 0.75em; 
	float: left; 
	width: 200px; 
        background: #FFFFFF; 
}

label.wirtschaftsanzeige { 
	margin-top: 2px; 
	margin-left: 2px; 
	margin-right: 2px;
	margin-bottom: 10px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 10px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px; 
	float: left; 
	text-align: left;
	font-size:0.75em; 
	color:#000000; 
	width: 90%; 
        background: #F4F4F4;
}

label.wirtschaftstrennungheader { 
	margin-top: 5px; 
	margin-left: 2px; 
	margin-right: 5px;
	margin-bottom: 10px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 2px; 
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px; 
	float: left; 
	text-align: left; 
	font-size: 0.70em; 
	color: #FFFFFF; 
	width: 90%; 
        background: #5471B2;
}

label.wirtschaftstrennung { 
	margin-top: 5px; 
	margin-left: 2px; 
	margin-right: 5px;
	margin-bottom: 10px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
	float: left; 
	text-align: left; 
	font-size: 1.10em; 
	color: #006699; 
	width: 90%; 
        background: #5471B2;
}
label.wirtschaftsfuss { 
	margin-top: 2px; 
	margin-left: 2px; 
	margin-right: 2px;
	margin-bottom: 10px;
        border-top: 1px dashed #666666;
   	border-left:  1px dotted #666;
   	border-right:  1px dotted #666;
   	border-bottom:  1px dotted #666;
	padding-top: 10px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px; 
	float: left; 
	text-align: left;
	font-size:0.70em; 
	color:#000000; 
	width: 90%; 
        background: #FFFFDD;
}
/* 
Allgemeine Formatierung! 
*/

a, address, blockquote, div, caption, cite, dfn, dl, fieldset, img, input, label, li, ol, option, p, select, textarea, td, th, ul 
{		   	font-family:Georgia, Arial, Helvetica, Sans-Serif;  color: #000000} 
a:hover {	   	font-family:Georgia, Arial, Helvetica, Sans-Serif;  color: #000000} 
a:visit {	   	font-family:Georgia, Arial, Helvetica, Sans-Serif;  color: #000000} 
a:activ {	   	font-family:Georgia, Arial, Helvetica, Sans-Serif;  color: #000000

}


/* 
Überschriften! 
*/

h1 {
	font-size		:	1.2em;
	line-height		:	1.2em;
	font-weight		:	bold;
	margin			:	0 0 10px 0;
	padding			:	0;
	color			:	#152970;
	background		:	transparent;
}

h2 {
	font-size		:	1.2em;
	line-height		:	1.2em;
	font-weight		:	bold;
	margin			:	0 0 10px 0;
	padding			:	0;
	color			:	#FF0000;
	background		:	transparent;
}

h3, h4, legend {
	font-size		:	0.95em;
	line-height		:	1.5em;
	font-weight		:	bold;
	margin			:	0;
	padding			:	0;
	color			:	#5471B2;
	background		:	transparent;
}
	

.seitenfuss {
	color:#000000;
	background-color:#FF9900; 
	border-bottom: #666 1px solid; 
   	border-left: #666 1px solid; 
   	border-right: #666 1px solid; 
   	border-top: #666 1px solid; 
	width:100%; 
	height:40px;
    	font-size:1.2em; 
	text-align:center;
	padding-top:10px;
   	padding-bottom: 10px; 
   	padding-left: 10px; 
   	padding-right:10px; 
}