/* general styles */

body {
color: #555555;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
background: #FFFFFF;
/* background: url(imgs/sand.gif) #EEE800 repeat; */
padding: 0px;
margin: 0px;
}

a {
color: #505070;
}

a:hover {
color: #FF0000;
}

a:visited {
color: #606080;
}

a:visited:hover {
color: #FF0000;
}

h1{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #995533;
margin: 15px;
}

h2 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #335588;
margin: 15px ;
font-weight: bold;}

h3 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #444444;
margin: 10px 15px 5px 15px;
}

h4 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #222222;
margin: 10px 15px 5px 15px;
font-weight: bold;
}

p {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #111111;
margin: 5px 15px 5px 15px;
}

*/
ul, ol{
margin: 5px 15px 5px 15px;

}

li {
margin: 0px 15px 0px 20px;
font-size: 1.1em;
color: #111111;
}
/*

div {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}



/* layout styles */

#container {
width: 100%; 
height: 828px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
}

#banner {
height: 100px; 
width: 97.5%;
margin: 10px 10px 1px 10px;
background: url(imgs/back_banner_gelb2.gif) #FFE800 no-repeat;
}

#banner h1 {
float: left;
font-size: 2.0em;
color: #FFE800;
margin: 40px 0 0 20px;
background: none;
}

#nav-meta {
float: right;
margin: 0px 0px 0px 0px;
width: 394px;
height: 100%;
background: url(imgs/back_banner_gelb_r5.gif) #FFE800 no-repeat top right;
text-align: left;
}

#nav-meta ul {
margin: 70px;
padding: 0px;
/* background: #56A7C1; */
}

#nav-meta li {
display: inline;
padding: 0px;
background: #FFE800;
}

#nav-meta a, #nav-meta a:visited {
color: #333344;
text-decoration: none;
margin: 0px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #FFFFFF;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}


#content {
position: absolute; 
top: 180px; 
left: 2%; 
width: 61%;
height: 600px;
overflow: scroll;
margin: 10px 10px 1px 10px;
background: #FFFFCC;
padding: 0px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


#sidebar {
position: absolute; 
top:180px; 
left:64%; 
width:30.5%;
margin: 10px 10px 1px 10px;
height: 600px;
padding: 0px 10px 3px 20px;
background: #FFE800;
text-align: left;
}


/* Hintergrundflaeche */

#hintergrundflaeche {
background-color: #FFE800;
/* background: url(imgs/sand.gif) #EEE800 repeat; */
padding: 0px; 
height: 626px; 
width: 97.5%; 
margin: 0px 10px 0px 10px;
}

#Bildunterschrift {
margin: 0px;
padding:2px;
background: #dddddd; /* #FFAA55 */
width: 92%;
text-align: center;
color: #222222;
}

#sidebar img {

width: 93%;
border: none;

}

/* main nav */

#nav-main {
margin: 10px 10px 0px 10px;
height: 31px;
background: url(imgs/back_navmain_gelb.gif) #FFE800 no-repeat; 
width: 97.5%;
}

#nav_main_r {
float: right; 
margin: 0px; 
width: 13px; 
height: 28px; 
background: url(imgs/back_navmain_gelb_r.gif) #0000FF no-repeat top right; 
text-align: right;
}


#nav-main ul {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;

}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 5px 4px 0px 4px;
background: url(imgs/back_navmainitems2n.gif) no-repeat top right;
padding: 0px 3px 0px 0px;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 0px 10px;
background: url(imgs/back_navmainitems_n.gif) no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 3px 10px 0px 10px;
}

.current {
margin: 7px 4px 0px 4px;
padding: 0px 3px 0px 0px;
background-image: url(imgs/back_current2_gelb.gif) !important;
font-size: 1.1em;
}

.current a:link, .current a:visited {
padding: 1px 10px 0px 10px;
color: #FFFFFF !important;
background-image: url(imgs/back_current1_gelb.gif) !important;
font-size: 1.1em;
}

.current a:hover, .current a:visited:hover {
padding: 3px 10px 0px 10px;
color: #FFFFFF !important;

}

/* sub nav */

#nav-section {
clear: both;
background-color: #FFAA55;
width: 97.5%;
margin: 0px 10px 0px 10px;
}

#nav-section ul {
margin: 0;
padding: 0px 0px 0px 0px;
background-color: #FFAA55;
}

#nav-section li {

background-image: url(imgs/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #FFAA55;
list-style-type: none;
float: left;
margin: 0px 10px 0px 10px;
padding-left: 14px;
font-weight: bold;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
color: #ffffff;
}

.youarehere{
background-image: url(imgs/bullet_on.gif)!important;
}


/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;

}

#nav-supp {
margin: 15px;
text-align: left;
}

#nav-supp li {
background-image: url(imgs/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}

#side-nav {
text-align: left;
padding: 5px 10px 5px 10px;
}

/* footer */

#info-site {
position: absolute; 
top:792px; 
text-align: center;
margin: 10px 10px 0px 10px;
width: 97.5%;
height: 31px;
background: #FFE800;
}

#info-site a {
font-weight: bold;
}

#info-company a,#info-company a:visited {
color: #555555;
}

#info-company a:hover,#info-company a:visited:hover {
color: #0000FF;
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;
}