/* ----------CSS designed by Roman Abubov--------------- */
/* ----------contact to roman@web-life.de--------------- */

/* -------------Grundelemente der HTML------------------ */
body {
background-color: #FFFFFF;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding:0px;
margin:0px;}

table {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

td {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link, a:active, a:visited {color: #DF250B;text-decoration: none;}
a:hover {color: #DF250B;text-decoration: underline;}

ul {
margin:0px;
padding:5px 0px 5px 15px;
list-style-position:outside;
list-style-image:url(../images/arrow-blk.gif);}

ul.pdf {
padding:5px 0px 5px 20px;
list-style-image:url(../images/pdf_pix.gif);}

ul li {
padding:0px 0px 5px 0px;}

ul.pdf li {
padding:0px 0px 5px 0px;}

hr {
clear:both;
color:#ABBDB7;
height:1px;}

p {
margin:0px;
padding:5px 0px 5px 0px;}

img{
border:0px;}

h1 {
color:#DF250B;
font-size:14px;
font-weight:bold;}

h2 {
color:#6F8A82;
font-size:14px;
font-weight: bold;}

h3 {

font-size:12px;
font-weight: bold;}

/* ---#container platziert das Layout für 1024*728-Auflösung--- */

#container {
position:relative;
width:1000px;
padding:0px;
margin: 0px;} 


/* -------------#top platziert das Logo----------------- */
#top {
	position:relative;
	height:160px;
	border-right:190px solid #FFFFFF;
	text-align:left;
	background-color: #FFFFFF;
}


/* ---------#metNav beschreibt meta-Navigation---------- */
#metaNav {
position:absolute;
top:0px;
right:0px;
float:right;
display:inline;
padding: 10px 10px 0px 0px;
color: #013625;}

#metaNav a:link, #metaNav a:visited, #metaNav a:active{color:#013625;font-weight:normal;text-decoration: none;}
#metaNav a:hover {color:#013625;font-weight:normal;text-decoration:underline;}


/* ----------Elemente der Hauptnavigation--------------- */

div#topline {
position:relative;
height:35px;
background-color:#DF250B;
border-right:190px solid #013625;}

div.menu {
position:relative; 
float:left;
display:inline;
color:#FFFFFF;
font-size: 11px;
font-weight:bold;
background-color:#DF250B;
padding:8px;
margin:0px;}

div.menu a:link, div.menu a:visited, div.menu a:active {color:#FFFFFF;text-decoration:none;padding:8px;margin:0px;background-color:#DF250B;}
div.menu a:hover {color:#FFFFFF;text-decoration:none;padding:8px;margin:0px;background-color:#F98B7B;}


/* --------------Container für Inhalt------------------- */
div#main{
clear:both;
position:relative;
margin-top:1px;}


/* ----------Elemente des linken Bereichs--------------- */

div#left {
position:absolute;
top:0px;
left:5px;
float:left;
z-index:2;
width:170px;
height:100%;
vertical-align:top;
background-color:#ABBDB7;}

.links {
vertical-align:text-top; 
padding:8px;
border-bottom:1px solid #FFFFFF;}


/* ----------Elemente des rechten Bereichs-------------- */

div#right {
	position:absolute;
	top:-1px;
	left:809px;
	z-index:2;
	width:192px;
	vertical-align:top;
	background-color:#FFFFFF;
	height: 444px;
}

div.rechts {
vertical-align:text-top; 
color:#013625;
text-align:center;
padding:8px;
border-bottom:1px solid #FFFFFF;}

div#telefon{
	padding:6px;
	font-weight:normal;
	background:#FFFFFF center no-repeat;
}

div#newsletter{
padding:6px;
font-weight:bold;
background:#FFFFFF center no-repeat;}

div.rechts p {
text-align:left;}

/* ----------Elemente des mittleren Bereichs------------ */ 

div#content{
position:relative;
z-index:1;
vertical-align:top;
border-left:#ABBDB7 solid 180px;
border-right:#FFFFFF solid 190px;
background-color:#FFFFFF;}

div.content{
position:relative;
clear:both;
padding:20px;
vertical-align:top;}

table#index {
table-layout:fixed;
vertical-align:text-top;}

table#index td{
height:100%;
width:50%;
vertical-align:text-top;}

div.title h1, div.title h2 {
position:static;
margin:0px;
float:left;
background-color:#FFFFFF;
border-right:5px solid #FFFFFF;}

div.highlight2 h3 {
color:#000000;}

div.title {
position:static;
width:100%;
margin:0px;
top:0px;
left:0px;
clear:both;
margin-bottom:15px;
vertical-align:text-top;
background-image:url(../images/pixel_bg.gif);
background-repeat:repeat;}

.highlight{
position:static;
text-align:left;
background-color:#EBEFEE;
border:1px solid #DF250B;
padding:10px;
margin:5px 0px 5px 0px;}

h1.highlight{
float:left;
display:inline;
margin:5px;}

.highlight2{
background-color:#FFFFFF;
border:1px solid #ABBDB7;
padding:10px;
margin:5px 0px 5px 0px;}

p img, ul img {
clear:both;
border:10px solid #FFFFFF;
border-top:0px;}

.back {
position:static;
bottom:0px;
left:0px;
padding-top:10px;
float:left;
vertical-align:bottom;}

.weiter {
position:static;
bottom:0px;
right:0px;
padding-top:10px;
float:right;
vertical-align:bottom;}


/*  ------------Elemente des unteren Bereichs----------- */ 

#greenline {
position:relative;
background-color:#ABBDB7;
clear:both;
color:#FFFFFF;
text-align: center;
padding:8px;}


/*  ----------------Special Content--------------------- */ 

table#kunden{
table-layout:auto;}

table#kunden tr, table#kunden td{
border-bottom:1px solid #ABBDB7;}


/*  ----------------Elemente des Popup-Fensters--------- */

div#redline {
position:relative;
height:35px;
background-color:#DF250B;}