/* Allgemein */
* {
margin: 0;
padding: 0;
}
html{ 
border: 0; 
padding: 0; 
margin: 0; 
height:100%;
} 
* html #wrap {
height:100%
}
#wrap {
margin-left: auto; 
margin-right: auto;
min-height:100%;
position:relative;
}
p  { 
padding-bottom:50px;
}
.thumbnail {
width:96px;
text-align:left;
margin: 0 2px 2px 0;
float:left;
padding:2px;
border: 1px #ccc solid;
}
img {
border: none;
}
img.border a {
margin:0
}
img.border a:hover {
border-bottom:3px solid #ff9988;
}
img.pos-top {
padding-top:10px;
}
#codec a.orang {font-size:9pt; color:#d93b1b; text-decoration:underline;}  
h1 {
font: normal 2.4em sans-serif; 
text-align:left; 
padding-bottom:20px;
}
h2 {
font: bold 1.6em Arial,sans-serif;
padding-bottom: 4px;
}
a { 
text-decoration: none;
}
ul {
margin-left: 2em; 
padding-left: 20px;
font-size: 1.2em;
padding-bottom: 1.2em;
}
li {
list-style-type:none;
}
.clearer {
clear: both;
}
body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background: #fff url(img/bg02.jpg) center repeat-y;
font: normal 62.5% "Arial",sans-serif;
}
* html #inner-wrap {
height:1px;
}


#flashcontent {
float:left;
border-top: 1px solid #5B5A5C;
background: #000;
width: 607px;
height: 205px;
}
/* Footer Bereich */
#footer {
position:absolute;
bottom:0;
height:40px;
width:100%;
text-align:center;
}
.right { 
margin-left: 20px;
}
.bottom {
height:40px;
width:866px;
padding: 20px 0 20px 0;
border-top: 1px solid #444;
background: #191919;
margin-left: auto; 
margin-right: auto;
text-align: left;
color: #666;
font-size: 8pt;
}
.bottom ul {
margin-top:-15px;
float:right; 
padding-right:20px; 
}
.bottom li.navbottom01 {
line-height: 1.4em;
font-size: 8pt;
float:left;
list-style-type: none;
}	
.bottom li.navbottom01 a { 
background: #191919 url(img/navi/navi03.gif) left no-repeat;
padding-left:20px;
padding-right: 20px;
color:#888;}
.bottom li.navbottom01 a:hover, .bottom li.navbottom01 a.active { 
background: #191919 url(img/navi/navi03a.gif) left no-repeat;
color:#d93b1b;}
/* header */
#header  .nav {

width:866px;
clear:both;
background: #191919;
text-transform: uppercase;
}
#header .nav a {
background: #191919;
border-right: 1px solid #161616;
color: #acabab;
float: left;
font: 8pt verdana,sans-serif;
line-height: 31px;
padding: 0 40px;
}
#header .nav a:hover, #header .nav a.active{
background: #191919 ;
color:#d93b1b;
}
#header .navactive {
background: #191919;
border-right: 1px solid #161616;
color: #d93b1b;
float: left;
font: 8pt verdana,sans-serif;
line-height: 31px;
padding: 0 40px;
}

#header {
background: #111 url(img/navi/header-bg.gif) repeat-x;
padding-top:50px;
margin-left: auto; 
margin-right: auto;
width: 866px;
border-bottom: 1px solid #242424;
height: 30px;
}
/* Content Bereich */
#content {
margin-left: auto; 
margin-right: auto;
text-align:left;
width:866px;
}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#codec {
font-size: 9pt;  
float:left;
text-align:justify;
width:520px;
padding:40px 20px 40px 30px;
display:block;
margin:0 auto;
}
#codec .pos3er {
text-align:left;
float:left;
width:165px;
margin-right: 6px;
margin-bottom:20px;
}
#codec h3 {

padding: 0 0 20px 0
color:#999;  
font-size: 11pt;  
height: 30px;
}
#codec h4 {
color:#333;  
font-size: 8pt; 
height:20px; 
width:170px; 
padding:5px;
text-transform: uppercase;
}
#codec h4 a {
color:#333;  
}
#codec h4 a:hover {
color:#d93b1b;  
}
#codec a {
font-weight:bold;
text-decoration:underline;
color:#333;  
}
#codec a:hover {
color:#d93b1b;  
}
	
p.border { 
text-align:left;
padding:0; 
margin-right:18px;
float:left; 
width:235px;
}
.headline {
text-align:left;
color:#666; 
font-size: 1.2em; 
padding-bottom:20px; 
font-weight:bold;
}
.border03 {
color:#333; 
padding:0 0 30px 8px; 
margin: 10px 14px 0 0;
float:left; 
width:160px; 
height:35px; 
}
#right {
width: 259px;
float: right;
}
#right .pos ul {
padding-top: 25px;
}	
#right .logo {
border-top: 1px solid #5B5A5C;
border-bottom: 1px solid #5B5A5C;
padding: 27px 0 0 0;
text-align: center;
height: 178px;
width: 259px;	
background: #141215;
float: right;
}
#right .logo p {
font: 7pt verdana,sans-serif;

margin-top:13px;
text-align: justify;
color: #5c5c5c;
padding: 10px 0 0 50px;
}
#container {
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
border-left: #E9E9E9 solid 1px;
width: 866px;						
margin-left: auto;
margin-right: auto;
}
#main .left {
width: 606px; 
background:#fcfbfb;
}
.left {
color: #333; 
font: 8pt Arial,sans-serif;
float: left;
}
#main #right { 
float: left; 
width: 259px;
}
/* navigation */


/* sub-navigation */
.subnav {
padding-top:24px;
color: #d4d4d4;
font-size: 9px;
width: 259px;
float: left;
text-align:left;
border-top-color: #444;	
}
.subnav h1 {
padding-top: 8px;
padding-left: 20px;  
}
.subnav h2  {
color:#ACABAB;
font: normal 1.0em Arial,sans-serif;
text-transform:uppercase;
}
.subnav h2 a {
color:#ACABAB;

}
.subnav ul {
margin:0;
}

.subnav li.nav01, .subnav li.nav02 {
color:#d4d4d4;
border-bottom: 1px solid #4E4D4E;
padding: 5px 0 5px 0;
width: 230px;
}
.subnav li.nav03 a {
font: 9px verdana,sans-serif;
color: #acabab;
line-height: 1.4em;
}
.subnav li.nav03 {
float:left;
color:#d4d4d4;
border-bottom: 1px solid #4E4D4E;
padding: 5px 0 5px 0;
width: 230px;
}		
.subnav li.nav01 a, .subnav li.nav02 a {
padding-left:30px;
text-transform: uppercase;
font: 9px verdana,sans-serif;
color: #fff;
line-height: 1.4em;
text-decoration: none;
}
.subnav li.nav01 a {
background:url("img/navi/navi.gif") no-repeat scroll left 6px #3D3C3D;
display:block;
font-size:1.1em;
}
.subnav li.nav02 a {
color:#ACABAB;
 background: #3D3C3D url(img/navi/navi02M.gif) top left no-repeat;
}
.subnav li.nav01 a:hover, .subnav li.nav01 a.active {
background: #3D3C3D url(img/navi/navi01a.gif) left 6px no-repeat; 
color:#d93b1b;
}
.subnav li.nav02 a:hover, .subnav li.nav02 a.active {
background: #3D3C3D url(img/navi/navi02a.gif) top left no-repeat; 
color:#d93b1b;
}