body { 
background-color:#FFFFFF;
background-image:url(../images/bg.gif);
background-repeat: repeat-x;
margin-top: 18px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

img {
border: 0px;
}

td {
padding: 0px;
margin: 0px;
}

h1 {
width: 480px;
border-bottom: 1px solid #ec2b30;
font-size:16px;
font-weight:bold;
margin: 0px 0px 10px 0px;
padding-bottom: 3px;
color:#333333;
}

h2 {
font-size:11px;
font-weight:bold;
margin: -5px 0px 5px 0px;
color:#666666;
text-transform:uppercase;
}

h3 {
font-size:12px;
font-weight:bold;
color:#333333;
margin: 5px 0px 0px 0px;
}

p {
margin: 0px 0px 10px 0px;
}

xbr { line-height: 4px; height: 4px; }

a:link { color:#ec2b30; text-decoration:none; }
a:visited { color:#ec2b30; text-decoration:none; }
a:active { color:#ec2b30; text-decoration:none; }
a:hover { color:#333333; }

#mainwrapper {
margin:auto;
text-align:left;
width:950px;
}

#header {
width: 950px;
background-image:url(../images/head.gif);
height: 75px;
text-align:right;
}

#claim {
position:relative;
top: 25px; 
right: 35px;
font-weight:bold;
font-size:12px;

}

#insidewrapper_2 {
background-image:url(../images/bg_inside_2.gif);
width:100%;
z-index: 1;
}

#insidewrapper_1 {
background-image:url(../images/bg_inside_1.gif);
width:100%;
background-repeat:no-repeat;
z-index: 2;
}

#left {
width: 165px;
float:left;
position:relative;
top: 40px;
margin-bottom:60px;
}

#navi {
width: 165px;
}

#listen {
width: 140px;
position:absolute; 
left: -158px;
top: 215px;
font-size:10px;
font-weight:normal;
color:#666666;
z-index:5;
}

#right {
width: 765px;
margin-left: 19px;
margin-bottom: 20px;
position:relative;
top: 20px;
float:left;
background-image:url(../images/bg_right.gif);
}

#content {
width: 710px;
left: 20px;
margin:17px 0px 5px 20px;
}

.inside_left {float: left; margin:0px;}
.sidebar {float:right; position:relative; left: 20px;}

.schmal {
padding: 10px 10px 10px 10px;
background-color:#ededed;
position:relative;
top: -3px;
}

.textbreite {
width: 480px;
text-align:left;
}

#footer {
width:950px;
height: 30px;
background-image:url(../images/bg_footer.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:auto;
text-align:right;
}

.footer_txt {
margin-right:35px;
padding-top: 7px;
color:#666666;
}

.footer_txt a:link {
color:#666666;
}

.footer_txt a:active {
color:#666666;
}

.footer_txt a:visited {
color:#666666;
}

.footer_txt a:hover {
color:#000000;
}

#end {
padding-top: 20px;
font-size: 9px;
width:950px;
margin:auto;
text-align:center;
color:#999999;
}

#end a:link {
color:#999999;
text-decoration:none;
}
#end a:active {
color:#999999;
text-decoration:none;
}
#end a:visited {
color:#999999;
text-decoration:none;
}
#end a:hover {
color:#999999;
text-decoration:none;
}


/* menu */
.stylemenu ul, .stylemenu li { /* main menu */
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: auto;
}

.stylemenu ul li a, .stylemenu ul li a:link, .stylemenu ul li a:visited { /* main menu item (+ sub, so overwrite there...) */
	background: url(../images/link.gif) no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	display: block;
	height: 17px;
	margin-bottom: 1px;
	color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
	
}

.stylemenu ul li a:hover, .stylemenu ul li a:active, .stylemenu ul li a:focus { /* main menu hover */
	background: url(../images/hover.gif) no-repeat;
}

.stylemenu ul li.active a:link, .stylemenu ul li.active a:visited { /* main menu active */
	background: url(../images/active.gif) no-repeat;
}

.stylemenu ul li.active ul li { /* sub menu */
	margin-left: 0px;
}

.stylemenu ul li.active ul li a:link, .stylemenu ul li.active ul li a:visited { /* sub menu item */
	background: url(../images/link_sub1.gif) no-repeat;
	color: #666666;
    text-decoration:none;
    font-weight: normal;
}

.stylemenu ul li.active ul li a:hover { /* sub menu hover */
	background: url(../images/hover_sub1.gif) no-repeat;
	color: #000000;
    text-decoration:none;
    font-weight: normal;
}

.stylemenu ul li.active ul li.active a:link, .stylemenu ul li.active ul li.active a:visited { /* sub menu active */
	background: url(../images/active_sub1.gif) no-repeat;
	color: #333333;
    text-decoration:none;
    font-weight: normal;
} /* end menu */

/* horizontal menu */
.hormenu {
	text-indent: 5px;
	font-weight: bold;
	height: 80px;
}

.hormenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.hormenu li { /* styling the menu goes here - everything also applies for submenu, so override there if not wanted there... */
	float: left;
	z-index: 999; /* this on top */
	width: 100px;
	border-left: 1px solid #697c45;
	background: url(../images/hormenu.gif) bottom right no-repeat #2A2A2A;
	height: 20px;
}

.hormenu li:hover { /* styling the menu:hover goes here */
	height: 30px;
}

.hormenu li ul { /* submenu position */
	position: relative;
	top: 16px; /* default: 14, height menu item hover set so 30, so 30-14... */
	right: 1px;
}

.hormenu li ul li { /* styling the submenu goes here */
	display: none;
	background: url(../images/hormenusub.gif) bottom right no-repeat #2A2A2A;
}

.hormenu li ul li:hover { /* styling the submenu:hover goes here */
	height: 20px;
	background-color: #444444;
}

.hormenu li:hover ul li { /* submenu's show when main item hovered - IE6 only accepts hover on <a> */
	display: block; /* so if you want this to work, you'll need to figure out a fix (javascript) */
} /* end horizontal menu */

.mainflash {
padding: 0px;
margin: 0px;
border:0px;
position:relative;
left:-2px;
top: -2px;
}

.teaserbox_left {
width:350px; float: left; height: 170px; background-color: #787878; background-image: url(../images/bg_teaserbox.gif); background-position:top; background-repeat:no-repeat; color: white;
}

.teaserbox_right {
width:350px; float: right; height: 170px; background-color: #787878; background-image: url(../images/bg_teaserbox.gif); background-position:top; background-repeat:no-repeat; color: white;
}