html, body {
    height:100%;
    min-height:100%;
}

body {
    background-color:#ACADB0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

a:link, a:active, a:visited, a:hover {
    color:#2368B7;
}

a:hover {
    color:#333;
}

#page {
    background-color:white;
    background-image:url("../img/page_bg.png");
    background-repeat:repeat-y;
    height:100%;
    margin:0 auto;
    min-height:100%;
    /*position:relative;*/
    width:1000px;
}

html>body #page {
    height:auto;
    min-height:100%; /* IE7 */
}

#header {
    border-bottom:1px solid #AB833A;
    padding-right:16px;
}

#headerTop {
    background-color:white;
    border-bottom:1px solid #AB833A;
    font-size:10px;
    height:13px;
    line-height:12px;
    position:relative;
    width:984px;
    z-index:20;
}

#headerTop .google, #imprint, #languageSelection {
    float:left;
    height:13px;
}

#headerTop .google {
    color:#B8AA7A;
    margin-left:16px;
    width:500px;
}

#headerTop a {
    text-decoration:none;
}

#imprint {
    border-left:1px solid #AE813C;
    border-right:1px solid #AE813C;
    margin-left:100px;
    text-align:center;
    width:136px;
}

#languageSelection {
    border-left:1px solid #AE813C;
    margin-left:76px;
    text-align:center;
    width:153px;
}

#headerVisual {
    background-color:#B9A87B;
}

#headerVisual img {
    vertical-align:bottom;
}

#headerVisual .left, #headerVisual .right, #headerVisual .block {
    float:left;
    height:182px;
    overflow:hidden;
}

#headerVisual .left {
    background-color:#D7A98F;
    width:249px;
}

#headerVisual .right {
    width:520px;
}

#headerVisual .block {
    background-color:#D7A98F;
    border-left:1px solid #E1D09D;
    position:relative;
    width:99px;
    z-index:20;
}

#headerBottom {
    background-color:#D3D3D3;
    height:17px;
}

#ticker {
    border-left:1px solid #E1D09D;
    font-size:12px;
    height:17px;
    line-height:16px;
    margin-left:249px;
    overflow:hidden;
}

#ticker a {
    text-decoration:none;
}

#marquee {
    height:17px;
}

#headnavi {
    padding-left:16px;
}

#headnavi a {
    font-weight:bold;
}

#headnavi .active, #headnavi li a:hover {
    color:#ab833a;
}

#headnavi li {
    background-color: #d3d3d3;
    float:left; 
    list-style-type: none;
}


#leftColumn {
    float:left;
    width:249px;
}

#logo {
    position:relative;
    z-index:20;
}

#naviContainer {
    height:270px;
    position:relative;
}

#navi {
    position:absolute;
    bottom:0;
    width:249px;
}

#navi li {
    font-size:12px;
    line-height:21px;
    list-style-type:none;
    /*padding:3px 0;*/
    text-align:right;
}

#navi li:hover,
#navi li.active {
    background-color:#AB833A;
}

#navi a {
    color: #2368B7;
    text-decoration: none;
    padding-right:80px;
}

#navi a:hover,
#navi a.active {
    color:white;
}

#navi #subnavi {
    background-color:#D3D3D3;
}

#navi #subnavi li:hover,
#navi #subnavi li.active {
    background-color:transparent;
}

#navi #subnavi a:hover,
#navi #subnavi a.active {
    color:#AB833A;
}

#content {
    color:#666;
    float:left;
    font-size:12px;
    line-height:16px;
    margin-left:33px;
    margin-top:33px;
    width:692px;
}

#content ul {
    list-style-type:disc;
    margin-left:10px;
    padding:5px 0 0 5px;
}

h1, h2, h3 {
    color:#106DB6;
    font-size:12px;
    font-weight:bold;
}

.clearLeft {
    height:0;
    clear:left;
    content:".";
    line-height:0; /* wichtig für IE7 */
    visibility:hidden;
}


/* Linien */ 

/* für IE7 */ 
#verticalLinesContainer {
    position:relative;
    z-index:11;
}

.horizontalBoldLine, .horizontalThinLine, .verticalLongLine, .verticalShortLine {
    display:none;
    left:0;
    position:absolute;
    top:0;
}

.horizontalBoldLine, .horizontalThinLine {
    background-color:#AE813C;
    right:0;
    z-index:10;
}

.horizontalBoldLine {
    height:2px;
    max-height:2px;
    position:absolute;
}

.horizontalThinLine {
    height:1px;
    max-height:1px;
}

.verticalLongLine, .verticalShortLine {
    background-color:#ACADB0;
    max-width:4px;
    width:4px;
    z-index:11;
}

.verticalLongLine {
    height:100%;
}

.verticalShortLine {
    height:196px;
    max-height:196px;
}

table {
    border: 0;
    /*border-collapse: collapse;*/
}

th, td {padding-left: 0; padding-right: 4px; vertical-align: top;text-align: left;}
th {text-align: left; border: 0; font-weight: normal}
td {border: 0 }
thead th {text-align: left; border:0}
tbody th {border:0;}

#newsletters, .newsletter {
    width:519px;
}

#newsletter li {
    margin-left:30px !important;
}

#newsletter ul{
    margin-bottom: 30px;
}

.newletterImgRight {
    float:right;
    padding:10px 0 50px 20px;
}

.newletterImgLeft{
    float:left;
    padding:10px 20px 50px 0;
}

.float_left {
    float:left;
}

.newletterImg2 , .newletterImg3{
    /*float:left;
    padding:10px;*/
}

.newsletterTxt p{
    padding-top:5px;
    /*width:519px;*/
}

.newsletterLnk {
    margin-top: 10px;
}

.newsletter {
    padding-top:20px;
}

.trenner {
    float:left;
    color: #2368b7;
    font-weight:700;
    padding:0 10px;
}

select {
    width: 200px;
}

option {
    padding-left:20px;
}

#mailformanrede , #mailformbegleitung_anrede{
    width:105px;
}

optgroup {
    background-color:#fff;
    font-style:normal;
}

#optgMessing {
    background-color:#e1d09d;
}
#optgNeusilber {
    background-color:#d3d3d3;
}

#optgKupfer {
    background-color:#d5aa8f;
}
#optgBronze {
    background-color:#ab833a;
}
#optgAluminium {
background-color:#acadb0;
}

a.news:link,    a.download:link,    a.internal-link:link,
a.news:active,  a.download:active,  a.internal-link:active,
a.news:visited, a.download:visited, a.internal-link:visited,
a.news:hover,   a.download:hover,   a.internal-link:hover {
    background-image:url("../img/link_news.gif");
    background-repeat:no-repeat;
    color:#ae813c;
    padding-left:30px;
    text-decoration:none;
}

a.news:hover , a.download:hover, a.internal-link:hover {
    background-image:url("../img/link_news_a.gif");
    color:#106db6;
}

a.nav:link, a.nav:active, a.nav:visited, a.nav:hover {
    color:#ffffff;
    font-weight:bold;
    margin-left:20px;
    text-decoration:none;
}

a.nav:hover {
    color:#106db6;
}

a.nav_a:link, a.nav_a:active, a.nav_a:visited, a.nav_a:hover,
a.sub_a:link, a.sub_a:active, a.sub_a:visited, a.sub_a:hover {
    color:#106db6;
    font-weight:bold;
    margin-left:20px;
    text-decoration:none;
}

a.sub:link, a.sub:active, a.sub:visited, a.sub:hover {
    color:#ae813c;
    font-weight:bold;
    margin-left:20px;
    text-decoration:none;
}

a.sub:hover {
    color:#106db6;
}

.hinweis { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #999999;
}

.dropdown {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    width: 350px;
    border: 1px solid #ae813c;
}

.datatable	{
    background-color: #106db6;
}

.datatable td {
    padding-left: 2px;
}

#linkPosition, #hinweis {
    margin-top:10px;
}

#metallAround td {
    text-align: right;
}

.bodytext {
    width:547px;
}

.anfahrt , .anfahrt .bodytext{
    padding-top:20px;
    width:538px;
}

.anfahrtTele {
    float:left;
}

.routenForm {
    margin-left:250px;
    margin-top:20px;
    width:295px;
}

.break{
    clear:both;
    padding-bottom: 20px;
}

/*mitteldunkelgrau*/
.color1 {
    background-color:#acadb0;
}

/*gold*/
.color2 {
    background-color:#ab833a;
}

/*beige*/
.color3 {
    background-color:#b8aa7a;
}

/*rose*/
.color4 {
    background-color:#d5aa8f;
}

/*hellgrau*/
.color5 {
    background-color:#d3d3d3;
}

/*hellbeige*/
.color6 {
    background-color:#e1d09d;
}

/*mittelblau*/
.color7 {
    background-color:#2368b7;
}
.oldFashion {
    background-color:#d3d3d3;
}


#metallAround {
    padding:20px ;
    height:100%;
    background-color:#d3d3d3;
}

#datumTh {
    width:70px;
}

#metallAround th {
    text-align:left;
    vertical-align: top;
    height:60px;
    padding:2px 2px 0px 2px;
}

#metallAround table{
    position:absolute;
    top:70px;
    width:100%;
    background-color:#106DB6;
    border-spacing:1px;
}
#metallAround tr{
    padding: 1px;
    background-color:White;
}

#metallAround td{
    line-height:16px;
    padding:0px 2px 0px 2px;
}

#metallAround tr.grey {
    background-color:#E6E6E7;
}
#closeWindow {
    position: absolute;
    top:20px;
    right:20px;
}

/* Datepicker */
.ui-datepicker { padding:5px; background-color:#fff; }
.ui-datepicker .ui-datepicker-header { position:relative;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }


#formMetall .button {
    padding: 0 4px;
}

.copperNewsletter {
    clear: both;
    margin:10px 0;
    background-color:#AB833A;
    height:1px;
    max-height:1px;
}


.align-right {
    text-align:right;
}

.bigdot{
    font-size:16px;
    line-height:10px;
}

#alu5 {
    z-index:3;
    top:180px;
    width:249px;
    height:20px;
    background-color:#D3D3D3;
    border-right: 1px solid #e1d09d;
}

/* Submit Image Button Wegbeschreibung */
input[type=image] { float: right; margin-right: 5px;}

#mailformbegleitung  {
    border:0;
    height:36px;
}

#mailformbegleitung label , #mailformbegleitung legend {
    display:none;
}

#mailformbegleitung input {
    width:auto;
    margin:11px 0 11px 0;
}

#anmeldung .tx-powermail-pi1_fieldset {
    border:0;
    width:500px;
}

#uid1 , #uid13{
    width:202px !important;
    margin-right:2px;
    margin-bottom:2px;
}

#anmeldung input {
    width:200px;
}

#anmeldung  label{
    display:block;
    width:150px;
    float:left; 	
    height:24px;
    padding-top:1px;
    padding-left:3px;

}

#anmeldung legend {
    display:none;
}

#anmeldung .tx_powermail_pi1_fieldwrap_html{
    clear:both;
}

.tx_powermail_pi1_fieldwrap_html_radio_title {
    display:none;
}
.powermail_radio_inner {
    height:40px;
}

span.powermail_mandatory {
    color:#106DB6;
}

/* Powermail errors */
.error {
    background-color:#106DB6;
    border-color:#106DB6;
}
.error em {
    border-color:#106DB6 transparent;
}
.errorText {
    color:#AA0000;
    font-weight: bold;
    margin-top: 20px;
}

#uid9_0, 
#uid9_1{
    margin-top:10px;
    width:20px !important; 
}

.fehlerFall{
    background-color: #BA7954;
    color: white;
    /*padding-left:3px;*/
    display:block;
}

.fehler{
    padding-left:3px;

}


.powermail_all_td b {
    display:block;
    width:150px;
    float:left; 
    height:18px;
    padding:0;

}

/* POWERMAIL KONTAKTFORMULAR & NEWSLETTERABO */

#newsletterabo fieldset,
#kontaktformular fieldset {
    background-color: #fff;
    border: none;
    margin: 10px 0 0 -10px;
}

#newsletterabo fieldset legend,
#kontaktformular fieldset legend { 
    display: none;
}

#newsletterabo textarea,
#kontaktformular textarea { 
    resize:none; /* CSS3 */
}

#newsletterabo  .tx-srfreecap-pi2-image,
#kontaktformular .tx-srfreecap-pi2-image {
    width: 148px !important;
    height: 50px !important;
}

#newsletterabo .tx-srfreecap-pi2-cant-read,
#kontaktformular .tx-srfreecap-pi2-cant-read {
    display:block;
    float:left;
    width: 400px;
}

#newsletterabo .tx_powermail_pi1_fieldwrap_html_submit,
#kontaktformular .tx_powermail_pi1_fieldwrap_html_submit {
    float: right;
    padding-right: 44px;
}

#powermaildiv_uid20, 
#powermaildiv_uid36, 
#powermaildiv_uid47, 
#powermaildiv_uid58,
#powermaildiv_uid66 {
    margin-top: 20px;
}

#powermaildiv_uid20 label, 
#powermaildiv_uid36 label, 
#powermaildiv_uid47 label,
#powermaildiv_uid58 label { 
    margin-top: 20px; 
}

.tx-srfreecap-pi2-cant-read {
    display: block;
    font-size:12px;
    color:#666666;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin-top: 10px;
}

div.tx_powermail_pi1_fieldwrap_html {
    clear: both;
}

#powermaildiv_uid46 label {
    padding-right: 60px;
    width: 140px;
}

.powermail_captcha {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #EEEEEE inset; /* CSS3 */
    padding: 2px;
    width: 140px;
}

#newsletterabo select,
#kontaktformular select {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #EEEEEE inset; /* CSS3 */
    padding: 2px;
    width: 306px;
}

/* Newsletter Intern Hintergrund Korrektur */
#pageBorderImg { display:none; }

/* CSC Elemente */

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 22px;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-right: 22px;
}