/* CSS Document */
html {
font-size: 100%;
height: 100%;
}
body {
font-family: calibri, helvetica, tahoma;	
font-size: 1em;
color:#4c4c4c;
margin:0px;

background:url(../images/hg.png) repeat-x fixed #00293b;
}
form{
margin:0px;
}
/*00b337 LINKFARBE*/
a:link {
	color: #00293b;
	text-decoration: underline;
	font-family: calibri, helvetica, tahoma;
}
a:active,
a:visited,
a:focus {
	color: #00293b;
	text-decoration: underline;
	font-family: calibri, helvetica, tahoma;
}

a:hover {
	color: #00293b;
	text-decoration: none;
	font-family: calibri, helvetica, tahoma;
}
 
a.navi {
	text-decoration:none; 
	display:block;
	padding:2px;
	font-weight:bold;
}
a.navi:active,
a.navi:visited {
	text-decoration:none; 
	display:block;
}

a.navi:hover {
	text-decoration:none; 
	display:block;
	background:#333333;
} 
a.navi_sub {
	text-decoration:none; 
	display:block;
	padding:10px; 
	padding-left:30px;
	background-image:url(../images/quad.png) ;
	background-repeat:no-repeat;
	background-position:10px 15px;
	border-top:1px solid #ebebeb;
}
a.navi_sub:active,
a.navi_sub:visited {
	text-decoration:none; 
	display:block;
	background-image:url(../images/quad.png) ;
	background-repeat:no-repeat;
	background-position:10px 15px;
}

a.navi_sub:hover {
	text-decoration: none; 
	display:block;
	background-color: #ebebeb;
	background-image:url(../images/quad.png) ;
	background-repeat:no-repeat;
	background-position:10px 15px;
}
a.navi_sub_sub {
	text-decoration:none; 
	display:block;
	padding:2px;
	padding-left:20px;
}

a.navi_sub_sub:hover {
	text-decoration:none; 
	display:block;
	background:#333333;
}

a.foot {
	text-decoration:none;
	color:#FFFFFF;
}

a.foot:hover {
	text-decoration: underline; 
}
#full{
width:100%;
background:url(../images/hg_lin1.png) no-repeat left top fixed ;
}
#main{
height:100px;
width:100%;
background:url(../images/hg_nav.png) repeat-x;
z-index:1000;
position:fixed;
top:0px;
display:none;
}
#main_navigation{
width:960px;
height:100px;
margin: 0 auto;
top:0px;
display:none;
}

#flash{
background-color:#FFF;
width:940px;
height:0px;
margin: 0 auto;
padding:10px;
margin-top:0px;
visibility:hidden;
display:none;
}
#content{
width:960px;
background-color:#FFFFFF;
margin: 0 auto;
margin-bottom:60px;
}
#left_content{
width:695px;
margin-left:10px;
margin-bottom:20px;
float:left;
line-height:1.5em;
}
#right_content{
width:235px;
margin-left:10px;
float:left;
}
.content_div_frei_inline{
border:1px solid #ebebeb;
padding:10px;
margin-bottom:10px;
}
#top{
width:100%;
height:50px;
position:fixed;
bottom:52px;
right:0px;
z-index:999;
}
#footer{
width:100%;
height:50px;
position:fixed;
bottom:0px;
right:0px;
background:url(../images/hg_nav.png) repeat-x;
z-index:999;
border-top:1px solid #FFF;
padding-left: 20px;
display:none;
}
h3{

	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0px;
	margin-bottom:20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.rechts_kontaktdaten{
padding:10px;
color:#FFF;
background-color:#001822;
margin-bottom:10px;
background:url(../images/hg_nav.png) repeat-x;
}


#stage{
	/* The stage contains the individual divs that comprise the halftone icon: */
	height:150px;
	top:120px;
	width:200px;
	position: absolute;
	z-index:1100;
}

.dot{
	/* The stage contains 192 .dot divs: */
	float:left;
	height:12px;
	width:12px;
}

.dot.active{
	/* When assigned the active class, the div shows a background image of a dot: */
	background:url(../images/dot.png) no-repeat center center;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
}
 #parallax
    {position:relative; overflow:hidden; width:43em; height:20em;}
/* Clearing without structural markup */
.clear
  {display: inline-block;}   
.clear:after
  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear
  {height: 1%;}
.clear
  {display: block;}