*{
margin:0px;
padding:0px;
}

html, body {
height: 100%;
}

body{
color:#222222;
font-family:Arial,Helvetica,sans-serif;
}

a{
color:#326EA1;
text-decoration:underline;
}

a[href^="http"]
{
background:transparent url(../img/external.png) no-repeat scroll right center;
padding-right:13px;
}

a:hover{
color:#669933;
text-decoration:none;
}

p{
margin:15px 0 0;
}

h1{
font-size:2em;
margin:30px 0 30px 25px;
padding:0;
color:#C0CEE3;
}

h2{
font-size:1.5em;
margin:25px 0 0;
text-shadow:1px 1px 2px #CCCCCC;
}

h3{
font-size:1.2em;
margin:25px 0 0;
text-shadow:1px 1px 2px #CCCCCC;
}

.bluebox {
background-color:#EFF4F9;
border:1px solid #C0CEE3;
padding:0.3em 0.5em;
}

.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

/*Navigation am oberen Rand */
#head{
background:transparent url(../img/top_bg.gif) repeat-x scroll 0 0;
}

#lang{
height:19px;
margin:0 auto;
padding:4px 4px 0 0;
text-align:right;
width:970px;
}

#logo{
height:60px;
margin:0 auto;
padding:0;
text-align:left;
width:970px;
}

#logo a{
text-decoration:none;
outline-style:none;
}

#logo a img{
border:none;
}

#naviback{
background-color:#EFF4F9;
border-bottom:1px solid #C0CEE3;
}

#topnavi{
margin:0 auto;
padding:5px 0;
text-align:center;
width:970px;
}

#topnavi ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}

#topnavi ul li{
display:inline;
width: 150px;
}

#topnavi a{
padding:5px 15px;
color:#333333;
text-decoration:none;
font-size:1.1em;
font-weight:700;
}



#topnavi a:hover{
text-shadow:1px 1px 2px #CCCCCC;
}

#navi{
margin:0 auto;
padding:5px 0;
text-align:center;
width:970px;
}

#navi ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}

#navi ul li{
display:inline;
width: 150px;
padding:8px;
}

#navi ul li a{
color:#222222;
text-decoration:none;
}

#navi ul li a:hover{
color:#222222;
text-decoration:underline;
}

/*Hauptteil*/
#wrapper{
min-height: 100%;
}

#container{
margin:0 auto;
width:970px;
padding: 20px 0;
overflow:auto;
padding-bottom: 36px;
}

#content{
float:left;
width:720px;
}

#content ul{
padding-left:20px;
}

#content img{
display: block;
margin:15px auto;
}

#content table tbody tr td a img{
display: inline;
margin:0;
}

#sidenavi{
float:right;
width:220px;
background:transparent url(../img/navi_tb.png) repeat-y scroll 0 0;
padding: 90px 0 0 30px;
min-height:350px;
}

#sidenavi ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#sidenavi ul li{
display:block;
border-bottom:1px solid #C0CEE3;
}

#sidenavi ul li a{
border-bottom:0 none;
color:#222222;
display:block;
padding:5px;
text-decoration:none;
}

#sidenavi ul li a:hover{
background-color:#EFF4F9;
color:#669933;
text-decoration:none;
}

.download_button{
display:block;
padding-top: 25px;
padding-bottom: 10px;
}

.download_button a{
display:block;
text-align:center;
background:#A2CE4F url(../img/download.png) repeat-x scroll left top;
border:1px solid #8CD401;
color:#FFFFFF;
font-family:Century Gothic,Apple Gothic,Corbel,Tahoma,sans-serif;
font-weight:700;
margin:0;
padding:5px 12px;
text-decoration:none;
}

.download_button a:hover{
background-color:#73B026;
background-position:0 -50px;
border:1px solid #7CBB01;
text-decoration:none;
}

.darktype{
font-size: 0.8em;
}

.darktype span{
color:#8B8B8B;
padding-left:5px;
}

#footer{
background-color:#EFF4F9;
border-top:1px solid #C0CEE3;
text-align:center;
padding:5px 0;
height:25px;
position: relative;
margin-top: -36px; /* negative value of footer height */
clear:both;
}

/*Showroom*/
#showroom
{
margin: 10px 0px 0px 37px;
}

#showroom div
{
float:left;
margin: 2px;
padding: 4px;
text-align:center;
background: #EFF4F9;
-moz-border-radius: 3px;
}

#showroom div:hover
{
background: #C0CEE3;
}

#showroom div a{
color:#222222;
text-shadow:1px 1px 2px #CCCCCC;
text-decoration:none;
}

#showroom div img
{
border:solid 2px #C0CEE3;
width: 200px;
height: 128px;
-moz-border-radius: 3px;
margin:0;
}

.bluebox {
background-color:#EFF4F9;
border:1px solid #C0CEE3;
padding:0.3em 0.5em;
}

.yellowbox{
background:#FFF9D7 none repeat scroll 0 0;
border:1px solid #C0CEE3;
border-color:#E2C822;
padding:0.3em 0.5em;
}

#iewarnung
{
border-bottom: solid;
border-bottom-width: 2px;
border-bottom-color: gray;
padding: 3px 2px 3px 24px;
background: #FDFFE1 url(../img/error.gif) no-repeat left top;
background-position: 1px; 
font: message-box;
overflow: hidden;
top:0;
left:0;
width:100%;
position:fixed;
text-align: left;
}


/*PlugIns*/
.social div a[href^="http"]
{
padding:0;
background:transparent;
}

#at15pf a[href^="http"]
{
margin-right:10;
background:transparent;
}
