body {
background-color: #DCECE5;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#004483;
padding:0px;
margin:10px;}

a {color: #004483;  text-decoration:none;}
a:visited {color:#004483; }
a:hover {color: #004483; text-decoration:underline;}
a:active { color:#FFF;}

#impressum a {font-size: 9px; color: #004483;  text-decoration:none;}
#impressum a:visited {color:#004483; }
#impressum a:hover {color: #004483; text-decoration:underline;}
#impressum a:active { color:#FFF;}

#left a, #left_flex a, #left_tech a {padding-left: 70px; color: #0684ab;  text-decoration:none; font-weight: bold;}
#left a:visited, #left_flex a:visited, #left_tech a:visited {color:#0684ab;  text-decoration:none; font-weight: bold;}
#left a:hover, #left_flex a:hover, #left_tech a:hover {color: #0684ab; text-decoration:underline; font-weight: bold;}
#left a:active, #left_flex a:active, #left_tech a:active { color:#0684ab;}

h1 {
color:#004483;
font-size:14px;
font-weight: bold;
padding: 10px 10px 10px 10px;
margin:0px;}

h2 {
color: #0099CC;
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

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

h4 {
color: #009900;
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

/* ----------container zentriert das layout-------------- */

#container_liquid {
background-color:#D0E6DC;
width: 900px;
margin-left: auto;
margin-right: auto;
background-image:url(/images/bg_shop.gif);
border:solid 1px #FFF;
display:block;
}


/* -----------------Inhalt--------------------- */
#content {
width: 603px;
height: 360px; /*360*/
overflow: auto;
z-index: 1;
background-color: #eaf8fd;
padding: 0px;
margin-left: 0 0 0 296px;
}

div#content { 
max-height:350px;
height:expression(this.scrollHeight > 350 ? "auto":"350px"); 
}

* html #content{
	width: 599px; /* for IE5 and IE6 in quirks mode */
	w\idth: 599px; /* for IE6 in standards mode */
}

html {height: 100%; margin-bottom: 0.1px;}

p, pre{
color: #004483;
padding: 5px 10px;
margin:0px;
}

ul {
color: #004483;
margin:5px 10px 10px 20px ;
padding-left: 20px;
list-style-type:circle;
}

/* --------------left navigavtion------------- */
#left {

float: left;
width: 296px;
margin: 0px;
padding: 0px;
margin-top:1px;
}

#left_flex {
background-color:#C7CBC5;
float: left;
width: 296px;
margin: 0px;
padding: 0px;
margin-top:1px;
}

#left_tech {
background-color:#86CB7E;
float: left;
width: 296px;
margin: 0px;
padding: 0px;
margin-top:1px;
}

/* --------------left mitte right ------------- */
#links {
 background-image:url(/images/liquid.gif);
 background-repeat:no-repeat;
 background-color:#FFFFFF;
 color: #32BDE9;
 width: auto; 
 height:207px; 
 margin:0px;
 padding: 5px;
}
 
 #mitte {
 background-image:url(/images/flex.gif);
 background-repeat:no-repeat; 
 background-color:#FFFFFF;
 width: auto; 
 height:207px; 
 color: #666;
 margin:0px;
 padding: 5px;
}

 #rechts {
 background-image:url(/images/tech.gif); 
 background-repeat:no-repeat; 
 background-color:#FFFFFF;
 color: #309D25;
 width: auto; 
 height:207px; 
 padding: 5px;
 margin:0px;
}

#menu {
padding-top:3px;
width: 900px;
margin: 0px;

}

#bildleiste {
text-align:center;
height:80px; 
background-color:#FFFFFF;
padding-top:3px;
padding-right:0px;
padding-bottom:3px;
padding-left:0px;
margin:0 0 0 0;
}

#header {

background-color:#98def4;
padding:0px;
margin:0px;
}

#impressum {

background-color:#98def4;
text-align:right;
padding:0 3px 3px 0;
margin:0px;
}

/*  ----------------footer---------------------- */ 
#footer {
font-size: 10px;
font-family: verdana, Arial, Sans-Serif;
width: 900px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:4px 0 4px 0;
background-color: #FFF;
color: #004483;
} 

/*  ----------------copyright---------------------- */ 
#copyright {
font-size: 10px;
font-family: verdana, Arial, Sans-Serif;
width: 900px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding:4px 0 4px 0;
background-color: #FFF;
} 

