/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, form, fieldset, blockquote, h1, h2, h3, h4, h5 {border:0px none;}
body {text-align:center;font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3; font-size:0.8em; font-family:arial, serif; padding-left:0; padding-right:0; padding-top:40px; padding-bottom:40px; background:#FFF; color:#000; }

a {text-decoration:none; color: #0F2C51;}

p {margin:15px 0;}
html>body p {margin:15px 0;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.imgexpose {margin: 15px 10px 0px 0px;}

.noscreen {display:none;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}
    
/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin: -30px auto; text-align:left;}
    
	#header {position:relative;}

        #logo {margin: 0; font-weight:normal; color:#fff;}
        
        #slogan {float: left; margin:0; color:#fff; padding-bottom:15px; font-stretch:wider;}
        #ldetails {width: 295px; float: left; margin:0; color:#2E2F37; margin-left: -328px; font-weight: bold; padding: 19px 0px 7px 0px; text-align: center; background:url('/media/images/arrow-down.gif') repeat-x 0 100%;}		
		#gfx {border-left: 2px solid #9C9DA2; border-right: 2px solid #9C9DA2;}
        
        #search {position:absolute; bottom:15px; right:0; padding:7px; background-color:#A6BBD6;}
        #search-input {padding:3px; border:1px solid #AFAFAF;}
        #search-submit {padding:1px; font:normal 85%; border:1px solid #000; background-color:#000; color:#FFF;}
		#search-submit-outline {background-color: #fff; padding: 1px; border: 1px solid #000;}
        html>body #search-ratio {margin: 8px 0px 0px 10px;}


    #nav {clear:both; z-index:1; height: 34px; background-color: #CBDBEB; border-top:1px solid #000; border-bottom:1px solid #000; width: 960px;}
    
        #nav ul {margin:0px; padding:0px; list-style:none; font:100%/1.4 "arial",sans-serif;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:7px 11px 7px 11px; }
        html>body #nav ul li a {display:block; float:left; padding:7px 12px 7px 10px; }

        #nav ul li#nav-active a{background: #CBDBEB; color:#000; font-weight:bold; margin-right: 1px; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff;}
        #nav ul li#nav-active a:hover {background: #000; color:#fff; border:0px none; font-weight:bold; margin-right: 1px; padding:7px 12px 9px 11px;}
        html>body #nav ul li#nav-active a:hover {background: #000; color:#fff; border:0px none; font-weight:bold; margin-right: 1px; padding:7px 13px 9px 10px;}

		
		#sub-menu {z-index:1; background-color: #000; color: #fff; margin: -3px -2px 0px 0px; }
		html>body #sub-menu {z-index:1; background-color: #000; color: #fff; margin: -1px -2px 0px 0px; }
		#sub-menu ul {list-style:none; padding: 3px 0px 26px 5px; margin: 0px;}
		#sub-menu ul li {float: left; padding: 0px 10px 0px 10px;  background:url('../design/dot-03.gif') repeat-y 100% 0;}
		#sub-menu ul li a {color: #fff; line-height: 20px;}
		#sub-menu ul li a:hover {border-bottom:1px solid #DFDFDF;}

	#nav ul li#nav-active .menu_current a {background: #000 !important; color: #fff !important; border:0px none !important; margin-right: 1px !important; padding:7px 14px 9px 13px !important;}

	#content {position:relative; padding:20px 0px 0px 0px;}

	#footer {clear:both; font-size:95%; margin: 0px auto; width: 960px; color:#5F5F5F; border-top:1px solid #DFDFDF; padding-top:2px;}
	#footer a {color:#5F5F5F;}
	#footer a:hover {color:#000;}
	#footer-middle a {float: left; margin-left:65px; margin-right:10px; color:#AA2212; font-weight:bold;}
	#footer-middle a:hover {float: left; margin-left:65px; margin-right:10px; color:#DA2E1A; font-weight:bold;}

.f-left {float:left !important;}
.f-right {float:right !important;}

/* ----------------------------------------------------------------------------------------------------------
4) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {float:left; width:630px;}

    #topstory-title {padding: 5px 0px 5px 15px; background:#CBDBEB;}
    #topstory-title h2 {margin:0; margin-bottom:2px;}
	#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#000;}
    
    #topstory-perex {display:block; padding:0px; font-size:90%; background:#000; color:#AFAFAF;}
    #topstory-perex p {margin:0;}
	#topstory-title p.date {margin:0; font-size:85%; color:#000;}
	#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
	#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#000;}

	#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#000;}
	#topstory-perex a:hover {border-bottom:1px solid #000; color:#000;}


#aside1 {float:right; width:290px; padding: 5px 10px 10px 10px; background: #CBDBEB;}

#aside {float:right; width:310px;}
#aside ol {margin: 0px 0px 0px 23px;}
#aside ul {margin: 0px 0px 0px 23px;}
#aside a {color: #000; background: url('/media/images/link.gif') no-repeat; padding-left: 12px; text-decoration: underline;}
#aside a img {padding: 0px; margin-left: -12px; text-decoration: underline;}


#start_aside {float:right; width:310px;}
#start_aside a {color: #000; background: url('/media/images/start_link.gif') no-repeat; padding-left: 12px; text-decoration: underline;}

#fside {float:right; width:310px;}


#photos {margin:0; font-size:0; line-height:0; padding-bottom: 22px;}
#photos a {border:0px none;}
#photos img {display:block; float:left; margin-left:12px; border:0px none;}

/* ----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

ul.ul-list {margin:15px 0; padding:0; list-style:none;}
ul.ul-list li {margin-bottom:6px; padding-left:20px; background:url('../design/ico-list.gif') no-repeat 0 4px; margin-left:0; margin-right:0; margin-top:0; padding-right:0; padding-top:0; padding-bottom:0}

.hx-style01 {clear:both; background:url('../design/dot.gif') repeat-x 0 50%; font-size:100%; margin-top: -2px;}
.hx-style01 span {background:#FFF; color:#000; margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}

a.ico-more {background:#F5F5F5; color:#5F5F5F; border:0px none !important;; padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:5px}

a:hover.ico-more {background:#7F7F7F; color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
WSLIDE
---------------------------------------------------------------------------------------------------------- */

#parent3 li {
	background: #000000;
	padding: 5px;
	color: #ffffff;
}
#menu3 a.wactive {
	padding: 0px 2px;
	background-color: #bbbbbb;
	color: #eeeeee;
}
#parent3 a {
	border: none;
}

#parent3 img {
	padding: 3px;
	border: 1px solid #ddd;
	background: #000;
}
/* ----------------------------------------------------------------------------------------------------------
Tooltip
---------------------------------------------------------------------------------------------------------- */
*:first-child+html .tooltip {   /* ----------Tooltip für IE7---------- */
	width: 354px;	
	font-family:arial;
	font-size: 12px;
	position: absolute;  
	margin-top: -250px;
	margin-left: 0px; 
	display: none;   
}   

html>body .tooltip {   /* ----------Tooltip für FF, Netscape---------- */
	width: 354px;
	font-family:arial;
	font-size: 12px;
	position: absolute;  
	margin-top: -420px;
	margin-left: -140px; 
	display: none;   
}   
  
html>body .tooltip .head {   
    background:#949494;
    font-weight:bold;
	font-size: 110%;
    padding: 3px 10px 3px 10px;
	text-align: left;
	color: #fff;
} 
  
html>body .tooltip .content {   
    background:#FFFFFF;
    border-left:2px solid #949494;
    border-right:2px solid #949494;
    border-bottom:2px solid #949494;
	text-align: left; 
}

/* ----------------------------------------------------------------------------------------------------------
Tooltip 2
---------------------------------------------------------------------------------------------------------- */
*:first-child+html .tooltip2 {   /* ----------Tooltip für IE7---------- */
	width: 255px;	
	font-family:arial;
	font-size: 12px;
	position: absolute;  
	margin-top: -10px;
	margin-left: 10px; 
	display: none;   
}   

html>body .tooltip2 {   /* ----------Tooltip für FF, Netscape---------- */
	width: 255px;
	font-family:arial;
	font-size: 12px;
	position: absolute;  
	margin-top: -220px;
	margin-left: -150px; 
	display: none;   
}   
  
  
.tooltip2 {   /* ----------Tooltip für IE6---------- */
	width: 255px;	
	font-family:arial;
	font-size: 12px;
	position: absolute;  
	margin-top: -10px;
	margin-left: 10px; 
	display: none;   
}  
.tooltip2 .head2 {   
    background:#949494;
    font-weight:bold;
	font-size: 110%;
    padding: 3px 10px 3px 10px;
	text-align: left;
	color: #fff;
} 
  
.tooltip2 .content2 {   
    background:#FFFFFF;
    border-left:2px solid #949494;
    border-right:2px solid #949494;
    border-bottom:2px solid #949494;
	text-align: left; 
	padding: 5px 5px 5px 10px;
}


.tooltip-extr {
	background-color: #CBDBEB;
	color: #000;
	font-size: 100%;
	padding: 2px 0px 2px 15px;
	margin: -3px 0px 0px 0px;
	width: 615px;
}

#loading {
	padding: 2px 0px 2px 0px;
	margin: -6px 0px 0px 0px;
}

html>body #loading {
	padding: 2px 0px 2px 0px;
	margin: -3px 0px 0px 0px;
}

*:first-child+html #loading { 
	padding: 2px 0px 2px 0px;
	margin: -6px 0px 0px 0px;
}
/* ----------------------------------------------------------------------------------------------------------
Panorama Startseite
---------------------------------------------------------------------------------------------------------- */

#window {
position: relative;
float: left;
width: 626px;
height: 400px;
overflow: hidden;
border-right: solid 2px #CBDBEB;
border-bottom: solid 2px #CBDBEB;
border-left: solid 2px #CBDBEB;
cursor: move;
}

#controls a {color: #000; background: url('/media/images/link.gif') no-repeat; padding-left: 12px; text-decoration: underline;}

.leitdetails {
border-right: 1px solid #CBDBEB; 
border-bottom: 1px solid #CBDBEB; 
border-left: 1px solid #CBDBEB; 
padding: 5px 10px 5px 10px;
}

.leitdetails li {
margin-left: 25px;
padding-bottom:10px;
}

#highlight {
background-color: #E4FFE7;
}

#highlight2 {
background-color: #FFEEE4;
}

.intro {
background:url('/media/images/start-intro2.jpg') no-repeat 0px 0px;
padding: 10px;
color: #000; 
border: 1px solid #DEDEDE;
}

.intro h1 {
margin-bottom: 0px;
letter-spacing: 0.26em;
text-decoration: underline;
color: #000; 
font-size: 130%; 
font-weight: bold; 
}

html>body .intro h1 {
margin-top: 2px;
margin-bottom: 3px;
letter-spacing: 0.20em;
text-decoration: underline;
color: #000; 
font-size: 130%; 
font-weight: bold; 
}

*:first-child+html .columns-big {
width: 310px;
float: left;
height: 505px;
}

.columns-big {
width: 310px;
height: 445px;
float: left;
}

html>body .columns-big {
width: 310px;
height: 477px;
float: left;
}

.columns-big ul {margin: -15px 0px 0px 23px;}

.columns-2big ul {margin: 0px 0px 0px 23px;}

html>body .columns-big li {
margin: 0px;
padding-left: 10px;
}
.columns-small {
width: 15px;
float: left;
}
#pdf {
text-align: left;
margin-top: -18px;
width: 630px;
}
#pdf ul {
margin: 0px;
}
#pdf li {
background:url('/media/images/pdf-li.gif') no-repeat 0px 0px;
line-height: 18px;
margin-left: 20px;
padding-left: 13px;
list-style:none;
}
#pdf img {margin: 2px 0px -2px 2px;}

#expose-bestellen {
float: right; 
margin: 20px 30px -20px 0px;
padding: 0px;
}

html>body #expose-bestellen {
float: right; 
margin: 20px 30px -20px 0px;
padding: 0px;
}

#hersteller {
	font-size: 85%; 
	padding: 5px; 
	border-top: 1px dashed #9f9f9f;
}

#hersteller a {
	padding: 0px 14px 0px 0px;
	background: url('/media/images/link-ext.gif') no-repeat center right;
}

#hersteller-main {
	font-size: 100%; 
	padding: 5px; 
}

#hersteller-main a {
	padding: 0px 14px 0px 0px;
	background: url('/media/images/link-ext.gif') no-repeat center right;
}

#main-link a {background: url('/media/images/link.gif') no-repeat; padding-left: 12px;}
#news-link a {background: url('/media/images/link.gif') no-repeat; padding-left: 12px;}

*:first-child+html .workshop {
	margin-top: 18px;
}

html>body .workshop {
	margin-top: -7px;
	margin-bottom: 15px;
}

#ext-link a {
	padding: 0px 14px 0px 0px;
	background: url('/media/images/link-ext.gif') no-repeat center right;
}

.herstellerlogos a {
	float: left;
	margin: 0px 28px 7px 28px;
}