body { 
position: relative;
background-image:url(img/bg.png); 
/*background-color: #e8e8e8;*/
color: #000000; 
/*margin-top: 0px;*/
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
height: 100%; 
text-align: center;}


div.container {
background-color: #fff; 
width: 800px;
/* Die Reihenfolge der Höhenangaben ist im IE wichtig!*/
min-height: 95%; 
height: auto !important; 
height: 95%;
text-align: left;
vertical-align: top;
margin-left:auto;
margin-right:auto;}


/* Textelemente */
p, td, input, select, textarea { 
color: #000000; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
line-height: 20px; }

small { 
font-size: 11px }

ul {
list-style-type: none; 
margin: 0px 0px 20px 40px; 
padding: 0 0 0 0;  
list-style-position:outside; }
ul li { 
margin-top: 3px; 
padding: 0 0 0 0; 
list-style-image:url(img/liste.png);}


/* Menue */
.navmenu { 
color: #ffffff; 
font-size: 13px; 
font-weight: bold;}

.navmenu a { 
color: #ffffff; 
text-decoration: none }

.menu_bg_a { 
background: #ffe49a; 
padding: 4px }

.menu_bg { 
background: #e8e8e8; 
padding: 4px }

.menu { 
color: #000000; 
font-size: 12px; 
font-weight: bold; 
text-decoration: none }

.submenu { 
color: #000000; 
font-size: 12px; 
font-weight: normal; 
padding-left: 14px; 
text-decoration: none }

.section { 
background: #ff8000; 
color: #ffffff; 
font-size: 13px; 
font-weight: bold; 
padding-left: 4px }

.section a { 
color: #ffffff; 
text-decoration: none;}

.details_nav {
border-top: solid 1px #e8e8e8; 
width: 100%; 
margin-top: 40px;}


/*Content */
.content { 
color: #000000; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
line-height:1.4em;
margin: 0px;}

.content p { 
margin: 5 0 15px 0; }

.content a{ 
color: #0270df; 
text-decoration:none;}
.content a:hover{
color: #ff8000; 
text-decoration:none;}


/* Ueberschriften */
h1 { 
color: #000000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold; 
margin: 0 0 20px 0; 
line-height: 1.0em;}

h2 { 
color: #000000; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
margin: 20 0 0 0; }

h3 { 
color: #000000; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
padding: 15px 0 20px 0; }

h4 { 
color: #000000; 
background: #e8e8e8; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold;
padding: 2px 0 2px 10px; }

h5 { 
background: #e8e8e8; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
padding: 5px 0 5px 10px; 
border: 1px solid #ffffff; 
margin: 0 0 0 0;}

/* Überschrift "Beispielprojekte" mit grauer Unterstreichlinie und Rand */
h6 { 
color: #000000; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
padding: 0 0 0 20; 
border-bottom: 1px solid #e8e8e8;
border-left:10px solid #e8e8e8;}


/* Bilder */
img.icon { 
border: 1px solid #a0a0a0; 
width: 98px; 
height: 98px }

img.border { 
border: 1px solid #a0a0a0 }