
/*
 * Bitte beachte:
 * Beim Ändern der Farben können Links
 * manchmal nicht mehr lesbar sein.
 * 
 */


/*
 * Hauptsächlich Hindergrundfarbe und Schrift einstellen
 */
body {
	margin: 0;
	padding-top:20px;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	background-color: #eeeeee; 
	text-align: center;
/*	margin-top: 0px; */
	
}


/*
 * Allgemeine Anpassung von Elementen
 */
a:link, a:visited	{ text-decoration:none; color: #3c88ab; background-color: transparent; }
a:hover, a:active	{ text-decoration:underline; color: #3c88ab; background-color: transparent; }

img {border:0}

table {padding-right:0.1em;font-size:1em}

fieldset {
	margin: 0 0 2em 0;
	padding: 1em;
	font-size: 1em;
	border: 1px solid black;
}
legend {
	margin: 0;
	padding: 0em 0.5em;
	font-size: 1.15em;
	font-weight: bold;
	color: black;
	border-style: none;
}


/*
 * verschiedene Klassen
 */
.buttonSubmit {
}
/*
.buttonSubmit {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 8em;
	color: black;
	background-color: #eee;
	border: 1px solid black;
}
*/
.buttonSubmitWarning {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 8em;
	color: red;
	background-color: #eee;
	border: 1px solid red;
}

.description {
	padding: 0.2em 1em 0 0;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.buttons {
	margin: 1em 0 1em 1em;
}
.buttons tr, .buttons tr td, .buttons form {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

.Kommentare {
	margin: 2em 0 0 2em;
	padding: 0;
}
.Kommentare ul {
	margin: 0;
	padding: 0em;
}
.Kommentare li {
	margin: 0;
	padding: 0 0 0.4em 0;
	font-weight: bold;
	list-style: none;
}
.Kommentare ul li ul li {
	margin: 0 0 0 1.5em;
	padding: 0em;
	font-weight: normal;
}


/*
 * Die eigentliche Seite

div#seite {
	width: 900px;
	margin: 0 auto 0 0px ;
	padding: 0;
}
*/

div#seite {
	width: 900px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}






div#kopfzeile {
	margin: 0em;
	padding: 0em;
      height: 80px;
	background-image: url(../img/bg_kopf.png);
}

/*
 * Überschrift
 */
div#top {
	margin-top: 5px;
	text-align: left;
	padding:0; 
	color: #000000;
	font-weight: bold;
	font-size: 11pt;
}

div#text {
	margin-top: 5px;
	text-align: left;
	padding:0; 
	color: #000000;
}

/*
 * Das Hauptmenü oben rechts
 */
div#mainmenu {
	margin-top: 59px;
	margin-right: 12px;
	float:right;
	font-size: 11px;
/*	font-weight: bold; */
	color: white;
/*	text-transform: uppercase;  */
}


div#mainmenu a:link, 
div#mainmenu a:visited, 
div#mainmenu a:active{
	display:block;
	height:21px;
	float:left;
	text-decoration:none; 
	color: #ffffff; 
	line-height:180%;
	background-color: transparent;
}
div#mainmenu a:hover{
	background-image:url("../img/over.png");
}
div#mainmenu .bild{
	height:21px;
	width:2px;
	float:left;
	background-image:url("../img/trenn.png");
	margin-left:4px;
	margin-right:4px;
}




div#adminmenu {
	margin-top: 3px;
	margin-right: 12px;
	font-size: 11px;
/*	font-weight: bold; */
	color: black;
	text-align : left;
/*	text-transform: uppercase;  */
}


div#adminmenu a:link, 
div#adminmenu a:visited, 
div#adminmenu a:active{
	text-decoration:none; 
	color: #000000; 
	background-color: transparent;
}

div#adminmenu a:hover{
	text-decoration: underline;
	color: #00009c;
}

span#logout a:link, span#logout a:visited	{ text-decoration:none; color: #ffffff;}
span#logout a:hover, span#logout a:active	{ text-decoration:underline; color: #ffffff;}

div#page {
	overflow:auto;

	margin:0;
      padding:0;
	min-height:500px;
	background-image: url(../img/bg_feld.png); 
	//background-repeat: repeat-y;
	}




/*
 * Das Menü links
 */
div#untermenu {
 	overflow:auto;
   margin-top:5px;
    margin-left: 0px;
    padding-left: 0px;		
    float: left;
    width: 175px;
    min-height: 500px;
}

* html div#untermenu {
	overflow:visible;
	height:500px; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	margin-bottom: 0;
}

div#untermenu ul {
    	margin-top: 0px;
    	margin-left: 0px;
	margin-bottom: 0;
	list-style: none;
    	padding-right:20px;
    	padding-left:0px;
	text-align : right;
	font-size: 11px;
	font-weight: bold;
}
* html div#untermenu ul {
padding-right:0;

}
div#untermenu ul li {
	color: #3c88ab;
    	margin-top: 5px;
    	margin-bottom: 0px;
}
div#untermenu ul li ul {
    	padding-right: 0px;
    	padding-bottom: 4px;
	margin-left:12px;
	background-color:#ffff33;
}
div#untermenu ul li ul li {
	font-weight: normal;
	text-color: #000000;
}

div#menu {
    	margin-top: 5px;
    	margin-left: 0px;
	margin-bottom: 0;
	list-style: none;
    	padding-right:20px;
    	padding-left:0px;
	text-align : right;
	font-size: 11px;
	font-weight: bold;
	color: #3c88ab;
}


div#branchen {
	margin-left:8px;
	font-weight: normal;
	width:165px;
	height:300px;
	overflow:auto; 
	border-top: 1px solid #3c88ab;
	border-bottom: 1px solid #3c88ab;
}
}

div#branchen td {
	font-size:11px;
	text-align : right;
}
/*
 * Die Nachrichtenfelder
 */
.message {
	margin-left: 0px;
 	margin-right: 0px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 12px;
	color: #00009C;
	background-color: #eeeeee; 
	border-bottom: 1px solid #3c88ab;
}


/*
 * Navigationsleiste bei Betrieb- oder Benutzerlisten
 */
div.navi {
	margin-left: 2px;
 	margin-right: 2px;
	height:25px;
	padding: 0.5em 0.5em 0.5em 2em;
	font-size: 11px;
	color: #00009C;
	background: #eee;
}
div.navi ul {
	margin: 0 0.5em 0 0;
	padding: 0em;
}
div.navi ul li {
	margin: 0;
	padding: 0em;
	list-style: none;
	display: inline;
	width: 1em;
	font-weight: bold;
}
div.navi span {
	font-weight: normal;
	color: #bbb;
}
div.navi p {
	margin: 0 0 0.2em 0;
}
#naviOben {
	border-bottom: 1px solid #00009C
}
#naviUnten {
	border-top: 1px solid #00009C
}


/*
 * Der Inhaltscontainer
 */
div#inhalt {

	overflow:auto;
	position:relative;
	min-height:500px;
 	margin-top:3px;
 	margin-right: 4px;
 	margin-bottom:3px;
	margin-left: 0px;
	padding-right: 4px;   
	padding-left: 4px;   
	font-size:0.81em;
	vertical-align: top;
    	border-left: 1px solid #3c88ab;
}
* html div#inhalt {
	overflow:visible;
	height:500px; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	margin-bottom: 0;
}
div#inhalt h2 {
	margin: 0;
	padding: 0.5em 1em 1em 0;
	font-size: 1.2em;
}
div#inhalt p {
	margin: 1em 0;
	padding: 0;

}
div#inhalt a:link, div#inhalt a:visited	{ text-decoration:underline; color: black;}
div#inhalt a:hover, div#inhalt a:active	{ text-decoration:underline; color: black;}


/*
 * Listen für Betriebe und Benutzer
 */
table#BetriebTable {
	border-collapse: seperate;
	width:100%;
}
table#BetriebTable th, table#BetriebTable td {
	border: 0px solid #00009C;
}
table#BetriebTable th {
	margin:0;
	padding: 0 0.5em;
	color: #00009C;
	background-color: #ccc;
}
table#BetriebTable th a:link, table#BetriebTable th a:visited {
	text-decoration:none;
	color: #00009C;
}
table#BetriebTable th a:hover, table#BetriebTable th a:active {
	text-decoration: underline;
	color: #00009C;
}
table#BetriebTable td {
	
}
table#BetriebTable td a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 0 0.4em 0 0.4em;
	border: 2px solid transparent ; 
}
* html table#BetriebTable td a {
	border: 2px solid #FFFFFF ; 
}
table#BetriebTable td a:link, table#BetriebTable td a:visited, table#BetriebTable td a:active{
	text-decoration: none;
}
table#BetriebTable td a:hover  {
	text-decoration: none;
	font-weight: normal;
	color: #00009c;
	border: 2px solid #3c88ab ;
}


table#StichwortTable {
	font-weight: normal;
	font-size:11px;
}
table#StichwortTable td  {
	padding:0;
	margin:0;
}
table#StichwortTable  td a:link, table#StichwortTable  td a:visited {
	text-decoration:none;
}

table#StichwortTable td a:hover, table#StichwortTable td a:active {
	text-decoration: underline;
	color: #00009c;
}





tr.row1 {
	background-color: #eee;
}
tr.row2 {
	background-color: #ddd;
}
tr.row3 {
	background-color: #ffffff;
}


/*
 * Betrieb einfügen: Branchen und bild rechts
 */
div#branchen_bilder {
	margin: 0 5px 0 0;
	padding: 0 0 0 1em;
	float: right;
	vertical-align: top;
	text-align: left;
}

/*
 * Betrieb einfügen: Tabelle
 */
.insertBetrieb {
	border: 1px solid black;
	width:500px;
	margin-left: 0;
	padding: 0;
}
.insertBetrieb input {
	margin: 0;
	padding: 0;
	width: 99%;
}
.insertBetrieb textarea {
	margin: 0;
	padding: 0;
	width: 99%;
}
.checkbox {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 1em;
}


/*
 * Betrieb anzeigen: bilder rechts
 */
div.bild {
	margin: 0;
	padding: 0px;
	float: right;
	vertical-align: top;
}
div.bild img {
	margin: 0 0 1em 0.5em;
	padding: 0;
	width: 14em;
}


/*
 * verliehene Betriebe: Listen
 */
#verliehen {
	margin: 0; padding: 0;
}
#verliehen ul {
	margin: 0;
	padding: 0em;
}
#verliehen li {
	margin: 0;
	padding: 0 0 0.4em 0;
	font-weight: bold;
	list-style: none;
}
#verliehen ul li ul li {
	margin: 0 0 0.5em 1.5em;
	padding: 0em;
	font-weight: normal;
}

/*
 * verliehene Betriebe: Links auf Betriebe
 */
p#Betrieblink a:link, p#Betrieblink a:visited {
	text-decoration: none;
}
p#Betrieblink a:hover, p#Betrieblink a:active {
	text-decoration: none;
	font-weight: bold;
	color: #00009c;
	background-color: #ccc;
}

/*
 * Nachricht schreiben: Text markieren
 */
div.Nachricht {
	margin: 0.2em 10em 1em 0;
	padding: 0.5em 1em 0.5em 1em;
	background-color: #ddd;
}
div.NachrichtSubject {
	margin: 1em 10em 0 0;
	padding: 0.5em 1em 0.5em 1em;
	background-color: #ddd;
}


/*
 * Die Fussleiste
 */
div#fusszeile {
	margin: 0em;
	padding: 0.1em;
	clear: both;
	text-align: center;
	font-size: 1em;
	color: #ffcc00;
	background-image: url(../img/bg_fuss.png);
}
div#fusszeile p {
	margin: 0em;
	padding: 0em;
	color: #ffffff;
	font-size: 0.6em;
}
div#fusszeile a:link, div#fusszeile a:hover,
div#fusszeile a:visited, div#fusszeile a:active{
	text-decoration:none; color: #ffffff; 
background-color: transparent;

}


.skyscraper
{ 
	width: 190px;
	float: left;
	position: relative;
	top:110px;
} 

.seite .fullsizebanner
{
	margin-top:10px;	
	width:900px;	
	height:90px;
	padding-left:400px;
	position:left;
}