/*
------------------------------------------------------
Copyright Yoram Blumenberg
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------
*/

body {
background: #003366;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- Links --------- */

a {
color: #369;
text-decoration: none;
}

a:hover {
text-decoration: overline underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
color: #036;
}

h1 {
background: transparent url("img/bullet_gold.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 150%;
}

h2 {
background: transparent url("img/bullet_grey.gif") no-repeat 0 55%;
padding-left: 10px;
font-size: 133%;
}

h3 {
background: transparent url("img/small_bullet_grey.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
}

img
{
	text-decoration: none;
	border: none;
}

/* --- Wrap --------- */

#wrap {
background: transparent url("img/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url("img/header.jpg") no-repeat top left;
height: 90px;
margin: 0;
}

#banner p {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
background: transparent url("img/toplevel.gif") no-repeat top left;
height: 68px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
height: 42px;
font-size: 85%;
line-height: 1.25em;
}

#nav-meta ul {
margin: 0px 24px 0 490px;
}

#nav-meta ul li {
display: inline;
float: left;
}

#nav-meta ul li a {
display: block;
background: transparent url("img/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0px 10px 0 8px;
color: #A5BCD3;
text-decoration: none;
}

#nav-meta ul li a:hover {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 3px;
width: 110px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("img/tabs.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #333;
text-decoration: none;
font-weight: bold;
}

#nav-main ul li a.current {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
color: #036;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -26px;
color: #333;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
}

/* --- Container --------- */

#container {
margin: 0 17px;
}

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


#content {
float: left;
margin: 0;
padding: 16px;
width: 532px;
}

#content p, #content ol, #content ul {
font-size: 100%;
line-height: 1.5em;
}

.pro2z {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: 600;
margin-top: 0;
color: #888;
}

/* --- Nav subs --------- */
#nav-subs {
position: relative;
margin: 0 0 0 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 1px solid #FFF;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #FFF;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #666;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #FFF url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #036;
}

#nav-subs ul li a.youarehere {
color: #036;
font-weight: bold;
}

/* --- Nav search --------- */

#nav-search {
background: transparent url("img/bgd_sidebar_top.gif") no-repeat top left;
padding-top: 24px;
min-height: 70px;

}

/* --- Nav section --------- */

#nav-section {
background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
padding-top: 15px;
min-height: 100px;
}

/* --- Nav Zusatz --------- */

#nav-zusatz {
padding-top: 8px;
margin-left: 0px;
min-height: 156px;
}

#nav-suche {
position: relative;
display: block;
float: left;
width: 100%;
color: #666;
text-indent: 14px;
text-decoration: none;
list-style: none;
margin-left: 0px;
margin-right: 16px;
margin-bottom: 16px;
padding-left: 0;
}


#nav-basis
{
	background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
	position: relative;
	float: left;
	width: 100%;
	text-indent: 14px;
	text-decoration: none;
	list-style: none;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-top: 0px;
    padding-top: 15px;
	
}

#nav-info {
    background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
    position: relative;
    float: left;
    width: 100%;
    text-indent: 14px;
    text-decoration: none;
    list-style: none;
    margin-right: 16px;
    margin-bottom: 16px;
}


#nav-anmeldung
{
	background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
	position: relative;
	float: left;
	width: 100%;
	text-indent: 14px;
	text-decoration: none;
	list-style: none;
	margin-right: 16px;
	margin-bottom: 16px;
    padding-top: 15px;
}

#nav-admin {
	background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
	position: relative;
	float: left;
	width: 100%;
	text-indent: 14px;
	text-decoration: none;
	list-style: none;
	margin-bottom: 16px;
    padding-top: 15px;
}

#nav-hersteller {
background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
position: relative;
float: left;
width: 100%;
color: #666;
text-indent: 14px;
text-decoration: none;
list-style: none;
margin-right: 16px;
margin-bottom: 16px;
padding-top: 15px;
}

.nav-bewertung {
background: transparent url("img/bgd_sidebar_sub.gif") no-repeat top left;
position: relative;
display: block;
float: left;
width: 100%;
color: #666;
text-indent: 14px;
text-decoration: none;
list-style: none;
margin-right: 10px;
margin-bottom: 16px;
}

/* --- Info site --------- */

#info-site {
position: relative;
clear: both;
background: transparent url("img/footer.gif") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-site p {
font-size: 75%;
}

/* --- Info company --------- */

#info-company {
color: #FFFFFF;
margin: 0 16px;
}

#info-company a {
color: #666;
text-decoration: none;
}

#info-company a:hover {
color: #FFF;
}

/* --- Info standards --------- */

p#info-standards {
margin: 4px 314px 0 314px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("img/xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #999;
}

html>body a#xhtml {
margin: 0 82px 0 0;
}

a#xhtml:hover {
border: 1px solid #FFF;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent url("img/css.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #999;
}

html>body #css {
margin: 0 0 0 82px;
}

a#css:hover {
border: 1px solid #FFF;
}

#css span {
display: none;
}

.bildlinksrahmen {
	float:left;
	margin:3px 12px 3px 0px;
	padding: 5px; 
	border: solid 1px #aaa
}

.bildrechtsrahmen {
	float:right;
	margin:3px 0px 5px 12px;
	padding: 5px; 
	border: solid 0px #aaa
}



-------------------------------------------------

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}