body {
margin:0;
padding:0;
height:100%; /* this is the key! */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}
a {
color:#0066FF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#left {
position:absolute;
left:0;
top:0;
padding:0;
width:150px;
height:100%; /* works only if parent container is assigned a height value */
color:#333;
background:#fff;
}
.content {
margin-left:150px;
/*margin-right:220px;*/
margin-bottom:20px;
width:600px;
color:#333;
background:#fff;
padding:0 10px;
}
#right {
position:absolute;
left:775px;
top:0;
padding:0;
width:250px;
height:100%; /* works only if parent container is assigned a height value */
color:#333;
background:#eaeaea;
}

#left p {
padding:0 10px;
}
#right h1 {
margin:0 5px 10px 5px;
font-size:110%;
border-bottom: 1px solid #000;
}
#right p {
padding:0 10px;
}
p.top {
margin-top:20px;
}
.content img {
margin-top:20px;
}
.content h1, .content h2, .content h3, .content h4{
color:#0066FF;
font-size:100%;
font-weight:bold;
}
/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

#navigation {
position:absolute;
top:171px;
}
/* Level 1 */
#navigation ul {
	width:150px;
	margin:0;
	padding:0;
/*	font-size:120%;*/
	background-color:transparent;
}
#navigation ul li {
	width:135x;
	margin:0;
	padding:0 0 0 0px;
	list-style-type:none;
}
#navigation ul li a {
	display:block;
	width:140px;
	height:29px;
	line-height:29px;
	margin:0;
	padding:0 0 0 10px;
/*	font-size:11px;*/
	color:#000;
	text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
	color:#fff;
	background-color:#0066FF;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
	margin-left:10px;
}
#navigation ul li.navmainStandardLevel_2 a {
	color:#666;
	width:130px;
}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
	color:#fff;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
	margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
	background-image:none;
	border-bottom:0;
	color:#666;
	width:100px;
}
/*#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
	background-image:url(../images/subsubnavi_over.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}*/
ul#metaNavigation {
	margin:5px 0 20px 0;
	padding:0;
}
ul#metaNavigation li {
	margin:0;
	padding:0 8px 0 0;
	display:inline;
}
ul#metaNavigation li a {
	text-decoration:none;
}
ul#metaNavigation li a:hover {
	text-decoration:underline;
}
/* ###################################################### */
/* ####################### NEWSLETTER ################### */
/* ###################################################### */
#contactForm {
font-size:80% !important;
margin:0 5px 0 5px;
}
#contactFormSubmitLeft {
float:left;
}
label{
float: left;
width: 150px;
font-weight:bold;
}

input, textarea{
width: 150px;
margin-bottom: 5px;
}

textarea{
width: 100px;
height: 150px;
}
#m1 {
margin: 5px 0 5px 0;
}
#selNewsletterGroup {
float:left;
width:150px;
height:100px;
margin: 5px 0 5px 0;
}
.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

/*br{
clear: left;
}
/* Content bild links - rechts */
.teaser_img {
float: left !important;
margin:0 5px 10px 0 !important;
}
.BildLinks
{
float: left !important;
margin: 0 10px 0 0 !important;
padding: 2px !important;
}
.BildRechts
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}
.artikelliste h2 {
clear: left;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */