* { font-family: Verdana, Helvetica, Arial, sans; }
body {background: white; color: #524B53; font-size: 11px;}
img {border: 0}

a {color: #646464; text-decoration: none}

.greyed {color: #848484}

#page_wrapper {float: left; position: absolute; left: 50%; margin-left: -496px; margin-bottom: 60px; width: 993px; background-image: url(images/bg_end.png); background-repeat: no-repeat; background-position: center bottom; padding: 0 0 19px 0;}

#page {float: left; width: 982px; background-image: url(images/bg.png); background-repeat: no-repeat; background-position: center top; padding: 6px 6px 0 6px; margin: 0}

#header, #menu, #footer {float: left; width: 960px; padding: 10px 10px 40px 10px}
#content {float: left; width: 912px; padding: 0 24px 0 24px}

a#logo {float: left; margin: 40px 0 0 30px}
a#claim {float: right; margin: 40px 30px 0 0}


ul.menu {padding: 0; margin: 0}
ul.menu li {float: left; display: inline; margin: 0; padding: 0; }

ul#mainmenu {float: left; clear: left; height: 27px; background-image: url(images/menu_bg.png); background-repeat: repeat-x;  padding: 0 0 0 0}
ul#rightmenu {float: right; clear: right; height: 27px; background-image: url(images/menu_rechner_bg.png); background-repeat: no-repeat;  padding: 0 0 0 8px}
ul#submenu {float: left; clear: both; width: 936px; height: 24px; background-image: url(images/submenu_bg.png); background-repeat: repeat-x; padding: 0 12px 0 12px}

ul#mainmenu li {line-height: 27px;  padding: 0 12px;}
ul#mainmenu li a {float: left; height: 27px; text-transform: uppercase; font-size: 11px; color: #524B53;}
ul#mainmenu li a:hover {color: #9A4E9E}
ul#mainmenu li.active {background-image: url(images/menu_bgend_active.png); background-repeat: no-repeat; background-position: right; padding: 0 7px 0 0}
ul#mainmenu li.active a {background-image: url(images/menu_bg_active.png); background-repeat: no-repeat; background-position: left; padding: 0 5px 0 12px;}
ul#mainmenu li.end {width: 7px; background-image: url(images/menu_bgend.png); background-repeat: no-repeat; padding: 0}
ul#mainmenu li.end a {background-image: url(images/menu_end_bgend.png); background-repeat: no-repeat; background-position: right; padding: 0 12px 0 12px;}
ul#mainmenu li.activeend {background-image: url(images/menu_end_bgend_active.png); background-repeat: no-repeat; background-position: right; padding: 0 7px 0 0}
ul#mainmenu li.activeend a {background-image: url(images/menu_bg_active.png); background-repeat: no-repeat; background-position: left; padding: 0 5px 0 12px;}
ul#mainmenu li.first {line-height: 27px;  padding: 0 12px 0 24px;}
ul#mainmenu li.first a {float: left; height: 27px; text-transform: uppercase; font-size: 11px; color: #524B53;}
ul#mainmenu li.activefirst {background-image: url(images/menu_bgend_active.png); background-repeat: no-repeat; background-position: right; line-height: 27px;  padding: 0 12px 0 24px;}
ul#mainmenu li.activefirst a {float: left; height: 27px; text-transform: uppercase; font-size: 11px; color: #524B53;}

ul#rightmenu li {line-height: 27px;  padding: 0 0 0 12px;}
ul#rightmenu li a { color: #FFFFFF; text-transform: uppercase}

ul#submenu li {line-height: 24px;  padding: 0 12px;}
ul#submenu li a { color: #524B53}
ul#submenu li.active a {color: #9A4E9E}
ul#submenu li a:hover {color: #ffffff}

ul#bottommenu {float: left; height: 27px; padding: 0 28px;}
ul#bottommenu li {line-height: 27px; padding: 0 12px; font-size: 9px; letter-spacing: 0.1em}
ul#bottommenu li.active a {color: #9A4E9E}


ul#languagemenu {float: right; height: 27px; padding: 0 28px;}
ul#languagemenu li {line-height: 27px; padding: 0 12px; font-size: 9px; letter-spacing: 0.1em}
ul#languagemenu li.active a {color: #9A4E9E}

ul#leftmenu {width: 195px; margin: 0; padding: 0; text-align: left}
ul#leftmenu li {list-style: url(images/leftmenu_bullet.png); list-style-position: inside; background: #E6E7E8; margin: 0 0 2px 0; padding: 0 0 0 7px; height: 18px; line-height: 18px; font-size: 9px; color: #ADAFB2}
ul#leftmenu li a {color: #ADAFB2}
ul#leftmenu li.active {list-style: url(images/leftmenu_bullet_active.png); list-style-position: inside;}
ul#leftmenu li.active a {color: #9A4E9E}
ul#leftmenu li.header {list-style: url(images/leftmenu_bullet_header.png); list-style-position: inside; background: #ffffff; border: 1px solid #E6E7E8;}
ul#leftmenu li.header h4 {display: inline; color: #9A4E9E; font-size: 9px; font-weight: normal; line-height: 18px; margin: 0; padding: 0}

div#rechner {float: left; clear: both; width: 960px}
div#rechner_content {float: left; clear: both; width: 912px; background: #A19CA5; min-height: 180px; padding: 24px; color: #FFFFFF}

div#capman {float: left; clear: both; width: 960px}
div#capman_content {float: left; clear: both; width: 912px; background: #9A4E9E; min-height: 300px; padding: 24px; font-size: 40px; color: #FFFFFF}

div#left {float: left; clear: left; width: 210px; margin-right: 24px; text-align: center}

div#right {float: left; width: 678px;}
div#right h1 {float: left; clear: both; width: 440px; font-size: 24px; font-weight: bold; color: #9A4E9E; margin: 0; line-height: 25px; padding: 0 0 15px 0} 
div#right p.short {float: left; width: 440px; font-size: 14px; font-weight: normal; line-height: 21px; padding: 0; margin: 0}
div#right p {float: left; display: block; width: 315px; margin: 0 0 21px 0; padding: 0;}
div#right div.text {float: left; display: block; width: 315px; font-size: 12px; font-weight: normal; line-height: 16px; padding: 0; margin: 0 24px 24px 0; }
div#right div.text img {float: left; display: block; margin-bottom: 24px}
div#right div.text a.download {float: left; clear: left;}
div#right div.text a.download span {float: left; clear: both;}
div#right div.text ul {float: left; display: block; margin: 0 0 24px 0; padding: 0 0 0 18px}
div#right div.text p {float: left; display: block; margin: 0; padding: 0 0 24px 0}
div#right p strong {text-transform: uppercase; color: #9A4E9E}


ul.teasermenu {float: left; clear: both; margin: 0; padding:0; width: 678px}
ul.teasermenu li {float: left; width: 315px; margin: 24px 24px 0 0; padding: 0; list-style: none; font-size: 10px; line-height: 15px}
ul.teasermenu img.teaserimage {float: left; margin-right: 14px; width: 105px}
ul.teasermenu h2 {font-size: 11px; font-weight: bold; text-transform: uppercase; color: #9A4E9E; padding: 0; margin: 0}
ul.teasermenu div.teasertext {float: right; width: 195px}

a.back {float: left; clear: both; margin-top: 20px}

div#homeContainer {float: left; width: 970px; height: 240px; overflow: hidden;}
div#home {float: left; width: 960px; padding: 0 10px 0 10px}

div#home_molds, div#home_ktw, div#home_products {display: table-cell;}
div#home_molds a, div#home_products a {float: left; display: block; width: 240px; height: 240px; background: rgba(255,255,255,0.5)}
div#home_ktw a{float: left; display: block; width: 480px; height: 240px; background: rgba(255,255,255,0)}
div#home_molds {background-image: url(images/home_molds.jpg); background-position-x: center}
div#home_ktw {background-image: url(images/home_ktw.jpg); background-position-x: center}
div#home_products {background-image: url(images/home_products.jpg); background-position-x: center}

div#home_molds_claim, div#home_ktw_claim, div#home_products_claim {position: absolute; z-index: 100; top: 50px; left: 400px}

#page_home {float: left; width: 982px; background-image: url(images/bg.png); background-repeat: no-repeat; background-position: center top; padding: 6px 6px 0 6px; margin: 0}
#footer_home {float: left; width: 960px; padding: 0 10px 0 10px; height: 0;}
#header_home {float: left; width: 960px; padding: 0 10px 0 10px; }
a#logo_home {float: left; margin: 10px 0 0 0px}
#page_wrapper_home {float: left; position: absolute; left: 50%; margin-left: -496px; margin-bottom: 60px; width: 993px; background-image: url(images/bg_end.png); background-repeat: no-repeat; background-position: center bottom; padding: 0 0 19px 0;}

ul.gallery {float: left; width: 678px; padding: 20px 0 0 0; margin: 0;}
ul.gallery li {float: left; display: inline; padding-right: 20px;}


div#mapVertretungen {float: left; width: 678px; height: 400px }

ul#vertretungen {float: left; clear: both; margin: 0; padding:0; width: 678px}
ul#vertretungen li {float: left; width: 315px; margin: 24px 24px 0 0; padding: 0; list-style: none; font-size: 10px; line-height: 15px;}
ul#vertretungen h2 {font-size: 11px; font-weight: bold; text-transform: uppercase; color: #9A4E9E; padding: 0; margin: 0}

div#vertretungenLaenderWrapper {float: left; clear: both; width: 678px}
ul#vertretungenLaender {float: left; margin: 0 0 30px 0; padding:0; width: 169px}
ul#vertretungenLaender li {float: left; width: 168px; margin: 0 1px 0 0; padding: 0; list-style: none; font-size: 10px; line-height: 15px;}
ul#vertretungenLaender h2 {font-size: 11px; font-weight: bold; text-transform: uppercase; color: #9A4E9E; padding: 0; margin: 0}


div#verschlussdownload hr {border: 0; background: #9A4E9E; height: 1px}

div#verschlussdownload input.pin {width: 80px; border: 1px solid #ADAFB2; height: 15px;}
div#verschlussdownload input.button {width: 80px;}


ul#rechnerMenu {float: left; clear: both; padding: 0; color: white; text-transform: uppercase; font-size: 12px}
ul#rechnerMenu li {float: left; display: inline; list-style: none; padding: 0 6px 0 0; margin: 0}
ul#rechnerMenu li a.active, ul#rechnerMenu li a:hover, ul#rechnerMenu li a:active {color: #9A4E9E}
ul#rechnerMenu li a {color: white}
ul#rechner h1, ul#rechner h2 {float: left;}
div#rechner h1 { font-size: 24px; margin: 0}
div#rechner h2 { font-size: 12px; margin: 0}

div.rechnerContent {float: left; clear: both;}
div.rechnerContent table th {font-size: 24px; width: 900px}
div.rechnerContent table td {text-align: center}
div.rechnerContent table td {font-size: 24px; }
div.rechnerContent table td input {font-size: 24px; }
div.rechnerContent table th select {font-size: 16px; }