/* @group reset */
@import "reset.css";
/* @end */

/* @group layout */
html,body{
	margin: 0;
	padding: 0;
	font: 9pt/1.4em Arial, Verdana, sans-serif;
	color: #000;
	background-color: #9A945B;
	height:100%;
}

#hg_center { 
   width: 100%; 
   height: 100%;
   overflow: hidden;
   /*display: block;*/
   position:relative;
   } 
   
#hg_center #hg_flash{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-1000px;
	margin-top:-450px;
	width:2000px;
	height:1000px;
	overflow:hidden;
}

#logo_center{
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	margin-left:-303px;
	margin-top:-180px;
	width:606px;
	height:160px;
	z-index:3;
}



ul#navigation li a{
    padding:0 0 0 40px;
	color:#fff;
	font-weight:normal;
	text-decoration: none;
	display:block;
}

ul#navigation li:hover a,ul#navigation li.active a{
	color:#000;
}
ul#navigation > li{
    background-image:url(../pics/navi1.png);
	line-height: 31px;
	height:31px;
}
ul#navigation li+li{
    background-image:url(../pics/navi2.png);
	line-height: 31px;
	height:31px;	
}
ul#navigation li+li+li{
    background-image:url(../pics/navi3.png);
	line-height: 31px;
	height:31px;
}
ul#navigation li+li+li+li{
    background-image:url(../pics/navi4.png);
	padding:2px 0 0 0;
	line-height: 13px;
	height:29px;
}
ul#navigation > li:hover,ul#navigation > li.active{
    background-position: 0px -31px;
}
#navi{
	position:absolute;
	right:20px;
	top:43px;
	width:147px;
	z-index:5;
}

#subnavi{
	position:absolute;
	right:20px;
	top:5px;
	overflow:hidden;
	/*width: 147px;*/
	width: 310px;
	float: right;
	text-align:right;
	display:block;
	z-index:4;
}

#speznavi{
	position:absolute;
	/*right:250px;*/
	right:380px;
	top:5px;
	overflow:hidden;
	width: auto;
	float: right;
	text-align:right;
	display:block;
	z-index:4;
}

#speznavi a{
    background-color:#aea97b;
    padding:2px 10px 2px 10px;
}
#speznavi a:hover, #speznavi a:active{
    background-color:#d5d3bc;
}

#nebennavigation li{
	float:left;
	margin-right:20px;
}
.footer	{
	color:#FFF;
}

#fuss{
	position: fixed;
	bottom:0px;
	background-color:#E1E7EA;
	width:100%;
	display:block;
	z-index:100;

}

#fuss #rechts{
    text-align: right;
	margin-right: 20px;
	height: 23px;
	line-height: 27px;
}

#fuss #rechts #text{

	
}
#fuss #rechts #bild{
    padding: 5px 0 0 0;
	float: right;
}


#intro{
    background-image: url(/pics/flash/intro1.gif);
	height:540px;
	width:1000px;
	position: absolute;
	right: 0px;
	top:186px;
	overflow: hidden;
	width:1000px;
	z-index:2;
}

#intro-en{
    background-image: url(/pics/flash/intro-en1.gif);
	height:540px;
	width:1000px;
	position: absolute;
	right: 0px;
	top:186px;
	overflow: hidden;
	width:1000px;
	z-index:2;
}

#content{
	position: absolute;
	right: 0px;
	top:31px;
	overflow: hidden;
	width:1000px;
	z-index:2;
}
#content #top{
	position: relative;
	left:0px;
	top:0px;
	height: 10px;
	background-image:url(../pics/content_top.gif)
}
#content #centercontent{
	position:relative;
	left:0px;
	top:0px;
	padding: 0 20px 0 20px;
	width:1000px;
	height: auto;
	background-color:#FFFFFF;
}
#content #centercontent div#flashslogan{
    width:1100px;
	height:520px;
	position: relative;
	z-index:100;
	/*padding: 0 0 0 20px;*/
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content #centercontent div#flashslogan_kontakt{
    width:1100px;
	height:150px;
	position: relative;
	z-index:100;
	/*padding: 0 0 0 20px;*/
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content #centercontent div#flashslogan_sicherheit{
    background-image:url(/pics/flash/sicherheit.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:1100px;
	height:520px;
	position: relative;
	z-index:100;
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content #centercontent div#flashslogan_kommunikation{
    background-image:url(/pics/flash/kommunikation.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:1100px;
	height:520px;
	position: relative;
	z-index:100;
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content #centercontent div#flashslogan_komfort{
    background-image:url(/pics/flash/komfort.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:1100px;
	height:520px;
	position: relative;
	z-index:100;
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content #centercontent div#flashslogan_multiroom{
    background-image:url(/pics/flash/multiroom.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:1100px;
	height:520px;
	position: relative;
	z-index:100;
	margin:-40px 0 0 -20px;
	padding: 0 0 30px 0;
}

#content a#einzug{
	padding: 0 0 0 106px;

}

#content #centercontent img#downspace{
    padding:0 0 90px 0;
    display:block;
}


#content #centercontent img#picfix{
    padding:31px 0 30px 0;
    margin:0 0 0 -20px;
    display:block;
}

#content #bottom{
	position: relative;
	bottom:0px;
	overflow:hidden;
	height: 10px;
	background-image:url(../pics/content_bottom.gif)
}

a{
	text-decoration: none;
	color: #fff;
}
a:hover, a.active{
	color: #000;
}

p {
 line-height: 17px;
}

h1{
	font-weight: normal;
	font-size: 1.9em;
	color: #000000;
	background-color: #FFFFFF;
	overflow: visible;
	line-height: 72px;
	border-bottom: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	z-index: 100;
}

h2	{
	font-size: 1em;
    font-weight:bold;
	overflow: visible;
	line-height: 25px;
	border-bottom: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	z-index: 100;
}

h3	{
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background-color: #FFFFFF;
	overflow: visible;
	line-height: 25px;
	border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	z-index: 100;
}

h4{
	font-weight: normal;
	font-size: 2.4em;
	color: #000000;
	background-color: #FFFFFF;
	overflow: visible;
	padding: 35px 30px 0 0;
	line-height: 35px;
	z-index: 100;
}


#rechts a	{
    color:#000;
	text-decoration:underline;

}

#rechts a:hover, #rechts a:active	{
    color: red;
	text-decoration:underline;

}

/* @end */



#content a{
	color: #9c9d9f;
}
#content a:hover, #content a.active { 
    text-decoration: none;
	color:#000000;
}



button{
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	background-color: transparent;
	width: auto;
	overflow: visible;
}


#imageplaceholder{
	background-position: left top;
	width: 260px;
	height: 166px;
	background-repeat: no-repeat;
}
#contenttitle h2{
	margin-top:39px;
}
.preimageslist{
	float:left;
	display:block;
	margin-left:5px;
}
ul#imageslist{
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#caption{
	float:right;
	margin: 5px 0 0 5px;
}
ul#imageslist li{
	float:left;
	margin: 0 0 0 5px;
}
ul#imageslist li .active{
	color:#000;
}
/* gallery end */


table.oberlinie tr td {
	border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
}


table.kontakt tr td {
	font-size: 1em;
	line-height: 20px;
	font-weight: normal;
	overflow: visible;
	border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
}


b {
    font-weight:bold;
}
strong {
    font-weight:bold;
}
#teambilder{
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 964px; 
	max-width: 1260px;
}
#teambilder li{
    font-size: 0.9em;
	line-height: 15px;	
	float:left;
	height: 220px;
	width: 195px;
	margin:0 0 0 0;
}

#teambilder li img{
	margin:0 0 3px 0;
}

.linie	{
    display:block;
	line-height: 1px;
	border-top: 1px; 
	border-style:solid;
	border-color: #9a945b;
	z-index: 100;
}

table.sicherheit {
    width:100%;
	}

.sicherheit {
	font-size: 1em;
	font-weight: normal;
	overflow: visible;
	border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	padding: 0 300px 0 0;
}
img#pikto {
    padding:0 50px 0 0;
}

#referenzen_pikto{
    width: 15%;
    border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	padding:10px 0 15px 0;
}
#referenzen_pikto img{
	padding:0 4px 0 0;
}
#referenzen_left{
    width: 65%;
    border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	padding:7px 0 15px 0;
}
#referenzen_right{
    width: 20%;
    border-top: 1px; 
	border-style:solid;
	border-color: #9c9d9f;
	text-align:right;
	padding:10px 0 15px 0;
}
hr {
    color:#b9b289;
	height: 1px;
	border-top:1px;
	border-left:0;
	border-right:0;
	border-bottom:0;
	border-style:solid;
}

input[type="radio"],input[type="checkbox"],	{
	background-color:none;
}
#layer-login {
    position:absolute;
	height:280px; 
	width:510px;
	margin-top:20px;
	margin-left:100px;
	top: 0;
	left: 0;
	z-index:200;
	visibility: hidden;
}
#layer-login table{ width:100%;}
#layer-login input{ width:355px;}

#layer-nogo {
    position:absolute;
	height:280px; 
	width:510px;
	margin-top:20px;
	margin-left:100px;
	top: 0;
	left: 0;
	z-index:200;
	visibility: hidden;
}
#layer-login .head,#layer-nogo .head, #layer-kontaktform .head{
    padding:0 0 0 30px;
    line-height: 20px;
    display:block;
    background-color:#b9b289;
	border: 1px; 
	border-style:solid;
	border-color: #e4e1d2;
}
.layer-head-links {
	color:#fff;
}
.layer-head-rechts {
    text-align:right;
}
.layer-head-rechts img {
    padding:5px 5px 0 0;
}
#layer-login .content,#layer-nogo .content, #layer-kontaktform .content {
    padding: 10px 0 10px 30px;
    background-color:#FFF;
	border-top: 0px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-style:solid;
	border-color: #e4e1d2;
}
#layer-kontaktform {
    font-size: 0.9em;
	position: absolute;
	height:280px; 
	width:510px;
	margin-top:250px;
	margin-left:100px;
	top: 0;
	left: 0;
	z-index:200;
}
#layer-kontaktform label{
	float:none;
	display:inline;
	width:auto;
}
#layer-kontaktform input,#layer-kontaktform textarea{
	padding:0;
	margin:0;
	display:block;
	width:160px;
}
#layer-kontaktform textarea{ width: 446px;}
#layer-kontaktform .radio label{
	margin:0 0.5em 0 0.3em;
}
#layer-kontaktform h4{
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	margin:0;
	padding: 1em 0 .5em 0;
}
#layer-kontaktform .radio input{
	display:inline;
	width:auto;
	background-color:#FFF;
}
#layer-kontaktform hr{
	margin-right:14px;
}
#layer-login .buttons input,#layer-kontaktform .buttons input{ width:auto; display:inline;padding:0 1.5em; cursor:pointer;}
#layer-login .buttons input:hover, #layer-kontaktform .buttons input:hover{ background-color:#CCC; }
#layer-login .buttons td, #layer-kontaktform .buttons td{ text-align:right; padding-right:14px; }

img.button{
	cursor:pointer;
}
input, textarea, select	{
	border: 0px solid #eceded;
	background-color:#eceded;
	margin-bottom: 2px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#000;
	padding: 0 0 0 2px;
}

textarea[name="Bemerkungen"]	{
	width: 460px;
	height: 45px;
	line-height:15px;
	margin-left: -10px;
}

input[name="kennwort"],input[name="benutzername"], {
	width: 350px;
	height: 15px;
	line-height:15px;
}

input[value="senden"] {
    padding:0 5px 0 5px;
	height:15px;
	line-height:15px;
}

.zuruck{
	text-decoration: none;
	color: #b9b289;
}
.zuruck:hover, .zuruck.active{
	color: #000;
}
/** glossar **/
dfn {
	font-style: normal;
	color: #8E884C;
	cursor: pointer;
	border-bottom: 1px #8E884C dotted;
}
#glossar {
	width: 200px;
	position: absolute;
	z-index:400;
}
#glossar h3 {
	background-image: url(../pics/bg_glossar.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: .2em .4em .5em .4em;
	line-height:1.2em;
	border: none;
	background-color: transparent;
}
#glossar p {
	background-image: url(../pics/bg_glossar.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin:0;
	padding:0 .4em .2em .4em;
}
/** glossar ende **/
.hidden{
    display:none
}
.clear {
	clear: both;
}
.error{
	color: #F03;
}