html, body {
	margin					: 0px;
	padding					: 0px;
	font-family				: verdana, arial, helvetica, sans-serif;
	font-size				: 11px;  
	line-height				: 130%; 
	color						: #111111; 
	height					: 100%; 
	background-image		: url(../img/bg.jpg); 
	background-repeat		: repeat-x; 
	background-attachment:fixed;
	color						: #000000;
	background-color		: #3D3D3D; }

form {
	padding:0px;
	margin:0px;
}
input {
	font-family				: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid gray;
	margin-top:5px;
}

#center {
	position				: relative;
	margin-left			: auto;
	margin-right		: auto;
	width					: 740px;
	min-height			: 100%;
	border-left			: 25px solid #efefef;
	border-right		: 25px solid #efefef;
	background-color	: #FFFFFF; 
}

#header {
	position					: relative; /* Wichtig fuer die Ausrichtung von #logo */
	width						: 740px;
	height					: 230px; 
	background-position	: bottom;
	background-repeat		: repeat-x; }

#header #logo {
	position				: absolute;
	top					: 30px;
	left					: 20px;
	width					: 259px;
	height				: 72px;
	background-repeat	: no-repeat; }

#header #nav {
	position				: absolute;
	max-height				: 35px;
	bottom				: 0px; }
	
#header #nav ul {
	margin				: 0px;
	padding				: 0px;
	width					: 100%;
	height:35px;
	max-height: 35px;
	list-style			: none;  }
	
#header #nav li {	
	position				: relative;
	text-align			: center;
	margin-left			: 1px;
	width					: 146px;
	height				: 100%;
	margin-top			: -1px;
	background-image	: url(../img/navbuttonbg.gif);
	float					: left; }

#header #nav .active {
	background-color	: #FFFFFF;
	position				: relative;
	text-align			: center;
	margin-top			: -10px;
	margin-left			: 1px;
	width					: 150px;
	height				: 45px;
	background-image	: none;
	float					: left;	}

#header #nav li a {
	width					: 100%;
	height				: 100%;
	display				: block;
	padding-top			: 11px;
	color					: #909190;
	font-weight			: bold;
	text-decoration	: none; }

#content {
	padding-top			: 10px; 
	padding-left		: 25px; 
	padding-right		: 25px;
	padding-bottom		: 30px;
	max-width			: 740px;
	}
	
#footer {
	position				: absolute;
	bottom				: 0px;
	padding-top			: 10px;
	width					: 740px; 
	height				: 20px; 
	text-align			: center;
	color					: #919291;	}

#footer a {
	color					: #919291;
}

.b0{
	position				: relative;
	margin-left			:-25px;
	margin-right		:-25px;
	width					: 740px;  }
	
.b1 {
	position			: relative;
	width				: 100%; }	

/* Rechnung: 690 (maxBreite) - 25 (für 1x vbreak) / 2 = 332px */
.b2  {
	position			: relative;
	width				: 332px;
	float				: left;  
	z-index: 1;}

/* Rechnung: 690 (maxBreite) - 50 (für 2x vbreak) / 3 = 213px */
.b3{
	position			: relative;
	width				: 213px;
	float				: left; }

/* Zweidrittel Box: 2x b3 (213) + 25 = 451 (1x vbreak) */
.b3_2{
	position			: relative;
	width				: 451px;
	float				: left; 
}

.b4{
	position			: relative;
	width				: 153px;
	float				: left; }

.b5{
	position			: relative;
	width				: 118px;
	float				: left;  }

/* Weitere Boxen (meist innerhalb der "b"-Boxen) */
.b_{
	position			: relative;
	float				: left;  }
/*
#content h3{
	font-weight: bold;
	font-size: 12px;
	color: #777777;
	height:16px;
	padding-top:15px;
	padding-bottom:1px;
	margin-bottom:10px;
}	*/

.post {
	position			: relative;
	max-width		: 100%; /* Firefox lösung: Padding wird nun NICHT mehr der Breite addiert. */
	padding			: 0px;
	margin-bottom	: 25px;
	clear				: both;
	min-height		: 100px; /* Damit ein vorhandenes Bild nicht über den Rahmen hinaus verläuft und andere Elemente verdrängt */  }
	
	
.post small{
	font-size		: 10px;
	color				: #858585; }
	

.post img {
	float			: left;
	margin-right: 10px;
}

/* Pictogramme */
.post .picto{
	position:absolute;
	top:0px;
	right:0px;
}
.post .picto ul{
	list-style	: none;
	margin		: 0px;
	padding		: 0px;
}
#content .post .picto li{
	float					: left;
	list-style-image	:none;
	margin-left			:0px;
}
.post .picto ul img{
	border		: none;
	margin-right:6px;
}

.vbreak{
	width	: 24px;
	height:1px; /* Damit er im Firefox ernst genommen wird */
	float	: left;
}
.break {
	height:15px;
	clear	: both;  }	

#content h1{
	font-weight: bold;
	font-size: 14px;
	color: #777777;
	background-image: url(../img/line.gif);
	width: 100%;
	height:16px;
	padding-top:20px;
	padding-bottom:1px;
	margin-bottom:15px;
	background-repeat: repeat-x;
	background-position: bottom;
}	

#content h2{
	font-weight: bold;
	font-size: 14px;
	color: #777777;
	background-image: url(../img/line.gif);
	width: 100%;
	height:16px;
	padding-top:20px;
	padding-bottom:1px;
	margin-bottom:15px;
	background-repeat: repeat-x;
	background-position: bottom;
}

#content h3{
	font-size		: 13px;
	padding-top		:7px;
	margin-bottom	:10px;
	font-weight		: normal;
	color				: #777777;
}
/* #content h3 ist weiter oben definiert.  */
#content h4{
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 11px;
}
#content li{
	list-style-image: url(../img/arrows.gif);
	padding-left:0px;
	margin-left:-20px;
}
#content .info_r{
	margin: 5px 0px 5px 5px;
	padding: 5px;
	float: right;
	background-color: #f7f7f7;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
#content .info_l{
	margin: 5px 5px 5px 0px;
	padding: 5px;
	float: left;
	background-color: #f7f7f7;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
.mehr{
	position: absolute;
	margin-top: -8px;
	right: -27px;
	background-image: url(../img/pc100_bg.gif);
}
.mehr div{
	padding:7px;
}
.mehr .menue{
	position:absolute;
	right:-25px;
	height: 80px;
	width: 25px;
	float: right;
	background-image: url(../img/schalter_in.gif);
	background-repeat: no-repeat;
}
.mehr .border{
	padding: 0px;
	position: absolute;
	left:-6px;
	width: 6px;
	height: 100%;
}

#farben{
	width:25px;
	height:200px;
	position: absolute;
	margin-left:-49px;
	margin-top:10px;
}
#farben a{
	height:32px;
	width:12px;
	margin-left:12px;
	display: block;
}
#farben a:HOVER{
	width:24px;
	margin-left:0px;
}
#hx_a2669d{
	background-color: #a2669d;
}
#hx_b5c609{
	background-color: #b5c609;
}
#hx_ffb000{
	background-color: #ffb000;
}
#hx_b99873{
	background-color: #b99873;
}
#hx_06a5d2{
	background-color: #06a5d2;
}
	
.bref {
	background-image: none;
	width: 332px;
	height: 50px; 
	display: block;
	color: #000000;
	text-decoration: none; 
	}
	
.bref:hover {
	display: block;
	width: 332px; 
	text-decoration: none;
	}

.bref img{
	float: left; 
	margin-right: 8px; 
	border:none;
}

#refimgbig {
	margin-top:20px;
	float: left;}
	
#refimgbig img{
	background-image: url(../img/image_background.gif);
	background-repeat: no-repeat;
}
	
#refimgleiste {
	margin-top:20px;
	width: 160px;
	float: right;  }
	
#refimgleiste img {
	margin-bottom: 8px; 
	border:none;}
	
#refimgleiste .active {
	position: relative;
	left:-2px;
	top:0px;
}
#reflogo img{
	position: absolute;
	right:0px;
	z-index: 0;
}

td{
	vertical-align: top;
	padding-bottom:5px;
}
#content #back{
	width: 675px;
	text-align: right;
	margin-top:10px;
	margin-bottom:10px;
}
#content #back a{
	padding-left:15px;
	background-image: url(../img/arrows2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}