/* CSS Document */

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

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

}



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


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


#resizetext {position:relative; float:left; margin:50px 0px 0px 5px; padding:0px;}

#title{position:relative; float:right; margin:0px 0px 0px 0px; padding:0px;}
/*

#menu {background:url(images/menu_tall.gif) top repeat-x; height:65px;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:123px; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center;  display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; 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;}


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


}


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

#menu li {
	float:left; 
	width:19%; 
	background:url(graphics/menu_libg.gif) top right repeat-y;
	font-size:0.95em;
	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 {
position:relative;
width:82%;
max-width:1024px;
min-width:600px;
margin:10px auto;
height:210px;
background: url(graphics/banner.gif) no-repeat 0 0 ;


}


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

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

.ql1 {float: left; width:31%; border:dotted 1px #CCCCCC; margin:10px 2.7% 5px 0;  height:160px; min-height:150px; height:auto;}
.ql2 {float: left; width:31%; border:dotted 1px #CCCCCC; margin:10px 2.1% 5px 0;  height:160px; min-height:150px; height:auto;}
.ql3 {float: right; width:31%; border:dotted 1px #CCCCCC; margin:10px 0 5px 0;  height:160px; min-height:150px; height:auto;}

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

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


#content{
position:relative;
margin:10px auto 0px auto;
width:82%;
max-width:1024px;
min-width:600px;
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;
	/*border:dotted 1px #CCCCCC;*/
	}

.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:82%;
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;


}
	


/****** Text Styles *******/
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.95em; 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.95em; color:#55839d; font-weight:bold;
letter-spacing:normal; margin:0;}

p {font-size:0.95em; margin:0px; padding:8px 15px 5px 10px; color:#868686;}

p.breadcrumb {font-size:0.7em;}

p.breadcrumb a {font-weight:normal;}

.underline {border-bottom:dotted 1px #55839d; color:#55839d; padding:5px 0px 2px 0px;}

#resizetext p {margin:5px 0px 0px 0px; padding:0;}

 
 .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;}
	
.more { background: transparent url(../graphic/more_bg.gif) no-repeat;  background-position:right top;
}
/*
.more { background: transparent url(../graphic/more_bg.gif) no-repeat; background-x-position:right; background-y-position:top;}*/



	
#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.95em; color:#868686; margin:5px 0 10px 0; list-style-type:square; list-style-position:inside;}
	
.rightnarrowcolumn li{ list-style-type:none;}
.leftwidecolumn li { list-style-type:square; list-style-position:inside; font-size:0.95em; color:#868686; margin:5px 0 10px 0;}

li.selected  {font-weight:bold;}

li span {color:#FFFFFF;}

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

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

a.nonbold, li.nonbold {font-weight:normal; color:#000000;}




/* Easy Slider */
#slider {width:72%;  margin: 0 8% 0 16%; /*border-left: red 1px dotted; border-right: red 1px dotted; */}	


#slider ul {
	margin:0 0 0 30px;
	padding:0;
	list-style:none;
	width:200px;
	
	}
#slider li{ 
	width:200px;
	height:200px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden; 
	
	}
/*#slider li img {border:dotted 1px #CCCCCC;}*/

/*#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	*/
#nextBtn{ 
	float:right;
	margin: -140px -16px 0px 0px;
	padding:0;
	
	
	}
	
#prevBtn{ 
	float:left;
	margin: -140px 0 0 -12px;
	
	}	
															
#prevBtn a, #nextBtn a{  
	display:block;
	width:15px;
	height:15px;
	background:url(graphics/previousarrow.gif) no-repeat 0 0 ;
	margin:0;
	padding:0;
	}	
#nextBtn a{ 
	background:url(graphics/nextarrow.gif) no-repeat 0 0 ;												

/* // Easy Slider */