* CSS Document */
body, html {
margin:0px;
padding:0px;
height:100%;
min-height:100%;
width:100%;
font-size:62.5%;
overflow:scroll;
}

body {
font-family: Georgia, tahoma, sans-seri;

}



#container {
position:relative;
width:100%;
height:100%;
min-height:100%;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;}


#top {
position:relative;
width:80%;
max-width:1024px;
min-width:600px;
margin:10px auto;
min-height:30px;
background:#transparent;
text-align:right;}


#menu{
position:relative;
width:80%;
max-width:1024px;
min-width:600px;
margin:0 auto;
background:url(graphics/menu_tall.gif) top repeat-x; height:65px;

}


#menu .rightbg {
	background:url(graphics/menu_right.gif) top right no-repeat;
	}
#menu .leftbg {
	background:url(graphics/menu_left.gif) top left no-repeat; 
	width:100%; 
	height:65px;
	}
	
#menu .padding {padding:8px 0;}

#menu li {
	float:left; 
	width:19%; 
	background:url(graphics/menu_libg.gif) top right repeat-y; font-size:0.8em;
	text-align:center;
	display:block;
	}
	
#menu li a {
	color:#919191; 
	text-decoration:none; 
	font-weight:normal; 
	/*font-size:1.0em; 
	display:block; 
	padding:8px 0 5px 0;*/}
	
#menu li span{/* display:block; padding:8px 0 5px 0;*/}

#menu li a:hover {
	color:#000000;
	text-decoration:underline;}
	
#menu li span {
	color:#000000;
	text-decoration:underline;}
#menu .last {background:none;}





#image {
positional:relative;
width:80%;
max-width:1024px;
margin:10px auto;
height:297px;
background-image: url(../img/headerbackground.gif);}


#quicklinks {
position:relative;
margin:10px auto 0px auto;
width:80%;
max-width:1024px;
background-color:#ffffff;;

}
.ql{float: right; width:100%; border:dotted 1px #CCCCCC; margin:0 0 8px 0;  height:160px; min-height:150px; height:auto;}

.ql1 {float: left; width:31%; border:dotted 1px #CCCCCC; margin:12px 3% 8px 0;  height:175px; min-height:175px; height:auto;}
.ql2 {float: left; width:31%; border:dotted 1px #CCCCCC; margin:12px 3% 8px 0;  height:175px; min-height:175px; height:auto;}
.ql3{float: right; width:31%; border:dotted 1px #CCCCCC; margin:12px 0 8px 0;  height:175px; min-height:175px; height:auto;}

img.right {float:right; width:100%;}

img { float:right; padding:5px;}
img.left {float:left;  padding:5px;/*width:90%; text-align:center;*/}


#content{
position:relative;
margin:10px auto 0px auto;
width:80%;
max-width:1024px;
background-color:white;
}

.leftwidecolumn {
	float:left; 
	width: 65%;
	margin: 15px 10px 0px 0px;
	padding:0px; 
	border-right:dotted 1px #CCCCCC; }
	
.rightnarrowcolumn {
	float:right;
	width:30%;
	margin: 15px 5px 0px 0px;
	padding:0px;}

.clear { clear:both;}


img.right {float:right;}
img.left {float:left;}
.ql1 img, .ql2 img, .ql3 img {float:right; padding:5px;}


#content{
position:relative;
margin:10px auto 0px auto;
width:80%;
max-width:1024px;
min-height:220px;
height:auto;
background-color:white;

}

#footer {
position:relative;
margin:10px auto 0px auto;
width:100%;
height:60px;
border-top:solid 2px #55839d;
text-align:center;
}

#scroll { 
position:absolute; 
top:0; 
bottom:-0.1px; 
width:1em; 
z-index:-1; 
} 




/*Kontaktformular*/
#mailform label {
float:left;
width:80px;
font: normal normal 0.9em Georgia, tahoma, sans-serif;

color:#868686;
margin-left:5px;

}


#mailform input, textarea{
margin-bottom:10px;
background-color:#ffffff !important;
border: solid 1px #CCCCCC;
font: normal normal 10pt Georgia, tahoma sans-serif;
color:#868686;		
width:280px;
	}
	
#mailform input.submit  {
border:  1px solid #CCCCCC;
background-color:#ffffff;
font: normal normal 10pt Georgia, tahoma sans-serif;
color:#55839d;
width:60px;


}
	




 
 
h1 {color:#55839d; font-weight:lighter; font-size:1.1em; letter-spacing:0.3em;}
h2{color:#868686; font-weight:lighter; font-size:1.1em; letter-spacing:0.45em; margin-top:-5px;}

#content h2 {padding:10px; border-bottom:dotted 1px #CCCCCC; font-size:0.9em; color:#55839d; font-weight:bold;
letter-spacing:normal; margin:0;}

.ql h2, .ql1 h2, .ql2 h2, .ql3 h2, #quicklinks h2 {padding:10px; border-bottom:dotted 1px #CCCCCC; font-size:0.9em; color:#55839d; font-weight:bold;
letter-spacing:normal; margin:0;}
p {font-size:0.9em; margin:0px; padding:5px 15px 5px 10px; color:#868686;}

.blue {color:#55839d; font-weight:bold; margin:0px; padding:5px 15px 5px 10px;}

.red{color:#82355E; font-weight:bold;}



a {
	color:#000000;
	font-weight:bold; 
	text-decoration:none;}
	
a:hover {
	text-decoration:underline;}
	
#content ul, .ql ul, .ql1 ul, .ql2 ul, .ql3 ul {margin:0 0 0 10px; padding:0px;}
	
.ql li, .ql1 li, .ql2 li, .ql3 li { list-style-type:none; font-size:0.9em; color:#868686; margin:5px 0 10px 0;}
	
	
.leftwidecolumn li { list-style-type:square; list-style-position:inside; font-size:0.9em; color:#868686; margin:5px 0 10px 0;}

li.selected  {font-weight:bold;}

li span {color:#FFFFFF;}

.normal {font-size:0.8em; font-weight:normal; cursor:pointer;}

.large {font-size:1.1em; font-weight:normal; cursor:pointer;}