/* basis */
html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #wrapper {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #333333;
}


/* PAGE ELEMENTE

Einige Elemente haben einen auskommentierten Border. Dieser dient zum debuggen.


*/

#wrapper {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/

}

#wrappercontent {
padding-top: 10px;

}


/* 
#top
Bereich Logo
 */
#top {
	margin: 0;
	padding-left: 20px;
	padding-top: 10px;
	background: #999;
	height: 50px;
	height: expression("60px");
	/*Obige Anweisung versteht nur der IE Win mit dem Box-Bug */
	/* border: 1px solid #ff0;  yellow */
	}

/* 
#claim
Bereich Claim 
 */
#claim {
	margin: 0;
	padding-left: 20px;
	padding-top: 10px;
	background: #eee url(../img/claim_bg.jpg) repeat left;
	height: 20px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	height: expression("30px");
	/* border: 1px solid #ff0;  yellow */
	}

#home {
	margin: 0;
	background-color: #FFFFFF;
}

/* 
#image
Bereich HeaderBild 
 */
#image {
	margin: 0;
	padding-left: 50px;
	background-color: #FFFFFF;
	
	/* border: 1px solid #ff0;  yellow */
	}

#bilder{
	position:relative;
	top:20px;
	width:560px;
	height:300px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
	 
}
#bild {
	margin-left:auto;
	margin-right:auto;

}
/*#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
}
*/
#beschrieb{
	margin-top:20px;
	text-align:left;

}

#navi{
	margin-top:20px;
	text-align:center;
}
	
#disclaimer {
	margin:0;
	color: #999999;
	font-size: 10px;
	background-color: #000000;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
}
#disclaimer a {
	text-decoration:none;
	color:#dc291e;
}
#disclaimer a:hover {
	text-decoration:underline;
	color:#dc291e;
}


 /* 
#footer
Bereich Footer
 */
#footer {
	padding-top:5px;
	width: 620px;
	font-size: 12px;
	text-align:center;
	color: #595959;
	height: 10px;
	margin-left: 200px;
	margin-bottom:20px;
}
 
#meta-nav {
	position: absolute;
	top: 20px;
	left: 550px;
	width: 480px;
	display: inline;
	border: none;
	font-size: 10px;
	text-transform:uppercase;
	color:#CCC;
}

#meta-nav ul {
	margin: 0px;
	display:block;
	float:none;
}
#meta-nav li {
	display: inline;
	float: left;
	margin: 0px;
	list-style-type:none;
	/*border-left: #ccc 1px solid*/
}


#meta-nav ul li a {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #cccccc;
	text-decoration: none;
}

#meta-nav ul li a:hover {
	color: #fff;
}

#language-nav {
	position: absolute;
	top: 35px;
	left: 550px;
	width: 480px;
	display: inline;
	border: none;
	font-size: 10px;
	text-transform:uppercase;
	color:#CCC;
}

#language-nav ul {
	margin: 0px;
	display:block;
	float:none;
}
#language-nav li {
	display: inline;
	float: left;
	margin: 0px;
	list-style-type:none;
	/*border-left: #ccc 1px solid*/
}


#language-nav ul li a {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #cccccc;
	text-decoration: none
}

#language-nav ul li a:hover {
	color: #fff;
}



#content-footer {
	background-color: #FFFFFF;
	border: 1px solid black;
	margin: 0 0 0 210px;
	padding: 0px;
	top: 270px;
	width: 600px;
	color: #333;
	font-size: 13px;
}
#content {
	padding: 20px;
}

#content-rechts {
	position:absolute;
	left:820px;
	top: 292px;
	text-align:left;
	background-color: #333333;
/*	border: 1px solid black;
*/	margin: 0 0 0 0px;
	padding: 2px;
	width: 200px;
	color: #FFFFFF;
	font-size: 13px;
/*	font-weight:bold;
*/}
#content-rechts a{
	color: #FFF;
}


#topnavigation {
	margin: 0;
	padding-left: 210px;
	background: #000;
	height: 22px;
	border-top: 1px solid #999;
	text-transform:uppercase;
	height: expression("21px");
	}
	
#topnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#topnavigation li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#topnavigation a {
	font-weight:normal;
	border-left: 1px solid #999;
	color: #999;
	font-size: 11px;
	padding:4px 10px;
	text-decoration: none;
	display:block;
	}
#topnavigation a.last	{
	border-right: 1px solid #999;
	}
	
#topnavigation a:hover {
	color: #fff;
	background-color: #dc291e;
	}
#topnavigation a.active {
	color: #fff;
	background-color: #dc291e;
	}
#topnavigation a.lastactive	{
	border-right: 1px solid #999;
	color: #fff;
	background-color: #dc291e;
	}	
#topnavigation #currentpage a {
	background: #fff;
	color: #999;
	}

#subnavigation   {
	position: absolute;
	border: none;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-align: right;
	line-height: 20px;
	left: 24px;
	top: 310px;
	width: 168px;
	text-transform:uppercase;
	
}


#subnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	border-top: 1px solid #999;
}

#subnavigation li {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	border-bottom: 1px solid #999;
	color: #ffffff;

}
	
#subnavigation a {
	display:block;
	color: #fff;
	text-decoration: none;
	}
	
#subnavigation a:hover {
	color: #ccc;
	text-decoration: none;
	}
#subnavigation a.active {
	display:block;
	color: #dc291e;
	text-decoration: none;
	}	
#subnavigation ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	border-top: 1px solid #999;
}

#subnavigation li li {
	margin: 0;
	padding: 0 12px 0 0px;
	list-style: none;
	border-bottom: 1px solid #999;
	color: #ffffff;

}
	
#subnavigation a {
	display:block;
	color: #fff;
	text-decoration: none;
	}
	
#subnavigation a:hover {
	color: #ccc;
	text-decoration: none;
	}
#subnavigation a.active {
	display:block;
	color: #dc291e;
	text-decoration: none;
	}	

p {	
	line-height: 17px;
/*	margin:0px 0px 1.0__qem 0px;*/
	margin: 0px 0px 8px 0px;
}


strong {
	color: #000;
}

a img {
	border:0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    background: none;
    margin: 0;
/*    padding-top: 0.5em;
    padding-bottom: 0.2em;*/
	text-align: left;
}
h1 { 
	font-size: 16px;
	padding-top: 0 !important;
	color:#dc291e;
	padding-bottom: 6px;
}
h2 { 	font-size: 14px; padding-top: 7px; padding-bottom: 2px;	}
h3 { 	font-size: 12px; color:#666666; padding-top: 5px; padding-bottom:3px;}
h4 { 	font-size: 12px;	}
h5 { 	font-size: 12px;	}
h6 { 	font-size: 12px;	}

.titel { 
	font-size: 14px;
	font-weight:bold;
	padding-top: 0 !important;
}
.small {
font-size:10px;
color:#666666;
}
.small_w {
font-size:10px;
color:#FFFFFF;
}

/* hyperlinks*/


#content a {
	color:#dc291e;
	text-decoration:none;
}

#content a:hover { 
	color: #000000; 
	text-decoration: underline; 
}


.hide {
	display:none;
	}
/* Listenformatierung	*/
#content ul {
	padding-left:20px;
	padding-top: 0px;
	margin-top: 5px;
}
#content ul ul {	padding-left:40px;	}
#content ul ul ul {	padding-left:60px;	}
#content li {
	list-style-type:square;
	margin-bottom: 5px;
	}
#content td {
	color: #333;
	font-size: 12px;
}
#content table {
	font-size: 12px;
	font-weight:normal;
}