/*  
Author: Dietmar Blum
Version: 1.1
Author URI: http://www.feya.de
*/
/* -------------------------- General Generelles -------------------------------- */
*{
	margin:0;
	padding:0;}
body{
	margin:0;
	padding:0;
	font-size:59%; /* 62,5% resets 1em to 10px */
	font-family:Verdana, Tohama, Arial, Sans-Serif;
	background:#fde6bc url("../grafiken/background/header2.jpg") top center no-repeat; /*no own Mac-div*/
	border:none;
	color:#fde6bc;
	text-align:left;}
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top;
	background-color:#fde6bc;
	margin-left:0;
	margin-top:0;
}

.headerbg {
	background-image: url(/grafiken/backbround/home_hr_bg.jpg);
	}

small, .infos {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
	text-align:left;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
	color: #777;}
	code, .code{
	font: 1.1em "Courier New", Courier, Georgia, serif, Fixed;}
	a{
	color:#0b5ba3;}

.maincontent a:visited:after{
	content:"\00A0\221A";}
	acronym, abbr, span.caps{
	cursor: help;}
	acronym, abbr{
	border-bottom:1px dotted #d48d77;}
	blockquote{
	margin:15px 30px 0 0;
	padding-left:45px;
	background: url("../grafiken/button/rede.gif") no-repeat left top;}
	table{
	text-align:left;}
	hr{
	visibility:hidden;}
	a img, img{
	border:none;}
	select{
	width:130px;}
	sup{
	font-size:0.7em;}
	legend{
	color:#b3b3b3;
	padding-right:2px;}
	fieldset{
	margin-top:5px;
	padding:5px;
	text-align:left;
	border:4px solid #ccc;}


/* ------------------------ tabellen ids haupt ids ------------------------------- */

#standart{
	font-size:1em;
	font-weight:normal;
	margin:0px top;
	width: 400px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#inhalt{
	font-size:1em;
	font-weight:normal;
	margin: 30px;
	width: autopx; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#leer{
	margin:0px auto;
	padding:0;
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#tab_rahmen{
	margin:0px auto;
	padding:0;
	width: 500px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#tab_picture{
	margin:0px auto;
	padding:0;
	width:600px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}


/* ------------------------ main ids haupt ids ------------------------------- */

#page{
	margin:0px auto;
	padding:0;
	width:982px; 
	background-color:transparent;
	border:none;
	text-align:center; /*I love older IE*/}

#small {
	font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
	font-weight:small;
	font-size:11px
	letter-spacing:0.04em;
	background-color:transparent;
	border:none;
	text-align:center; /*I love older IE*/}


#header{
	text-align:centerleft;
	margin:0px auto;
	padding:0px;
	width:910px;
	background-color:transparent;
	border:none;
	height:457px;
	position:relative;
	top:0px;
	left:0px;
	float:left;}

#header h1{
	font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
	font-weight:normal;
	font-size:1.9em;
	letter-spacing:0.04em;
	padding:200px 0 0 50px;
	border:none;}

#banner{
	margin:-80px 0 0 473px;
	padding:0px;
	width:500px;
	background-color:transparent;
	border:none;
	height:254px;
	position:absolut;
	top:0px;
	left:0px;
	float:left;}

#breadcrumb{
	padding:20px 0 0 50px;
	font-size:1em;
	color:#4a4a4a;}

#alphabet{
	padding:2px 0 0 50px;
	font-size:1em;
	color:#4a4a4a;}

#content{
	text-align:left;
	clear:left;
	font-size: 1.27em;
	margin-top:0px;
	padding-top:10px;
	width:982px;
	background:#fde6bc url("../grafiken/button/bg.jpg") repeat-y center;}

#wrapper{
	float:left;
	margin:0;
	padding:0 0 0 50px;
	width:672px;}

#sidebar{
	text-align:left;
	color:#666;
	float:right;
	width:200px;
	margin:-65px 0 0 0;
	padding:0 50px 0 0;
	font: 0.9em Verdana, Arial, Sans-Serif;}

* html #sidebar{
	overflow:visible;
	display:inline;}

#banner_top_right{
	background-color:transparent;
	border:none;}

#sidebar form {
	margin:0;}

#sidebar .rahmen h2 {
	color:#999;
	font-size: 1.2em;
	letter-spacing:0.3em;
	font-weight:normal;
	margin: 0;
	padding: 3px 2px 0 4px;
	text-align:right;
	background: #fff;
	border:none;}

#footer{
	text-align:center;
	margin:0 auto;
	padding:0;
	width:982px;
	height:170px;
	clear: both;
	color:#636363;
	font:0.8em "Trebuchet MS", Impact, "Lucida Grande", Verdana, Arial, Sans-Serif;
	background: #fde6bc url("../grafiken/background/footer.jpg") no-repeat right bottom;
	border:none;}

#footer p{
	margin:0;
	padding-top:60px;
	padding-left:50px;}

#footer a:hover{
	border:none;}


#footer:hover{
	color:#3d3d3d;}


/* ------------------------ special ids spezielle ids ---------------------------- */

#startseite .post ul{
	margin:-5px 0 0 0 !important;
	margin: -10px 0 0 0;}

#Kontakt select{
	width:176px;}

#seo-marks{
	text-align:left;}

#seo-marks h2{
	margin-top:25px;}

#seo-marks p{
	margin-top:5px;}

#seo-marks ul li{
	margin-left:23px;
	padding:4px;
	list-style:square outside url("../grafiken/button/externer-link.jpg");}

#seo-marks .referrer{
	font-size:1em;
	width:200px;
	padding:5px;
	border:none;
	overflow:hidden;}

#seo-marks .maincontent .post .vorteile ul{
	list-style:square inside url("../grafiken/button//listenzeichen.jpg");
	padding-left:10px;}


/* ---------------------- main classes  haupt classes ------------------------------- */

.mainnavi{
	width:148px;
	line-height: 1em;
	font-size:1em;}

.mainnavi h2{
	padding:0 0 5px 0;
	margin:0;
	line-height:1em;
	font-size:0.95em;
	border:none;
	font-weight:normal;}

.maincontent{
	float:right;
	padding:0 10px 0 5px;
	margin:0;
	width:500px;}

* html .maincontent{
	overflow:visible;
	display:inline;}

.neu{
	font-size:0.8em;
	color:#f63;}

.postmetadata{
	background:#fbfbfb;
	color:#000;
	font:1em Arial, Verdana, sans-serif;
	line-height:1.2em;}

.post{
	line-height:1.6em;
	text-align:justify;}

.post del{
	color:#999;}

.post h1 a, .post h2 a{
	color:#666;}

.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active{
	color:#000;
	border:none;}

.post h2.ober{
	font-size:1.4em;
	margin-top:0;}

.post p{
	margin-bottom:10px;}

.post p.infos{
	margin-bottom:2px;}

.infos{
	margin-top:-5px;
	color:#999;}

.more-link{
	margin-top:-8px;
	text-align:right;}

.box{
	margin:5px 0;
	padding:10px;
	border:4px solid #0b5ba3;
	background-color:#fbfbfb;}

.trennlinie{
	background:transparent url("../grafiken/button/trenner.jpg") center no-repeat;
	height:25px;
	margin:0px 0 20px 0;}

.durchgestrichen{
	text-decoration:line-through;
	color:#ccc;}

.hilite, .searchword{
	background-color:#e0e0e0;}

.center{
	text-align:center;}

.rechts{
	text-align:right;}

.links{
	text-align:left;}

.u{
	border-bottom:1px solid #d48d77;}

.alignright{
	float:right;}

.alignleft{
	float:left;}

.aligncenter{
	text-align:center;}

.clearleft{
	clear:left;}
	hr.clearleft2{
	clear:left;
	margin-bottom:25px;}
	hr.clearright{
	clear:right;
	margin-bottom:40px;}


/* -----------------------comments Kommentare ------------------ */

.commentlist{
	padding:0;
	text-align:justify;
	list-style:none;
	list-style-image:none;}

.commentlist li{
	font:0.9em Arial, Verdana, Sans-Serif;}

.commentlist li{
	list-style:none outside;
	list-style-image:none;
	margin-bottom:18px;
	padding:3px 0 10px 5px;}

.commentlist cite, .commentlist cite a{
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;}

.commentlist p{
	padding:0;
	color:#4c4c4c;
	margin:10px 20px;
	font-size:1.15em;
	line-height:1.5em;
	letter-spacing:0.01em;}

.commentlist span{
	color:#fff;
	font:bold 80px Georgia, "Times New Roman", serif;
	float:right;
	margin:-33px -5px 0 0;}

.commentlist li:hover{
	background:#fff;}

.commentlist li:hover span{
	color:#f5f5f5;}

.commentlist li.nobgco{
	background:#fff !important;}

#commentform p{
	font-family:Verdana, Arial, Sans-Serif;
	margin: 5px 0;}

#commentform input, #commentform textarea{
	font:1.2em Arial, Verdana, Sans-Serif;}

#commentform input#submit{
	font-size:1em;
	margin:0;
	padding:0;}

.nocomments{
	text-align:center;
	margin:0;
	padding:0;}

.commentmetadata{
	margin:0;
	display:block;}


/* -------------- kurzmitt extras IE6 DANKE ------ */

ul#kurzmit li form{
	width:180px;}

#kurzmit input, 

#kurzmit textarea{
	display:block;
	float:left;
	width:90%;

font-family: Arial, Verdana, Sans-Serif;}

#kurzmit form br{
	clear:left;}

#kurzmit input#abs{
	float:none;
	width:auto;}

* html ul#kurzmit li form fieldset{
	width:165px;
	margin-right:0;
	padding-right:0;}

* html ul#kurzmit li form fieldset label{
	margin-right:0;
	padding-right:0;}

* html ul#kurzmit li form fieldset label,

* html ul#kurzmit li form fieldset textarea,

* html ul#kurzmit li form fieldset input{
	float:none;
	display:inline;
	position:relative;}

.fmerrorbox{
	border:3px solid #f00;
	padding:3px;}

.fmerrortitle{
	font-weight:bold;
	letter-spacing:0.1em;}

.erfolgsmsg{
	border:3px solid #3b1;
	padding:3px;}



/* ----------------------- Menu --------------------- */


* table#kontaktformular tr td label.fmcblabl{
	display:inline;}

#demo-container{padding:209px 0px 0 91px;}

ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:0px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 0px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#fec20f;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#fe7004;}
ul#simple-menu li a.current{color:#ffffff;background:#fec20f;}
ul#simple-menu li a.current:hover{color:#ffffff;background:#fe7004;}



/* ----------------------- Lightbox --------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ----------------------- Menu Neu --------------------- */

/* style the outer div to give it width */
.menu {
width:750px; 
list-style-type:none;width:100%;position:relative;height:20px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:0px 0 0 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:204px 0px 0 91px;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
padding:0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:13px;
text-decoration:none; 
color:#ffffff; 
width:100px; 
height:30px; 
border:1px solid #fec20f; 
border-width:1px 0px 0 0; 
background:#fec20f; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#fe7004;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#fec20f;
}
.menu ul ul :hover > a.drop {
background:#fec20f;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#fec20f;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#fec20f;
}
.menu ul ul ul :hover > a {
background:#fec20f;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fce69b; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#fe7004;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#fe7004;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}