@charset "UTF-8";
/* CSS Document */

body {
	font: 110%/1.4  Arial, Helvetica, sans-serif;
	background: #cccccc;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	/*padding-right: 15px;
	padding-left: 15px;*/ 
}
a img { 
	border: none;
}


form{
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:500px;
height:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

line-height: 18px;
font-weight: bold;
color: #333;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	}

input    {
width:375px;
display:block;
border: 1px solid #999;
height: 20px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea#feedback {
width:375px;
height:150px;
}

textarea.message {
display:block;
}

input.button {
width:100px;
position:absolute;
right:20px;
bottom:20px;
background:#333;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}
input.button:hover {
background:#fff;
color:#09C;
}

textarea:focus, input:focus {
border: 1px solid #09C;
}



/*a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}*/

.container {
	/*width: 85%;
	max-width: 1260px;
	min-width: 900px;
	height: 70%;
	min-height: 600px;*/
	
	width: 1024px;
	height: 770px;
	
	margin: 0 auto; 
	background-color: #9a9a9a;
	overflow: hidden;
	
	box-shadow: 0px 3px 5px #333;
-moz-box-shadow: 0px 3px 5px #333; /* Mozilla Firefox */
-webkit-box-shadow: 0px 3px 5px #333; /* Google Chrome border: 6px #fff solid; */ 
}

.startbild{
	margin: 0 auto;
	text-align: right;
	}
	
	
	
	
.header {
	background-color: #9a9a9a;
	/*color: #c8c7c7;
	color: #adbfcc;
	color:  #DAF3F8;*/
	color:  #fff;
	font: 35px /1.1 Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 0.8em;
	text-align:right;
	
	height: 90px;
	text-transform: uppercase;
	vertical-align:bottom;
	width:100%;
}



.aktuellbold{
	color: #666;
	font-weight:bold;
	}

.sidebar1 {
	float: left;
	width: 12%;
	min-width: 80px;
	background: #9a9a9a;
	
	 margin-top: -110px;
	 height: 120%;
	
	
}

.sidebar1 img{
	/*min-height: 600px; */
	height: 80%; width: auto;
}





/* CONTENT LAYOUTS ///////////////////////*/

.content {
	padding-left: 13px;
	width: 82%;
	height: 90%;
	min-height: 450px;
	float: left;
	color: #fff;
	font: 75% /1.4  Arial, Helvetica, sans-serif;
	
	overflow: hidden;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
	

}
.content a:link { 
color: #ccc; text-decoration:none;
}
.content a:hover a:active{ 
color: #fff; text-decoration:none;
}
.content a:visited { 
color: #ccc; text-decoration:none;
}


.stretched{
	letter-spacing: 0.3em;
	}







.ueberschrift{
	/*padding-bottom:60px;*/
	padding-top:110px;
	
	/*margin-left: -12px;*/
	height: 90px;
	vertical-align:top;
	width: 100%;
	color: #c8c7c7;
	text-transform:capitalize;
	
	}
	
.ue_titel{font: 130% /0.1  Arial, Helvetica, sans-serif;
	text-transform:uppercase;color: #fff; font-weight: lighter;}
	
	
.ue_titel strong{
	text-transform:uppercase;color: #333; font-weight:bold;}	
	
	
	
.ue_autor{font: 100%/0.1  Arial, Helvetica, sans-serif; color: #c8c7c7;}	



.functions a:link a:hover, a:active, a:focus a:visited{
	text-decoration:none;
	border: none; 
	}








.left{width: 45%; float:left; height: 300px; vertical-align: middle; line-height: 1.5em;}



.right{width: 45%; float:right;padding-left: 1%; padding-left: 2%; height: 300px; vertical-align: middle; line-height: 1.5em;}
/*.gallery{width: 95%; float:left;  margin-top: -80px;  height: 400px;}*/



.complete{
	width: 95%; float:left; height: 340px; 
	overflow-y: auto;overflow-x: hidden; 
	padding-right: 30px; line-height: 1.5em; }



.catalogtab{
	vertical-align: top;
	}

.catalogtab td{
	font:90%/1.1  Arial, Helvetica, sans-serif;
	padding: 7px; padding-bottom: 40px; vertical-align: top;}


.catalogtab img{width: 80px; height: auto; 

box-shadow: 0px 3px 5px #333;
-moz-box-shadow: 0px 3px 5px #333; /* Mozilla Firefox */
-webkit-box-shadow: 0px 3px 5px #333; /* Google Chrome border: 6px #fff solid; */ }




.catalogtab h1{
	font: 140%/1.4  Arial, Helvetica, sans-serif;
	color: #333;
	}

.catalogtab strong{
	color: #333;
	text-transform: uppercase;;
	}

.bildunterschrift{
	font: 75%/0.9  Arial, Helvetica, sans-serif;
	color: #ccc;
	}


/* GALERIE ///////////////////////*/





.bilderboard{
	overflow: hidden;
	
	}
	
		
.bilderboard td{
	
	font: 80% /1.0  Arial, Helvetica, sans-serif;
	color: #ccc;
	vertical-align: middle;
	width: 160px; height: 260px;
	padding: 7px;
	}


.bilderboard td a:link{
	
	text-decoration: none;
	border: 0px;
	}
	
	.bilderboard td a:visited{
	
	text-decoration: none;
	border: 0px;
	}
	
	.bilderboard td a:active{
	
	text-decoration: none;
	border: 0px;
	}
	
	.bilderboard td a:hover{
	cursor:pointer;
	text-decoration: none;
	border: 0px;
	}


/*.bilderboard img{
	padding: 7px;
	background-color: #fff;
	width: 90px; height: auto;
	margin-bottom: 20px;
	}*/

.thumbimg{
	height: 100px; width: auto;
	padding-bottom:20px;
	}







    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
   

/* Easy Slider */

	#slider ul, #slider li, 
	#slider2 ul, #slider2 li{
		z-index:20;
		margin:0;
		padding:0;
		list-style:none;
		margin-top: -20px;
		}
		
		
	
		
		
	#slider2{margin-top:1em;}
	
	
	#slider li, #slider2 li{ 
		z-index:20;
		width:696px;
		height:auto;
		overflow:hidden; 
		}
		

		
			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../../images/btn_next.gif) no-repeat 0 0;	
		}	
		
		
		
		
		/* numeric controls */

	ol#controls{
		width:auto;
		margin-left: 5px;
		padding:0;
		height:20px;
		text-align:right;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:right;
		height:20px;
		line-height:20px;
		background:#666;
		
		color:#fff;
		padding:0 10px;
		text-decoration:none;
		}
		
	/*a:hover{
	border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;}*/
		
		
		
	ol#controls li.current a{
		/*border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;*/
		color:#fff;
		background:#333;
		}
		
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
		outline:none;
	}



















/* NAVIGATION ///////////////////////*/

.navi{width: 100%; float:left;
height: 20px; color: #fff;
padding-top:20px;
	font: 95% /1.2  Arial, Helvetica, sans-serif;
	 }
	

.navi a:link {
	color:#fff;
	text-decoration: none; 
}

.navi a:before {
	/*content: ":: ";*/
}

.navi a:visited {
	color: #fff;
	text-decoration: none;
}
.navi a:hover, a:active, a:focus { 
	text-decoration: none;color: #c8c7c7; 
	/*border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;*/
}
.naviaktuell{text-decoration: none;color: #c8c7c7; font-weight: bold;}












.sideoptions{
	
	font: 65% /1.2 Verdana;
	color: #c8c7c7;
	text-transform:uppercase;
	height: 18px;
	width: 100%;
	vertical-align:middle;
	padding-top: 15px;
	clear: both;
	}
	
.sideoptions table{
	width: 100%; 
}	
	
	

.sideoptions a:link {
	color:#c8c7c7;
	text-decoration: none; 
}

.sideoptions a:visited {
	color: #c8c7c7;
	text-decoration: none;
}
.sideoptions a:hover, a:active, a:focus { 
	text-decoration: none;color: #fff;
}

.so_right{width: 120px;}

.so_left{width: 120px;}








.nextpage:after {
	content:  url(../img/elements/arrow_right.png);
	text-align: right;
}

.prevpage:before {
	text-align: left;
	content:  url(../img/elements/arrow_left.png);
}










/*
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;

	color: #fff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #9a9a9a;
	color: #FFF;
}
*/




.footer {
	z-index: 50;
	padding: 10px 0;
	position: relative;
	clear: both;
	background-color: #9a9a9a;
	color: #c8c7c7;
	font: 70%/1.4  Arial, Helvetica, sans-serif;
	text-align: center;
	height: 40px;
	margin-top: -140px;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}














/*.einstellen { 
visibility: visible; 
margin-left: 85%; padding-top: 70px;
width: auto; 
height: auto;
  
text-align: right;
}

.einstellen td{ 

width: 30px; 

}
.einstellen a{ color: #fff;text-decoration:none;width: 28px;height: 28px;}

.einstellen a:visited{ color: #fff;text-decoration:none;}

.einstellen a:hover{ color: #fff;text-decoration:none;border-top: 1px #ccc solid;border-top:1px solid #fff;
		border-bottom:1px solid #fff;}

.einstellen a:active{ color: #fff;text-decoration:none;	border-top:1px solid #fff;
		border-bottom:1px solid #fff; }

.fs1{font-size: 13px}
.fs2{font-size: 15px}
.fs3{font-size: 17px}
.fs4{font-size: 19px}

.fsaktuell{ color: #fff;text-decoration:none;  border-top:1px solid #fff;
		border-bottom:1px solid #fff;}

.einstellen a:current{
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		color:#fff;
		}*/
		





















.menu{
	border:none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font:  11px/1.2  Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	}
.menu ul{
	background-color: #9a9a9a;
	height: 35px;
	list-style:none;
	margin:0;
	padding:0;
	
	}
	
	.menu li{
		float:left;
		padding:0px;
		color:#fff;
		
		}
		
		
	.menu li a{
		color:#fff;
		background-color: #9a9a9a;
		display:block;
		font-weight:normal;
		line-height: 35px;
		margin:0px;
		padding:0px 25px;
		
		text-decoration:none;
		
		}
		
		.menu li a:hover, .menu ul li:hover a{
			background-color: #9a9a9a;
			
			text-decoration:none;
			
			}
			
	.menu li ul{
		background-color: #9a9a9a;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		color:#fff;
		
		/*top:1em;
		/*left:0;*/
		}
	
	.menu li:hover ul{
		
		display:block;
		background-color: #9a9a9a;
		}
		
		
	.menu li li {
		background-color: #9a9a9a;
		display:block;
		float:none;
		margin:0px;
		padding:0px 8px;
		width:225px;
		
		}
	.menu li:hover li a{
		background:none;
		text-align:left;
		
		}
	.menu li ul a{
		background-color:#333;
		display:block;
		height:35px;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		
		.menu li ul a:hover, .menu li ul li:hover a{
			text-align:left;
			color:#990000;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		/////////////////////



























<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } 
ul.nav a { zoom: 1; } 
</style>
<![endif]-->