*{margin:0; padding: 0;}

.pngfix {behavior: url(App_Themes/images/iepngfix.htc);}

html, body
{
  height: 100%;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-size: 12px;
  line-height: 1.5em;
  background-color: #fff;
}

body
{
  color: #000;
}

img {border: none;}

h1 {color: #ec1c24; font-size: 1.5em; font-weight: bold; }
h2 {color: #ec1c24; font-size: 1.2em; font-weight: bold; }
h3 {color: #4f4f51; font-size: 1.1em; font-weight: bold; }

h1 {padding-bottom:20px;}

a{color: #000; text-decoration: none;}
a:hover{text-decoration: underline;}

a.highlight:link, a.highlight:visited 
{
    color: #ec1c24; 
    text-decoration: none;
    width:174px;
    height:100px;
    cursor:pointer;
    position:relative;
}
a.highlight:hover{text-decoration: underline;}

a.highlight2:link, a.highlight2:visited {color: #ec1c24; text-decoration: none;}
a.highlight2:hover{color: #000; text-decoration: none;}

a.footer:link, a.footer:visited {color: #737477; text-decoration:none;}
a.footer:hover {text-decoration: underline;}

/* Highlight Colors */
.hlc_red {color: #ec1c24;}
.hlc_white {color: #fff;}

/* Text Transformations and Styles */
.txt_uc {text-transform: uppercase;}
.txt_b {font-weight: bold;}
.txt_i {font-style: italic;}
.txt_u {text-decoration: underline;}
.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}

/* Floating Definitions */
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}

/* Background Styles */
.noBgImg {background: none;}

div.wrapper
{
  position: relative;
  width: 960px;
  margin: auto;
}

/* Header */
div#header
{
  position: relative;
  width: 100%;
  height: 308px;
  margin-top: 0px;
  margin-left: 0px;
  background: url(images/header_background_image.png) no-repeat;
}

/*Content Add*/
.col250 {width:250px; margin:0 20px;}
.col440 {width:440px;}
.col440 h1 {padding-bottom:10px;}
.col440 p {margin: 10px 0;}
.content_main p.pre, .col440 p.pre {font-weight:bold;}
.col440 p.pre {margin-bottom:3em;}
.col370{width:370px; float:left; margin-left:10px; background:#990000;}

.listView {width:710px; border-bottom:1px dashed #333; margin:5px 10px; padding:5px 0;}
.listView ul, .listView li{margin:0; padding:0;}

.listView li{list-style:none;}
.listView li a {color:#ec1c24}
.listView li.content {width:540px;}
.listView li img {width:150px; margin-right:20px;}

.NoImage {margin:0 20px; width:710px;}

.content_main th, .col440 th 
{
    color:#333; 
    background:url("images/bg_th.png")repeat-x; 
    padding:5px; 
    border:1px solid #eee;
    font-weight:bold;
    font-size:13px;
}
.content_main td, .col440 td {border:1px solid #e1e1e1; padding:10px;}

.tab img {margin: 10px 20px 20px 0}

h4.share 
{
    text-transform: uppercase;
    font-weight: normal;
    color: #5D7225;
    padding-top: 10px;
    }
ul.share
{
    margin:0; padding:0;
    background:url(images/shadowAfterContent.png) no-repeat center top;
    overflow:hidden;
    padding-top: 10px;
}
 
ul.share li {float:left; list-style:none; margin-right:5px;}

ul.share li a
{
    display:block;
    width:32px;
    height:32px;
    margin:3px 0 3px 0
}

ul.share li a.rss { background:url(images/icon/s_rss.png) no-repeat; }
ul.share li a.rss:hover { background:url(images/icon/s_rss2.png) no-repeat; }   

ul.share li a.fb { background:url(images/icon/facebook-32x32.png) no-repeat; }


ul.share li a.mys{ background:url(images/icon/s_myspace.png) no-repeat; }
ul.share li a.mys:hover { background:url(images/icon/s_myspace2.png) no-repeat; }

ul.share li a.goog { background:url(images/icon/google-32x32.png) no-repeat; }

ul.share li a.twitt { background:url(images/icon/twitter-32x32.png) no-repeat; }


ul.share li a.techno { background:url(images/icon/s_techno.png) no-repeat; }
ul.share li a.techno:hover  { background:url(images/icon/s_techno2.png) no-repeat; }

ul.share li a.del { background:url(images/icon/s_del.png) no-repeat; }
ul.share li a.del:hover  { background:url(images/icon/s_del2.png) no-repeat; }

ul.share li a.digg { background:url(images/icon/s_digg.png) no-repeat; }
ul.share li a.digg:hover  { background:url(images/icon/s_digg2.png) no-repeat; }

ul.share li a.wong { background:url(images/icon/s_wong.png) no-repeat; }
ul.share li a.wong:hover  { background:url(images/icon/s_wong2.png) no-repeat; }

ul.share li a.mail { background:url(images/icon/email.png) no-repeat; width:83px }

a.mail { background:url(images/icon/email.png) no-repeat center center;
         width:187px;
          text-indent:-999em;
           float:left; 
           display:block;
            height:32px;
            margin:3px 0 3px 0
         
          }

.headlineBG
{
    background:url(images/center_headline.png) no-repeat top center;
    width:546px;
    height:92px;
    
    }

a.videoLink{width:505px; height:260px; position:absolute; z-index:999;}
a.videoLink:hover{text-decoration:none;}

/*FORM MAIL OVERLAY*/
/* the overlayed element */ 
.simple_overlay { 
     
    display:none; 
    z-index:10000; 
    background-color:#fff; 
    border:1px solid #666; 
   padding:30px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
        
} 
#mies1{width:200px; min-height:260px;}
#mies2{width:300px; min-height:100px;}
 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/*HACKS*/
* html .col440 {width:409px;}
* html .col250 {margin:0 10px;}

.col440  #player {display:block; width:440px;height:248px; margin-top:20px; position:relative; z-index:1px;}

/*Content Add End*/

div.logo_wko
{
  position: absolute;
  top: 30px;
  left: 768px;
  width: 176px;
  height: 56px;
}

div.header_hand_bottom_part
{
  position: relative;
	margin-top: 0px;
	margin-left: 73px;
	width: 81px;
	height: 26px;
}

div.left_bar
{
  width: 751px;
  min-height: 422px;
  /* for IE6: */
  height: auto !important;
  height: 422px;
  
  background-image: url(images/background_gradient_03.png);
  background-repeat: repeat-x;
  background-color: #f8f8f9;
  text-align: left;
}

div.side_bar
{
  width: 192px;
  min-height: 422px;
  /* for IE6: */
  height: auto !important;
  height: 422px;
  
  background-image: url(images/background_gradient_03.png);
  background-repeat: repeat-x;
  background-color: #f8f8f9;
}

div.navigation
{
  width: 100%;
  height: 53px;
}

ul.nav
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.nav
{
  display: inline-block;
  padding: 0;
  margin: 0;
}

div.content
{
  width: 100%;
  margin-bottom:20px;
}


/*SCROLLABLE*/
div.scrollable { 

    position:relative; 
    overflow:hidden; 
    height: 404px; 
    width: 164px;
    padding: 0px 15px 0px 15px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
    height:20000em; 
}
div.actions{
	text-align:center;
}
div.actions small{
	display:inline-block;
	line-height:10px;
	color:#666;
	margin-bottom:6px;
}
div.actions a, div.actions small{ vertical-align:middle;}
.actions hr
{
    border:0; 
    margin:0; 
    padding:0; 
    border-bottom:1px solid #c8caca; 
    width:170px; 
    margin:2px 0 2px 2px;
}

div.actionsTop{background:url(images/scroll_top_spacer.png) no-repeat center top}

div.actions{width:160px; padding: 5px 17px 0px 14px; color:#c7c8c9;}

div.actions a {cursor:pointer;}

div.highlight_item
{
  height:100px;
  width:174px;
  background:url(images/bg_out.png) no-repeat left top;
  margin-bottom:2px;
  cursor:pointer;

}
div.highlight_item:hover, 
div.highlight_item.current {background:url(images/bg_over.png) no-repeat left top;}

div.innerItem{padding: 10px 8px; color:#222; line-height:15px;}
div.innerItem h2{ margin-bottom:4px;}

div.content_main, div.content_main2
{
  width: 505px;
  min-height: 364px;
  /* for IE6: */
  height: auto !important;
  height: 364px;
  
  background: #fcfcfc url(images/background_gradient_04.png) repeat-x ;
  padding: 20px;
}
div.content_main h2{
	display:block;
	width:435px;
	height:55px;
	padding:12px 100px 51px 25px;
	line-height:25px;
	vertical-align:center;
	margin:-10px 0 5px -25px;
	text-transform:uppercase;
	font-size:23px;
	background:url(images/headline_bg.png) no-repeat top left;
	}
	div.content_main h2 span{ display:table-cell; vertical-align:middle; height:55px; width:435px;}
	
div.content_main p {margin:10px 0;}

/*div.tab{ padding-bottom:28px; background:url(images/shadowAfterContent.png) no-repeat bottom center;} */

div.footer
{
  width: 943px;
	min-height: 200px;
  /* for IE6: */
  height: auto !important;
  height: 200px;
  
  background-color: #dbdcdd;
  
}

div.footer_box
{
  width: 211px;
  min-height: 166px;
  /* for IE6: */
  height: auto !important;
  height: 166px;
  
  color: #737477;
  background-image: url(images/footer_separator.png);
  background-position: right 10px;
  background-repeat: no-repeat;
  padding: 12px;
}

ul.footer_nav
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li.footer_nav
{
  margin-left: 9px;
}

div.main
{
  width: 943px;
  background-image: url(images/background_gradient_03.png);
  background-repeat: repeat-x;
  background-color: #f8f8f9;
}

div#top
{
  min-height: 701px;
  /* for IE6: */
  height:auto !important;
  height: 701px;
  
  background-image: url(images/background_gradient_01.png);
  background-position: 0px 233px;
  background-repeat: repeat-x;
}

div#bottom
{
  position: relative;
  width: 100%;
  height: 247px;
  margin-top: 0px;
  margin-left: 0px;
  background-image: url(images/background_gradient_02.png);
  background-repeat: repeat-x;
  background-color: #fefefe;
}

/* Calculator */
div.calculator
{
   width: 175px;
	/*height: 347px;
	background-image: url(images/calculator_blank.png);
	background-repeat: no-repeat;
	padding: 11px 7px 14px 10px;
	font-size: 0.8em;
	line-height: 0.8em;*/
}



/*RECHNER STYLE*/
#showCalcType h3, .calculator button{
	display:block;
	width:167px;
	height:34px; line-height:30px;
	font-size:16px;
	text-align:center;
	color:#fff;
	margin:0 auto 5px; 
	padding:0; 
	cursor:pointer;
	background:url(images/berechnen.png) no-repeat top left;
	border:none !important;
	}
.calculator button{
	background:url(images/selectCalc.png) no-repeat top left; color:#e50d10;
	 margin:5px 0px 5px 2px; font-weight:bold;}
#showCalcType h3:hover, .calculator button:hover{ background-position:0 -34px;}
	
	
ul.tabs {
	background:#a41719;
	padding:10px 0;
	margin-bottom:10px;}
ul.tabs li
{
    list-style:none;
    font-size:12px; 
    padding:2px 5px; 
    width:170px; 
    margin:0; 
    
}
ul.tabs li a{color:#fff; padding:0; margin:0;}

.panels h3{
	margin:0 0 5px;
	border-bottom:1px dotted #fff;
}


.panels h3{font-size:13px; font-weight:bold; color:#fff;}
.panels .result{font-size:12px; color:#000;}
.panels label{font-size:10px; line-height:14px; color:#000;}
.panels p{font-size:8px; color:#000;}

.panels small{ display:none;}

.panels .label {font-size:10px; line-height:13px; font-style:italic; font-weight:bold; color:#000;}
.panels .label strong{ 
	display:block;
	font-size:16px; 
	line-height:18px;
	font-family:Georgia, serif; 
	text-align:center; 
	font-weight:bold;
	font-style:normal;
	margin:5px 0 3px;
	color:#fff;
	border-bottom:1px dotted #eee;
}

.panels input{
	width:112px;
	margin:3px 0 0 5px;
	display:block;
	color:#444;
	text-align:right;
	padding:4px 30px 5px 10px;
	border:3px solid #a01200;
	background:#fff url(images/money_euro.png) no-repeat 95% 5px;
}
.panels input.radio{ margin:0; padding:0; display:inline; width:20px;}

.panels .value{font-size:18px; line-height:20px; font-weight:bold; color:#fff; display:block; text-align:right; padding:0 10px 0 0;
	margin-bottom:3px;
}
.panels .value.y09{ font-size:14px;}

#calc_top{background:url(images/calc_top.png) no-repeat; width:193px; height:72px; }
#calc_center
{
    background:url(images/calc_center.png) center top repeat-y; 
    width:193px;
}
#calc_ban{padding:5px 0 0 10px;}
#calc_center #Inner{padding:0 10px;}
#calc_bottom
{
    background:url(images/calc_bot.png) no-repeat bottom left; 
    width:193px;  
    height:70px;  
 }

a#information 
{
    display:block;
    width:60px;
    height:60px;
    margin:10px 0 3px 65px;
    /*<IE8 HACK*/
    
    background:url(images/information.png) no-repeat;
}

span.red{
	display:block;
	padding:10px;
	font-size:10px;
	line-height:14px;
	background:#fff;
	color:#e50d10;
}



/*button
{
    margin-top:5px; 
    background:url(images/button_result.png) no-repeat; 
    width:28px; 
    height:26px; 
    border:0; 
    text-indent:-9999px;
 }*/
   
 /*Impressum Kontakt */
 #impressum{font-size:10px; margin-bottom: 30px;}
 #impressum a{color:#737477;}
 #impressum ul {margin:0; padding:0; float:right;}
 #impressum ul li{float:left; list-style:none; margin-right:20px;}
 
 /*Startseiten Movie Scrollbar*/
 div.scrollable2{ 
    position:relative; 
    overflow:hidden; 
    width: 440px; 
    height:110px; 
    margin:20px 12px 0 12px;
} 


#scrollShow{padding-left:20px;}
div.scrollable2 div.items { 
    width:20000em; 
    position:absolute;
}    

div.scrollable2 div.items div.thumb
{
    width:100px;
    height:56px;
    overflow:hidden;
    margin-right:10px;
    border:1px solid #ccc;

    }

div.scrollable2 div.items div { 
    float:left; 
} 
.prevHori, .nextHori
{
    display:block;
    width:20px;
    height:20px;
    text-indent:-9999px;
}
.prevHori
{
    background:url(images/last.png) no-repeat;
    position:absolute;
    z-index:999;
    margin-top:20px;
}

.nextHori
{
    background:url(images/next.png) no-repeat;
    position:absolute;
    z-index:999;
    margin:20px 0 0 445px;
}

a.servicehandbuch
{
    display:block;
    width:505px;
    height:250px;
    position:absolute;
    z-index:99999;  
    background:url(images/blank.png);
    
}