/*
****************************
Haberl
****************************
Status: fine
Version: 1.2
Last Changed: 30.10.2009
*/

/****** 0 Body Stuff ******/

/****** 1.1 Body und Reseter ******/
* {margin:0px; padding:0px;}
html, body {height:100%;}
body {background:url(../img/bg_body.jpg) repeat #faeec8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#010101;}

/****** 1.2 Basic Declarations ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
.hidden {display:none;}
a img {border:none;}
h1 {color:#b20020;  font-size:14px; line-height:24px; letter-spacing:1px; font-weight:normal; padding:0 70px 15px 0;}
h1 span {font-size:12px; color:#000000;}
h3 {font-weight:bold; font-size:11px; padding:0 0 5px 0;}


/*	********************************
	*******    2. Layout    ********
	********************************	*/


/****** 2.1 Main Structure ******/
#centerlayout {width:957px; margin:0px auto; background:#ffffff;}



/****** 2.2 Header ******/
#header {height:231px; background:#b20020; width:957px; overflow:hidden;}
#header a#logo {float:right; width:689px; display:block;}


/****** 2.4 Navigation ******/
#navigation {width:268px; float:left; display:inline;}
#navigation ul {list-style:none; padding:65px 0 0 65px;}
#navigation li {display:block; padding:0 0 8px 0;}
#navigation li.active a, #navigation li a:hover {color:#000400;}
#navigation a {color:#ffffff; font-size:13px; text-decoration:none;}

#subnavi {width:268px; float:left; display:inline;}
#subnavi ul {list-style:none; padding:0px 0 0 57px;}
#subnavi ul ul {list-style:none; padding:5px 0 0 36px;}
#subnavi ul ul ul {list-style:none; padding:5px 0 0 36px;}

#subnavi li {padding:4px 0 4px 0;}
#subnavi li a {font-size:13px; color:#020201; text-decoration:none;}
#subnavi ul li a {padding:2px 8px;}
#subnavi ul li.active a, #subnavi ul li a:hover {background:#f4f2e4; padding:2px 8px;}
#subnavi ul li.active ul li a {background:#ffffff;}
#subnavi ul li.active ul li.active a, #subnavi ul li.active ul li a:hover {color:#b20020;}
#subnavi ul li.active ul li.active li a {font-size:12px;}
#subnavi ul li.active ul li.active li.active a, #subnavi ul li.active ul li.active li a:hover {color:#000000;}






/****** 3 Content ******/
#maincontent {padding-top:50px;}
#content {float:right; width:689px;}


#story p {padding:5px 70px 12px 0px; line-height:170%;}
#story p.clear {clear:both;}
#story ol {padding:0px 70px 20px 20px;}
#story ul {padding:0px 70px 20px 10px;}
#story ul li, #content ol li {padding:3px 0px 3px 0px; line-height:170%;}
#story h2 {font-size:11px;}

#story a.download {padding: 0px 0px 10px 25px; background: transparent url(../img/download.gif) no-repeat 0px 2px; display:block;}
#story a.link{padding: 0px 0px 10px 15px; background: transparent url(../img/arrow.gif) no-repeat 0px 2px; display:block;}
#story a {color:#b20020;}
img.left {float:left; margin:4px 10px 10px 0;}
img.right {float:right; margin:4px 0px 10px 10px;}


.box {background:#f8f4e9; margin:15px 0; position:relative; height:185px;}
.box img {float:left; width:190px;}
.box div {float:left; width:499px;background:#f8f4e9; overflow:hidden;}
#story .box h2 {color:#b20020; font-size:20px; font-weight:normal; letter-spacing:1px; padding:10px 10px 0px 30px;}
#story .box p {font-size:11px; color:#938877; line-height:16px; padding:10px 130px 0px 30px;}
#story .box a {color:#938877; font-size:11px; text-decoration:underline; line-height: 30px;}
#story .box a:hover {color:#938877; font-size:11px; text-decoration:none;}

#story .pic-left-float {padding:3px 8px 2px 0px; float: left;}
#story .pic-right-float {float:right; padding:3px 20px 2px 8px;}
#story .pic-left {text-align: left; clear: both;}
#story .pic-right {text-align: right; clear: both;}
#story .pic-center {text-align: center; clear: both; padding-bottom:10px;}


form {padding:10px 0 15px 0;}
form fieldset#set1 {border:none; float:left; width:280px;}
form fieldset#set2 {border:none; float:left; width:350px; margin-left:20px;}
form fieldset#set3{border:none; clear:both; padding:10px 0 0 0;}
form fieldset#set1 label {width:100px;}
form fieldset#set2 label {width:160px;}

form label {display:block; float:left; width:130px;}

form input, form textarea, form select {display:block; margin-bottom:6px; background:#f4f2e4; border:1px solid #999999; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:150px; padding:2px 1px;}
form textarea {height:62px;}
form select {width:153px;}
form input#send {float:left; margin-right:12px; cursor:pointer;}
form small {display:block; padding:3px 0 0 0;}


.door {width:500px; margin:0 auto; text-align:center; clear:both;}
.door img {float:left;}
.door div {float:left; text-align:left; padding:60px 0 0 30px; }
.door span {color:#b20020;}
.door br {display:block; margin-bottom:5px;}
.door a.anfrage {clear:both; display:block; text-align:left;  padding:4px 0 4px 0px; text-decoration:none;  color:#b20020;}



/****** 4 Footer ******/
#footer {clear:both;text-align:center; color:#b20020; padding:86px 0px 60px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer a {text-decoration:none; color:#b20020;}
#footer a:hover {text-decoration:underline; color:#b20020;}

#big {display:none; background:#000000; position:absolute; top:0; text-align:center;width:100%; height:100%; z-index:9; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;}
#bigimage {position:fixed; z-index:10; top:0;  display:none; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; cursor:pointer;}