* {margin: 0; padding: 0;}

body {background: #dddddd; margin: 18px 0 20px 0; padding: 0; font: normal 10px/10px Verdana, sans-serif; color: #3c3c3c; text-align: left;}

a {text-decoration: none; border: none; color: #000000;}
a:hover {text-decoration: none; border: none; color: #000000;}

h1 {color: #B3B3B3; font: normal 36px/42px "Trebuchet MS", sans-serif; padding: 0 0 18px 0;}
h2 {color: #E63700; font: normal 18px/26px "Trebuchet MS", sans-serif; padding: 0 0 18px 0;}
h3 {color: #3c3c3c; font: bold 11px/18px Verdana, sans-serif;}
h4 {color: #3c3c3c; font: bold 11px/18px Verdana, sans-serif;}
h5 {color: #e63700; letter-spacing: 0.1em; font: bold 11px/18px Verdana, sans-serif; padding-bottom: 0.5em;}

#marginalien h4 {color: #e63700; letter-spacing: 0.1em; font: bold 10px/14px Verdana, sans-serif; padding-bottom: 0.5em;}

.input {background: #f5f6f6; border: 1px solid #c8c8c8; font: normal 12px/14px Trebuchet MS, sans-serif; color: #3c3c3c; padding: 0 4px 0 4px;}
.rot {color: #E63700;}

#floatleft {float: left;}
#break {float: none; clear: both; width: 1px; height: 1px;}

#wrapper {margin: 0 auto; width: 998px; background: url(/layout/bg.gif) repeat-y center top;}
#wrappertop {margin: 0 auto; width: 980px; padding: 2px 9px 0 9px; background: url(/layout/bg_top.gif) no-repeat center top;}
#footer {margin: 0 auto; padding: 15px 0 0 0; width: 998px; height: 25px; background: url(/layout/bg_bot.gif) no-repeat center top; text-align: center; font: normal 10px/13px Verdana, sans-serif;}
#footer a {color: #3c3c3c;}
#footer a:hover {color: #ff2800;}

/* Header */
#header {width: 980px; height: 105px; background: url(/layout/logo.gif) no-repeat left top; font: normal 12px/14px Trebuchet MS, sans-serif; color: #3c3c3c;}
#headeren {width: 980px; height: 105px; background: url(/layout/logo_en.gif) no-repeat left top; font: normal 12px/14px Trebuchet MS, sans-serif; color: #3c3c3c;}
#search {float: right; margin: 19px 35px 0 0; height: 20px;}

a.navsearch {color: #999; padding: 0 4px 0 0;}
a:hover.navsearch {color: #ff2800;}
a.navsearchactive {color: #3c3c3c; padding: 0 4px 0 0;}
a:hover.navsearchactive {color: #ff2800;}

/* Global Nav */
#globalnav {float: left; margin: 25px 8px 0 220px; height: 40px;}
#globalnaven {float: left; margin: 25px 8px 0 220px; height: 40px;}
#globalnav a {padding: 0 13px 0 13px; color: #3c3c3c;}
#globalnav a:hover {padding: 0 13px 0 13px; color: #ff2800;}
#globalnaven a {padding: 0 19px 0 18px; color: #3c3c3c;}
#globalnaven a:hover {padding: 0 19px 0 18px; color: #ff2800;}

#globalnavstart {float: left; width: 50px; height: 40px; background: url(/layout/nav_line_left.gif) no-repeat left bottom;}
#globalnavend {float: left; width: 70px; height: 40px; background: url(/layout/nav_line_right.gif) no-repeat right bottom;}
#globalnavh {float: left; width: 1px; height: 40px; background: url(/layout/nav_line_hor.gif) no-repeat left bottom;}
#globalnavtopic {float: left; height: 21px; background: url(/layout/nav_line_gra.gif) repeat-x left bottom; padding: 19px 0 0 0;}
#globalnavactive {float: left; height: 21px; padding: 19px 0 0 0; font: bold 12px/14px Trebuchet MS, sans-serif;}

/* Content Area */

#contentarea {width: 980px; padding: 0 0 67px 0; background: url(/layout/technology_by_heidelberg.gif) no-repeat left bottom;}
#contentarea a {color: #E63700;}
#contentarea a:hover {color: #E63700; border-bottom: 1px dotted #fd9969;}

/* Sub Nav */

#subnav {float: left; width: 200px; margin: 65px 0 0 0; font: normal 12px/14px Trebuchet MS, sans-serif;}
#subnav a {color: #3c3c3c;}
#subnav a:hover {color: #E63700;}
#subnav .active {font-weight: bold; color: #E63700;}
#subnavtopic {width: 165px; padding: 12px 0 0 35px; height: 23px; background: url(/layout/sub_line.gif) repeat-y right top;}
#subnavtopicfirst {width: 165px; padding: 27px 0 0 35px; height: 23px; background: url(/layout/sub_line_top.gif) no-repeat right top;}
#subnavtopiclast {width: 200px; height: 50px; background: url(/layout/sub_line_bot.gif) no-repeat right top;}
#subnavhr {width: 200px; height: 1px; background: url(/layout/sub_line_gra.gif) no-repeat right top;}

/* Content */

#content {float: left; margin: 70px 0 0 69px; width: 674px; font: normal 11px/18px Verdana, sans-serif;}

#spalten3 {width: 674px;}
#spalten2 {float: left; width: 441px; margin: 0 25px 0 0 ;}
#spalten1links {float: left; width: 208px; margin: 0 25px 0 0 ;}
#spalten1rechts {float: left; width: 208px;}
#marginalienspalte {float: left; width: 208px;}

#bildklinke {float: left; padding: 0 15px 9px 0; font: normal 10px/16px Verdana, sans-serif; color: #B3B3B3;}
#bildartikel {font: normal 10px/16px Verdana, sans-serif; color: #B3B3B3;}
#bildklinke img, #bildartikel img {padding: 0 0 6px 0; border: none;}
.bildtext {font: normal 10px/16px Verdana, sans-serif; color: #B3B3B3;}

#bildklinke a, #bildartikel a {color: #a3a3a3;}
#bildklinke a:hover, #bildartikel a:hover {color: #E63700; border-bottom: none;}

#hr {width: 441px; height: 37px; background: url(/layout/hr.gif) no-repeat center;}

#content ul {margin-left: 24px; margin-top: 7px; margin-bottom: 7px;}
#content li {list-style-image: url(/layout/bull.gif); padding-bottom: 0.25em; line-height: 1.5em;}

/* Marginalien */

#marginalien {width: 182px; padding: 8px 13px; background: #ECECED url(/layout/marginalien_bg_top.gif) repeat-x center top; font: normal 10px/15px Verdana, sans-serif; color: #000;}
#marginalienbot {width: 208px; height: 8px; margin: 0 0 8px; background: #f5f6f6 url(/layout/marginalien_bg_bot.gif) no-repeat center top;}
#marginalienbild a {text-decoration: none; border: none; color: #000000;}
#marginalienbild a:hover {text-decoration: none; border: none; color: #000000;}
#marginalien img {margin: 3px 0 8px 0;}

/* Kontakt */

#kontaktbild {float: left; width: 131px;}
#kontakttext {float: left;}
#spalte1 {float:left; width: 80px; padding: 0 0 5px 0; font-weight: bold; text-align: left; margin: 0 10px 0 0;}
#spalte1form {float:left; width: 120px; padding: 3px 10px 5px 0; text-align: right; font-weight: bold;}
#spalte2 {float:left; width: 215px; padding: 0 0 5px 0;}
#spalte2form {float:left; padding: 0 0 5px 0;}

.formular {font: normal 11px/13px Verdana, sans-serif; border: 1px solid #c8c8c8; padding: 3px; background: #f5f6f6;}
.formularreq {font: normal 11px/13px Verdana, sans-serif; border: 1px solid #c8c8c8; padding: 3px; background: #f5f6f6;}

/* Reiter */

#reiter {width: 441px;}
#reiter_top {height: 41px; background: #ffffff url(/layout/reiter_top_bg.gif) no-repeat center bottom; color: #e63700; font: normal 10px/12px Verdana, sans-serif;}
#reiter_links {width: 85px; height: 32px; padding: 9px 0 0 14px; background: url(/layout/reiter_left.gif) no-repeat left bottom;}
#reiter_mitte {width: 88px; height: 32px; padding: 9px 0 0 10px; background: url(/layout/reiter.gif) no-repeat left bottom;}
#reiter_rechts {width: 88px; height: 32px; padding: 9px 0 0 10px; background: url(/layout/reiter_right.gif) no-repeat left bottom;}
#reiter_content {margin: 30px 0 0 0; padding: 0 0 14px 0;}

#basic-accordian{width:441px;z-index:2;}
.accordion_headings{background:#ffffff url(/layout/reiter_tab_bg.gif) repeat-x left bottom;; color:#000000; cursor:pointer; font: normal 10px/12px Verdana, sans-serif;}
.accordion_headings:hover{color: #e63700;}
.accordion_child{padding:30px 0 0 0;}
.header_highlight{background:#ffffff; color: #e63700;}
.tab_container *{float:left;}

/* Sprachauswahl und Icons */

#sprachauswahl {margin: 9px 0 0 0;}
#sprachauswahl a {text-decoration: none; border: none; }
#sprachauswahl a:hover {text-decoration: none; border: none; }

.english {text-align: left;}
.english a {padding: 8px 0 12px 32px; text-align: left; background: url(/layout/language_us.gif) no-repeat left top; height: 25px;}
.english a:hover {color: #000000;}

.deutsch {text-align: left;}
.deutsch a {padding: 8px 0 12px 32px; text-align: left; background: url(/layout/language_de.gif) no-repeat left top; height: 25px;}
.deutsch a:hover {color: #000000;}

.downloaddoc {text-align: left;}
.downloaddoc a {padding: 2px 0 0 20px; text-align: left; background: url(/layout/icon_pdf.gif) no-repeat left top; height: 16px;}
.downloaddoc a:hover {color: #000000; border: none;}

.downloadword {text-align: left;}
.downloadword a {padding: 2px 0 0 20px; text-align: left; background: url(/layout/icon_word.gif) no-repeat left top; height: 16px;}
.downloadword a:hover {color: #000000; border: none;}

.downloadstandard {text-align: left;}
.downloadstandard a {padding: 2px 0 0 20px; text-align: left; background: url(/layout/icon_word.gif) no-repeat left top; height: 16px;}
.downloadstandard a:hover {color: #000000; border: none;}

.downloadzip {text-align: left;}
.downloadzip a {padding: 2px 0 0 20px; text-align: left; background: url(/layout/icon_zip.gif) no-repeat left top; height: 16px;}
.downloadzip a:hover {color: #000000; border: none;}

.flashani {text-align: left;}
.flashani a {padding: 12px 0 16px 40px; text-align: left; background: url(/layout/icon_flash.gif) no-repeat left top; height: 40px;}
.flashani a:hover {color: #000000; border-bottom: 0px;}