body {
         font-family: Verdana;
         font-size: 10px;
         background-image: url(Bilder/hg.png);

         scrollbar-3dlight-color:#FFF;
         scrollbar-arrow-color:#000;
         scrollbar-face-color:#999;
         scrollbar-track-color:#DDD;
         scrollbar-darkshadow-color:#000;
         scrollbar-highlight-color:#FFF;
         scrollbar-shadow-color:#666;
}

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#CC0000; text-decoration:underline;}
a:active {color:#000; text-decoration:none;}

a.Submenu:link {color:#999; text-decoration:none;}
a.Submenu:visited {color:#999; text-decoration:none;}
a.Submenu:hover {color:#CC0000; text-decoration:underline;}
a.Submenu:active {color:#999; text-decoration:none;}

h1 {font-size:12px; font-weight:bold; line-height:16px;}
h2 {font-size:12px; font-weight:bold; line-height:16px; color:#c00;}

img {border:none;}
img.Referenz {margin-right:10px; float:left;}

input {display:block; width:300px; font-family:Verdana; font-size:10px;}
textarea {display:block; width:300px; font-family:Verdana; font-size:10px;}
select {display:block; width:150px; font-family:Verdana; font-size:10px;}

#Main {
         position: absolute;
         left: 50%;
         margin-left: -350px; /* negative Hälfte von width:700px */
         width: 700px;
         top: 50%;
         margin-top: -250px;  /* negative Hälfte von height:580px */
         height: 500px;
         text-align: center;
         background-color: #FFFFFF;
         border: 1px solid #d9d9d9;
         overflow:hidden;
}

#Header, #HeaderLogin {
         height:24px;
         background-color:#999;
         padding:5px 10px 0px 10px;
         color:#FFF;
         text-align:right;
         font-size:14px;
         font-weight:bold;
         vertical-align:middle;
         border-bottom:1px solid #CC0000;
}
#HeaderLogin {text-align:left;}

#Bottom {
         position: absolute;
         left: 50%;
         margin-left: -350px;
         width: 650px;
         top: 50%;
         margin-top: 255px;
         height:15px;
         text-align:right;
         vertical-align:middle;
         color:#999;
}

#Menu {
         position: absolute;
         left: 50%;
         margin-left: -449px;
         width: 100px;
         top: 50%;
         margin-top: -220px;
         text-align:left;
}

#MenupunktDeaktivate {color:#FFF; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; background-color:#999; font-weight:bold; text-decoration:none;}
#MenupunktDeaktivate:link {color:#FFF; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; background-color:#999; font-weight:bold; text-decoration:none;}
#MenupunktDeaktivate:visited {color:#FFF; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; background-color:#999; font-weight:bold; text-decoration:none;}
#MenupunktDeaktivate:active {color:#FFF; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; background-color:#999; font-weight:bold; text-decoration:none;}
#MenupunktDeaktivate:hover {color:#FFF; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; background-color:#999; font-weight:bold; text-decoration:none;}

#MenupunktOhne {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#MenupunktOhne:visited {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#MenupunktOhne:visited {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#MenupunktOhne:active {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#MenupunktOhne:hover {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}

#Menupunkt {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#Menupunkt:link {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#Menupunkt:visited {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#Menupunkt:active {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px; font-weight:bold;}
#Menupunkt:hover {color:#FFF; background-color:#CC0000; font-weight:bold; text-decoration:none;}

#Menupunkt1 {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px 5px 5px 15px;}
#Menupunkt1:link {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px 5px 5px 15px;}
#Menupunkt1:visited {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px 5px 5px 15px;}
#Menupunkt1:active {color:#999; background-color:#FFF; border:1px solid #d9d9d9; margin:0px 0px -1px -1px; padding:5px 5px 5px 15px;}
#Menupunkt1:hover {color:#FFF; background-color:#CC0000; text-decoration:none;}

#ClearFloat {clear:both;}

#Content, #ContentStart, #ContentLogin, #ContentError{
         padding:10px;
         text-align:left;
         overflow:auto;
}

#Content {height:450px;}
#ContentStart {
	background-image:url(Bilder/fotolia_10780628.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:350px;
}
#ContentInhalt {
	position:absolute;
	bottom:110px;
	width:400px;
}
#ContentInhalt li {line-height:15px;}
#ContentLogin, #ContentError {height:350px;}

#LoginFenster {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-150px;
	width:300px;
	height:150px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #999;
}

#FensterLinks {width:200px; float:left;}
#FensterRechts {width:auto;}
#LinieVertical {background-color:#999; margin:0px 10px 0px 10px; width:1px; height:100%; float:left;}

#FensterReferenzen {
         width:700px;
         height:100px;
         background-color:#FFF;
         text-align:left;
         overflow:hidden;
		 border-top:1px solid #DDD;
}

#FensterNews {
         width:300px;
         height:150px;
         margin:0px 10px 10px 0px;
         padding:10px;
         background-color:#DDD;
         text-align:left;
		 float:left;
}
#FensterNews .bild {border:1px solid #999; margin-left:10px; float:right;}
.icon {border:none; float:right;}

#FensterReferenz {
         width:640px;
         height:200px;
         margin:0px 0px 10px 0px;
         padding:10px;
         background-color:#DDD;
         text-align:left;
}
#FensterReferenzBild {
         width:100%;
         text-align:center;
}
#FensterReferenzText {
         height:145px;
         padding:10px;
}
#FensterReferenzMenu {
         padding:10px;
         text-align:right;
}

#FensterTeam {
         width:190px;
         height:100px;
         margin:0px 10px 10px 0px;
         padding:10px;
         background-color:#DDD;
         float:left;
}

#FehlerNoscript {
                 position:absolute;
                 left: 50%;
                 margin-left: -350px;
                 width: 690px;
                 padding:5px;
                 background-color:#FFF;
                 border: 1px solid #CC0000;
                 text-align:center;
                 color:#CC0000;
}

#HinweisBlau, #Hinweis, #HinweisBlau, #FehlerKontakt {
                 margin-bottom:5px;
                 padding:5px;
                 background-color:#FFF;
                 text-align:center;
}

#HinweisBlau {border:1px solid #0000FF; color:#0000FF;}
#Hinweis {border:1px solid #000; color:#000;}
#FehlerKontakt {border:1px solid #CC0000; color:#CC0000;}

#LinieRot {width:100%; height:1px; margin:5px 0px 5px 0px; background-color:#C00;}
#LinieHorizontal {width:100%; height:1px; margin:5px 0px 5px 0px; background-color:#999;}
#Symbolerklaerung {
	position:relative;
	visibility: inherit;
}

#Symbolerklaerung, #HilfeOrdner, #HilfeUpload, #UserUploadFenster, #HilfeSuchen, #Neuerstellen, #Bearbeiten {
	display:none;
}

.UeberschriftTabelle, .UeberschriftTabelleKalender {
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
}

.Kontrollcode {
         width:30px;
         margin-right:10px;
         padding:5px;
         border:1px solid #CC0000;
         color:#CC0000;
         text-align:center;
         font-weight:bold;
         float:left;
}

.HinweistextRot {
         color:#CC0000;
}
.HinweistextBlau {
         color:#0000FF;
}
.HinweistextGrau {
         color:#DDD;
}