/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
html {
    background-color:transparent;
}

body {
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(tl_files/frame/bg-body.jpg);
    background-repeat:repeat-x;
    background-color:#EBF3FE;
    color:#222;
}

body.ambiente {
    background-image:url(tl_files/frame/bg-body2.jpg) !important;
    background-color:#FFFEFC;
}

a, .toggler {
    color:#222;
    font-style: italic;
}

.hinweis {
    font-size:11px;
    color:#666;
    font-style: italic;
}

div.hilfe_mat {
    font-size: 11px;
}

div.katalog div.ce_accordion {
    margin-left:20px;
}

div.katalog div.accordion {
    background-color:#EEE;
    border:1px solid #CCC;
    padding:5px;
}




/* ----- FRAME ----- */

div#wrapper {
    border:1px solid #CCC;
    text-align:left;
    margin:7px auto 0 10px;
    padding:0px 20px 20px 0px;
    background-color:#FFF;    
}





/* ----------- Kopfbereich  -------------- */

div#header {
    position:relative;
	height: 8px;
	overflow: visible;
}
div#header .inside{
	overflow: visible;
}

div#DIVLogo {
    width:270px;
    height:65px;
	margin: 0 0 10px 0;
}
div#DIVLogo a img{
    width:220px;
}

div#DIVFreecall {
    width:240px;
    height:33px;
    float:right;
    vertical-align:bottom;
    margin-top:32px;
}

div#DIVBewertung {
    width:275px;
    height:75px;
    position:absolute;
    top:0px;
    left:400px;
}
#header div.headnav{
    position:absolute;
    top:166px;
    left:230px;
    z-index:99;
}
#header div.headnav li{
    display:inline;
}
#header div.headnav a{
    font-size:0.9em;
    font-style: normal;
    text-decoration: none;
    display:block;
    float:left;
    color:#000;
    height:15px;
    padding-bottom:1px;
    background:url(tl_files/frame/bg-headnav-button.gif) 0px 1px no-repeat #FFF;
    margin-right:2px;
    text-align:center;
    border:1px solid #7DB1DF;
    overflow: hidden;
}
#header div.headnav a:hover{
    text-decoration:none;
    color:#222;
    background-position:0px -14px;
}
#header div.headnav li.katalog a{
    padding-left:40px;
    background-image:url(tl_files/frame/bg-headnav-katalog.gif);
    width:260px;
    border-color:#EFA168;
}
#header div.headnav li.dvd a{
    padding-left:40px;
    background-image:url(tl_files/frame/bg-headnav-dvd.gif);
    width:260px;
    border-color:#869F4F;
}
#header div.headnav li.kontakt a{
    width:110px;
    border-color:#DFD053;
}

/* ----------- MAIN -------------- */

div#left {
    overflow:hidden;
}
div#left .inside{
	background-image:url(tl_files/frame/strich_verlauf.gif);
	background-position:222px 0px;
	background-repeat:no-repeat;
}


div#header div.inside {
    overflow:visible !important;
    position:relative;
}

div#main {
    margin-bottom:0px;
    margin-top:0px;
    padding:0;
    padding-left:1px;
    padding-top:180px;
    border-left:1px solid #FFF;
}
#main div.inside{
   
}

div#right{
    padding:0px;
    margin:0px;
    width:180px;
    padding-top:176px;
}

div#DIVKopfgrafik {
    position:absolute;
    top:-3px;
    left:230px;
    width:720px;
    height:150px;
    margin-top:10px;
    overflow:visible;
    z-index:999;
}

/* ----------- FUSSBEREICH -------------- */

div#footer {
    margin-top:20px;
    padding-left:230px;
    padding-right:30px;
}

div#DIVTrenner {
    border-top:1px solid #999;
}

.noborder {
    border:0 !important;
}


/* ---------------- Navigation --------------------- */


/* ----------- NAVI LINKS -------------- */

div#navleft {
    /*background-image:url(tl_files/frame/strich_verlauf.gif);
    background-position:215px 0px;
    background-repeat:no-repeat;*/
    padding-right:15px;
    margin-left:12px;
}

div#navleft p, div#navleft li {
    line-height:12px;
    margin-bottom:0px;
}

div#navleft a {
    font-style: normal;
}

/* ----------- LEVEL 1 -------------- */

/* IE-6-Fix gegen Abstände zwischen <li>s*/
div#navleft li{
    float:left;
    clear:both;
}

div#navleft li.submenu {
    background-position:left top;
    margin-bottom:3px;
}

div#navleft a.submenu ,  div#navleft p.submenu {
    display:block;
    width:205px;
    height:32px;
    text-decoration:none;
    margin-top:0px;
}

div#navleft ul.level_1 span {
    visibility:hidden;
}

div#navleft ul.level_2 span {
    visibility:visible;
}


li.planung a {
    background-image:url(tl_files/frame/topic_planen.gif);
}

li.planung p, li.planung a.trail {
    background-image:url(tl_files/frame/topic_planen_aktiv.gif);
}

li.vorteile a {
    background-image:url(tl_files/frame/topic_vorteile.gif);
}

li.vorteile p, li.vorteile a.trail {
    background-image:url(tl_files/frame/topic_vorteile_aktiv.gif);
}

li.aufbau a {
    background-image:url(tl_files/frame/topic_aufbau.gif);
}

li.aufbau p, li.aufbau a.trail  {
    background-image:url(tl_files/frame/topic_aufbau_aktiv.gif);
}

li.unternehmen  a {
    background-image:url(tl_files/frame/topic_wir.gif);
}

li.unternehmen p, li.unternehmen  a.trail {
    background-image:url(tl_files/frame/topic_wir_aktiv.gif);
}

li.ambiente  a {
    background-image:url(tl_files/frame/topic_ambiente.gif);
}

li.ambiente  p, li.ambiente a.trail {
    background-image:url(tl_files/frame/topic_ambiente_aktiv.gif);
}

li.kontakt  a {
    background-image:url(tl_files/frame/topic_kontakt.gif);
}

li.kontakt  p, li.kontakt  a.trail {
    background-image:url(tl_files/frame/topic_kontakt_aktiv.gif);
}

div#navleft li.euro p, div#navleft li.euro a{
    display:block;
    width:203px;
    height:33px;
    margin:8px 0 5px 2px;
    background:url(tl_files/frame/bg-navi-euro-editionen.png) no-repeat;
    text-decoration:none;
}
div#navleft li.euro p, div#navleft li.euro a:hover{
    background-position:0px -33px;
}

/* ----------- LEVEL 2 -------------- */

div#navleft ul.level_2 {
    width:202px;
    margin:0px;
    margin-left:3px;
}


div#navleft ul.level_2  li {
    background-image:url(tl_files/frame/nav_bg.gif);
    background-repeat:repeat-y;
    margin:0px;
    padding:0px;
    width:202px;
}

div#navleft li.ambiente ul.level_2  li {
    background-image:url(tl_files/frame/nav_bg_rosa.gif);
}

div#navleft ul.level_2  li.active, div#navleft ul.level_2  li.trail {
    background-image:url(tl_files/frame/nav_bg_gelb.gif) !important;
}

div#navleft ul.level_2  li.last {
    background-position:left bottom;
}

div#navleft ul.level_2 a, div#navleft ul.level_2 p {
    display:block;
    font-size:11px;
    color:#666;
    text-decoration:none;
    border-top:1px solid #EAF4FE;
    border-bottom:1px solid #BDDCFA;
    padding: 3px 1px 3px 28px;
    background-image:url(tl_files/frame/pfeil_blau.gif);
    background-repeat:no-repeat;
    background-position:-10px 0px;
}

div#navleft li.ambiente ul.level_2  li a, div#navleft li.ambiente ul.level_2  li p {
    border-bottom:1px solid #FFD6AF;
}

div#navleft ul.level_2  li a:hover {
    text-decoration:underline;
    color:#222;
}

div#navleft ul.level_2  li p {
    background-image:url(tl_files/frame/pfeil_blau_aktiv.gif);
    background-color:#F1DE7F;
}

div#navleft ul.level_2  li p.last {
    background-color:transparent;
}

div#navleft ul.level_2  li a.last, div#navleft ul.level_2  li p.last {
    border-bottom:0px solid #BDDCFA !important;
}


/* ----------- LEVEL 2 Kontakt, Formular -------------- */

li.phone p, li.phone a {
    padding-top:14px !important;
    padding-bottom:14px !important;
    padding-left:50px !important;
    background-image:url(tl_files/frame/kontakt.gif) !important;
    background-repeat:no-repeat;
    background-position:-4px 6px !important;
}

li.formular p, li.formular a {
    background-image:none !important;
    padding-left:50px !important;
}

/* ----------- Navigation Fussbereich -------------- */

div#navbottom {
    margin-top:5px;
}

div#navbottom li {
    display:inline;
}

div#navbottom a, div#navbottom p {
    display:inline;
    float:left;
    color:#666;
    text-decoration:none;
    padding-right:10px;
    font-size:11px;
}

div#navbottom p {
    font-weight:bold;
}

/* ----------- Navigation Brotkrumen -------------- */

div#DIVBreadcrumbs {
    margin:5px 0px;
    color:#888;
    font-size:11px;
}

div#DIVBreadcrumbs a {
    color:#888;
    font-size:11px;
}

/* ----------------- INFOBOXEN ----------------------- */

div.infobox {
    background-color: #FFF;
    font-size:7pt;
    margin:0px 0px 0px 12px;
}

div.infobox li {
    background-image:none !important;
}

div.infobox a {
    font-style: normal;
}

div.infobox li a, div.infobox li p {
    display:block;
    border:1px solid #ffcc00;
    height:45px;
    width:156px;
    background-repeat:no-repeat;
    background-image:url(tl_files/frame/box_bg.gif);
    background-position:right top;
    margin:0px 0px 5px 0px;
    overflow:visible;
    position:relative;
    color:#666;
    text-decoration:none;
    font-size:10px;
    line-height:100%;
}

div.infobox li span  {
    display:block;
    height:45px;
    width:113px;
    padding-left:45px;
    padding-top:0px;
    cursor:pointer;
    color:#666;
}

div.infobox a:hover {
    border:1px solid #4094EE;
}

div.infobox p.active {
    border:1px solid #4094EE;
}

div.infobox li.katalog span {
    background-image:url(tl_files/frame/box_katalog.gif);
}
div.infobox li.accoya span {
    background-image:url(tl_files/frame/box_accoya.gif);
}
div.infobox li.dvd span {
    background-image:url(tl_files/frame/box_dvd.gif);
}
div.infobox li.planungsassistent span {
    background-image:url(tl_files/frame/box_planung.gif);
}
div.infobox li.fuenfundzwanzig span {
    background-image:url(tl_files/frame/box_25jahre.gif);
    height:66px;
}
div.infobox li.euro span {
    background-image:url(tl_files/frame/box_euro.gif);
}



/* --- Inhalt */



h1, h2, h3, h4, h5, h6 {    
    color:#4094EE;
    margin-bottom:10px;
}

h2,h3,h4,h5,h6 {
    margin-top:10px;    
}

h1 {
    font-family:"Trebuchet MS","Verdana",sans-serif;
    font-size:24px;
}

h2 {
    font-size:18px;
}

h3 {
    font-size:13px;    
}

h4,h5,h6 {

}

em {
    font-style:italic;
}

strong {
    font-weight:bold;
}

div#main table {
    margin-bottom:10px;
}

p, li {
    line-height:1.5em;
    margin-bottom:10px;
}

div#main ul,div#main ol {
    margin-bottom:10px;
}

div#main li {
    margin-left:10px;
    margin-bottom:7px;
    padding-left:10px;
    background-image:url(tl_files/frame/strich.gif);
    background-repeat:no-repeat;
    background-position:0px 7px;
    color:#333;
}

div#main table {
    margin-bottom:10px;
}

div#main a:hover {
    color:#4094EE;
}

div.bildlinks {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

div.bildrechts {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

div.bild p {
    margin-top:3px;
    border-top:1px solid #FFCC00;
    color:#4094EE;
    font-size:11px;
    line-height:12px;

}

p.accoya_fussnote {
    color:#666;
    font-size:11px;
}
div#DIV25JahreKugel {
    margin-left:auto;
    margin-right:auto;
    width:460px;
}

div#DIVAccoyaLinks a, a.linkhinweis {
    display:block;
    padding-left:20px;
    background-image:url(tl_files/frame/bullet_go.gif);
    background-repeat:no-repeat;
    background-position:0px 3px;
}

div#DIVSM4 {
    margin-top:10px;
    margin-bottom:10px;
    height:250px;
}

div#DIVSM4 img {
    float:left;
    margin-right:10px;
}

div#DIVSM4 a {
    display:block;
    width:200px;
    float:left;
}

div.zitat {
    background-color:#EBF3FE;
    margin:10px;
    border:1px solid #4094EE;
    padding:10px;
    width:200px;
}

div.zitat p {
    margin:0px;
}

div.zitat span.begin {
    width:30px;
    height:20px;
    display:block;
    margin-right:auto;
    background-image:url(tl_files/frame/cite_begin.gif);
    background-repeat:no-repeat;
}

div.zitat span.end {
    width:30px;
    height:20px;
    display:block;
    margin-left:auto;
    background-image:url(tl_files/frame/cite_end.gif);
    background-repeat:no-repeat;
}

table.table_correct {
    margin-left:1px;
}

div.toggler {
    text-decoration:underline;
    cursor:pointer;
}


div.pagination li {
    display:inline;
    list-style-type:none;
}

address {
    margin-bottom:10px;
}

/*--Einfacher Selbstaufbau--*/
div.anforderung_selbermachen{
    float:left;
    position:relative;
    width:450px;
}
div.anforderung_selbermachen a.kataloglink{
    background: url("tl_files/content/aufbauselbstbau/bg-box-selbermachen.png") no-repeat scroll 0 10px #EFF8FF;
    border: 1px solid #86C0EF;
    border-radius: 15px 15px 15px 15px;
    color: #6FAADF;
    display: block;
    font-style: normal;
    height: auto;
    padding: 10px 30px 10px 130px;
    text-decoration: none;
}
div.anforderung_selbermachen a.kataloglink:hover{
    background-color: #DFF1FF;
    color:#0069BF !important;    
}
div.anforderung_selbermachen a.kataloglink span{
    display:block;
}    
div.anforderung_selbermachen a.kataloglink span.head{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
div.anforderung_selbermachen a.kataloglink span.link{
    text-decoration:underline;
    margin-top:10px;
}
    




/* ---------- KONTAKTFORMULAR --------------- */


div.formbody {
    width:550px;
}

div.formbody label {
    display:block;
    padding-right:5px;
    font-weight:normal;
    font-size:11px;
    margin:2px 0px;
}

div.checkbox_container label {
    display:inline;    
}

div.checkbox_container span {
    display:block;
    padding:3px;
}

div.formbody table {
    width:100%;
}

div.formbody td.col_first {
    text-align:right;
    padding-right:5px;
}

div.formbody input.text {
    padding:3px;
    width:90%;
}

div.formbody textarea.textarea {
    padding:3px;
    width:90%;
}

p.error {
    color:#CF1919;
    font-weight:bold;
    font-size:11px;
}

div.radio_container input {
    float:left;
    vertical-align:middle;
}

div.radio_container span {
    display:block;
    margin-top:10px;
}

div.radio_container label {
    display:block;
    font-size:14px;
    font-weight:bold;
    margin:5px;
    padding:5px;
    border:1px solid #CCC;
    width:400px;
}

div.styled_form {
    border: 1px solid #86C0EF;
    border-radius: 15px 15px 15px 15px;
    color: #6FAADF;
    margin: 3px;
    padding: 15px;
    font-size:0.9em;
    float:left;
}

div.styled_form label{
    float:left;
    clear:left;
    width:12em;
    font-size:inherit;
}
div.styled_form input {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
div.styled_form select {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    outline:none;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    color: #6FAADF;
}
div.styled_form input.text {
    width:250px;
}
div.styled_form input.submit {
    padding:1px 6px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    cursor:pointer;
}
div.styled_form input.plz {
    width:50px;
}

div.styled_form input.ort {
    width:182px;
}
div.styled_form input.upload {
   background-color:#FFF;
}

div.styled_form table.radio div.radiobox  {
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:3px;
    color:#6FAADF;
}
div.styled_form table.radio div.radiobox{
    cursor:pointer;
    background:url(tl_files/pa/bg-checked.png);
    background-repeat:no-repeat;
    background-position:-100px -100px;
}

div.styled_form table.radio div.radiobox:hover{
    border-color:#6FADDF
    background-color:#F5FCFF; 
}
div.styled_form table.radio div.checked{
    border-color:#3676AF;
    color:#3676AF;
    background-position: 98% 8%;
    background-color: #F5FCFF;
}
div.styled_form table.radio div.radiobox_dynamic input.radio{
    position:relative;
    top:3px;
    margin-left:-10%;
    visibility:hidden;
}

div.styled_form textarea{
    border:1px solid #86C0EF;
    margin:3px 0;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:5px;
    width:499px;
    height:300px;
}
div.styled_form div.submit_container{
    clear:both;
    padding:5px 5px 5px 11.5em;
}
div.styled_form input.submit{
    background-color: #EFF8FF;
    border: 1px solid #86C0EF;
    border-radius: 5px 5px 5px 5px;
    color: #6FAADF;
    display: block;
    padding: 5px;
}
div.styled_form input.submit:hover{
    background-color: #DFF1FF;
    color:#0069BF;
}


/* ---------- Seitenspezifisches --------------- */

div.bildleiste {
    margin-top:10px;
    margin-bottom:10px;
    overflow:hidden;
    width:517px;
}

div#DIVPlanungKatalog div.image_container {
    height:230px;
}

div.blocklinks {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

div.blockrechts {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

div.infoaccoya {
    background-color:#6CB348;
    padding:10px;
}

div.infoaccoya p {
    font-size:11px;
    color:#FFF;
    line-height:1.1em !important;
}

div.beschichtungswerk {
    background-image:url(tl_files/content/unternehmen/beschichtungswerk01.jpg);
    background-repeat:no-repeat;
    padding-top:280px;
    padding-left:10px;
}


div#DIVRefCollage {
    background-image:url(tl_files/content/referenzen/referenzen02.jpg);
    background-repeat:no-repeat;
    background-position:210px -10px;
}

div.hinweisgalerie  {

}

div.hinweisgalerie p{
    font-size:11px;
    color:#666 !important;
}

div.stellenangebote {
    border:1px solid #CCC;
    width:460px;
    background-image:url(tl_files/content/stellenangebote/hg.jpg);
    background-repeat:no-repeat;
    background-position:298px 100px;
    padding:5px;
    padding-right:50px;
}

div#impressum p, div#impressum a {
    font-size:11px !important;
}

div.data td {
    padding:2px;
    vertical-align:top;
    font-size:11px;
}

div.data td.col_0 {
    text-align:right;
}

/* ----------- EURO MODELLE ------------- */

table.list_euro td {
    padding:3px;
}

div.euro p {
    margin:0px !important;
    line-height:100% !important;
    margin-bottom:3px;
    padding:3px;
}

div.euro a {
    margin:0px;
    line-height:0px;
}

div.euro a.link_detail {
    display:block;
    padding:3px;
    margin:0px;
    line-height:1.2em;
}

div.euro1 {
    border:1px solid #004488;
}

div.euro1 p {
    background-color:#004488;
    color:#FFF;

}

div.euro2 {
    border:1px solid #FF6600;
}

div.euro2 p {
    background-color:#FF6600;
    color:#FFF;
}

div.euro3 {
    border:1px solid #FFCC00;
}

div.euro3 p {
    background-color:#FFCC00;
    color:#222;
}

div.euro4 {
    border:1px solid #009999;
}

div.euro4 p {
    background-color:#009999;
    color:#FFF;
}

table.euro_skizzen {
    margin-left:1px;
}

table.euro_skizzen td.euro_skizzen_0 {
    padding-right:60px;
}


table.euro_abmessungen td {
    padding:3px;
    border:1px solid #AFD7FF;
}

td.sub {
    text-align:right;
}

table.euro_abmessungen  td.col_1 {
    text-align:right;
    padding-left:30px;
}

table.euro_preise td {
    padding:3px;
}

table.euro_preise td.col_0 {
    text-align:right;
}

table.euro_zubehoer td {
    padding:3px;
    border:1px solid #AFD7FF;
    font-size:11px;
}

table.euro_zubehoer td.col_1 {
    text-align:right;
    padding-left:30px;
}

table.euro_paginator td {
    padding:3px;
}
table.euro_paginator a {
    font-family:arial;
    font-size:10px;
}

div#DIVEuroPaginatorTop {
    float:right;
}



/* Neue Startseite */

div.ctaContainer{
 padding: 12px 0 12px 0;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 margin: 10px 0 20px 0;
}
a.cta_planung{
 background: url(tl_files/frame/wg_planen.jpg) no-repeat;
 width: 301px;
 height: 134px;
 display: block;
 text-decoration: none;
 font-style: normal;
 color: #000;
 padding: 32px 240px 0 170px;
}
a.cta_planung:hover{
 text-decoration: none;
 color: #000 !important;
}
a.cta_planung span{
 display: block;
 font-weight: bold;
 padding: 0 0 4px 0;
 font-size: 13px;
}

div.katanfordern{
 width: 340px;
 height: 80px;
 float: left;
}
div.katanfordern a{
 background: url(tl_files/frame/kat_anfordern.jpg) no-repeat;
 width: 340px;
 height: 80px;
 display: block;
 text-indent: -99999px;
}

div.dvdanfordern{
 width: 340px;
 height: 80px;
 float: left;
 margin: 0 0 25px 20px;
}
div.dvdanfordern a{
 background: url(tl_files/frame/dvd_anfordern.jpg) no-repeat;
 width: 340px;
 height: 80px;
 display: block;
 text-indent: -99999px;
}
div.linkarea{
    position:relative;
    height:100px;
}
div.bannerarea{
 background: #f0f0f0;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 padding: 10px 0 0 0;
}
div.bannerarea img{
 padding: 0 15px 0 15px;
}

img.headtel{
 position: absolute;
 top: 100px;
 right: 10px;
 z-index: 99;
}

.custom{
 z-index: 8;
 position: relative;
}

/* --------------- PLANUNGS-ASSI --------------- */

.step {
    display:block;
    padding-left:70px;
    padding-top:13px;
    vertical-align:middle;
    height:48px;
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.step1 {
    background-image:url(tl_files/pa/1.gif);
}

.step2 {
    background-image:url(tl_files/pa/2.gif);
}

.step3 {
    background-image:url(tl_files/pa/3.gif);
}

.step4 {
    background-image:url(tl_files/pa/4.gif);
}

.step5 {
    background-image:url(tl_files/pa/5.gif);
}

.step6 {
    background-image:url(tl_files/pa/6.gif);
}

.step7 {
    background-image:url(tl_files/pa/7.gif);
}

.step8 {
    background-image:url(tl_files/pa/8.gif);
}

.step9 {
    background-image:url(tl_files/pa/planung_versendet.gif);
    background-position:20px 14px;
}

.noborder {
    border:0 !important;
}



.haustyp div {
    padding:2px;
}

.haustyp div.checked {
    
}

td.weiter {
    vertical-align:bottom;
    padding-left:5px;
}

/* ---------- PLANUNGS-ASSI --------------- */
div.pa_start {
    background:url(tl_files/pa/bg-startseite.png) no-repeat; 
    position:relative;
    height:560px;
}
div.pa_start h1{
    padding:18px 0 30px 10px;
}
div.pa_start div.col_left{
    position:absolute;
    top:90px;
    left:10px;
    width:235px;
    font-size:0.9em;
}
div.pa_start div.pa_einleitung p.abstract{
    color:#4094EE;
}
div.pa_start div.pa_einleitung p.hervorhebung{
    color:#F4BB2E;
    font-weight:bold;
}
div.pa_start div.screenshot{
    position:absolute;
    top:4px;
    left:240px;
    width:224px;
    padding:8px;
    border:1px solid #EEE;
    background-color: #FFF;
    opacity:0.8; 
    color:#4094EE;
}
div.button_pa_start {
   
}

div.button_pa_start a{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:730px;
    height:600px;
}
div.button_pa_start a span{
    display:block;
    background:url(tl_files/pa/button_pa_start.png) no-repeat;
    position:absolute;
    left:10px;
    top:420px;
    width:480px;
    height:82px;
    font-size:0px;
    color: #DBEBF9;
}
div.button_pa_start a:hover span{
    background-position: left -82px;
}
.pa #main{
    padding-top:7px;
}

div#DIVPA {
    
}
div.pa_input_outer {
    width:718px;
    border:1px solid #CCC;
    padding:0;
    margin:0;
}
div#main table.pa_control {
    width:100%;
    margin:0px;
}
div.pa_control div.pa_head{
    overflow:hidden;
    position:relative;
    background-repeat:no-repeat;
}
div.pa_control div.stepnav{
    position:absolute;
    top:50px;
    font-family:Arial, Helvetica, sans-serif;
}
div.pa_control div.stepnav ul{
    padding:0 0 0 5px;
    margin:0;
    list-style:none;
}
#main div.pa_control div.stepnav ul li{
    display:inline;
    background-image:none;
    padding:0;
    margin:0;
    font-size:0.8em;
}
/*statische Fortschrittsanzeige*/
div.pa_control #prog_indicator{
    /*skin-specific*/
}
div.pa_control #prog_indicator h2{
    float:left;
    font-size:1.0em;
    margin-right: 2px;
}
#main div.pa_control #prog_indicator ul.prog_indicator{
    list-style-type:none;
    padding:0;
    margin:0;
}
#main div.pa_control #prog_indicator ul.prog_indicator li{
    display:inline;
    background-image:none;
    padding:0;
    margin:0;
    width:0px;
    height:0px;
}
#main div.pa_control #prog_indicator ul.prog_indicator li a{
    display:block;
    float:left;
    background:none;
    padding:1px 3px 0 3px;
    height:30px;
    margin:1px 0 0 0;
    border-right:1px solid #86C0EF;
    text-decoration:none;
    color:#1C5894;
    font-style:normal;
}
#main div.pa_control #prog_indicator ul.prog_indicator li.empty{
    display:block;
    float:left;
    padding:8px 3px 0 3px;
    color:#AAA;
    width:50%;
}
#main div.pa_control #prog_indicator ul.prog_indicator li.first a{
    border-left:1px solid #86C0EF;
}
#main div.pa_control #prog_indicator ul.prog_indicator li.text a{
    padding:1px 2px 0 0;
}
#main div.pa_control #prog_indicator ul.prog_indicator li.check a{
    padding-left:33px;
    background:no-repeat;
    background-position:1px center;
}
#main div.pa_control #prog_indicator ul.prog_indicator li.checkcheck a{
    background-image:url(tl_files/pa/check-check.png);
}
#main div.pa_control #prog_indicator ul.prog_indicator li.checkpass a{
    background-image:url(tl_files/pa/check-pass.png);
}
#main div.pa_control #prog_indicator ul.prog_indicator li a:hover{
    /*bg-color skin-specific background-color:#EFF7FF;*/
    color:#003366;
}
/*dynamische Fortschrittsanzeige*/
#DIVPA div.pa_control #prog_indicator.dynamic{
    height:auto !important;
    padding:0 0 0 10px !important;
    background:url(tl_files/img/dropdown.gif) no-repeat 1px center;
    position:relative;
    -moz-border-radius:0 0 10px 0;
    border-radius:0 0 10px 0;
    border-right:1px solid #86C0EF !important;
    width:80px;
    z-index:110;
}
#DIVPA div.pa_control #prog_indicator.expanded{
    width:auto;
    -moz-border-radius:0;
    border-radius:0;
    border-right:none !important;
}
#DIVPA div.pa_control #prog_indicator_inner.expanded{
    width:auto;
}
div.pa_control #prog_indicator.dynamic h2{
    float:none;
    margin:0;
    padding:2px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_trigger {
    overflow:visible;
    position:absolute;
    left:0px;
    top:0px;
    width:100%; 
    height:32px;
    background-image:url(tl_files/img/spc-trnsp.gif);
    z-index:110;
}
#DIVPA div.pa_control #prog_indicator.expanded #prog_indicator_trigger {
    height:100px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_inner {
    display:none;
    position:absolute;
    left:85px;
    top:0px;
    padding:0;
    background-color:#FFF;
    box-shadow:2px 2px 2px #AAA;
    z-index:110;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_inner  ul.prog_indicator li a {
    margin:0;
    border-bottom:1px solid #86C0EF;
    width:100px;
    height:100px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large{
    z-index:110;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td  {
    text-align:center;
    vertical-align:middle;
    border:1px solid #86C0EF;
    border-top:none;
    background-image:none;
    height:100px;
    z-index:110;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.check {
    vertical-align:top;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.check a{
    padding-top:35px;
    background-repeat: no-repeat;
    background-position:3px 3px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.checkpass a{
    background-image:url(tl_files/pa/check-pass.png);
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.checkcheck a{
    background-image:url(tl_files/pa/check-check.png);
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7{
    width:221px;
    height:90px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7 div{
    position:relative;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7 table.inner{   
    margin:5px;
    width:200px;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7 table.inner td,
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7 table.inner th{
    vertical-align:top;
    text-align:left;
    border:none;
    height:auto;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td.step7 a{
   
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td div.text{
    text-align:left;
}
div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td a {
    display:block;
    margin:0;
    padding:5px;
    width:100px;  
    text-decoration:none;
}
#DIVPA.skin1 div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table{
    margin:0;
}
#DIVPA.skin1 div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td:hover {
    background-color:#EFF7FF;
}
#DIVPA.skin1 div.pa_control #prog_indicator.dynamic #prog_indicator_large  .prog_indicator_table td a:hover {
    background-color:#EFF7FF;
}
table.pa_control {
   
}
table.pa_control td.pa_intro{
    padding-right:10px;
}
table.pa_control td.col_back {
    text-align:left;    
    vertical-align:top;
    width:80px;
    padding:3px 10px 0 10px;
}
table.pa_control td.col_back a {
    display:block;
    background:url(tl_files/pa/step-prev.png) no-repeat transparent;
    padding:0;
    margin:0;
    width:80px;
    height:103px;
}
table.pa_control td.col_back a:hover{
    background-position: left -103px;
}
table.pa_control td.col_back a span{
    display:none;
}
table.pa_control td.col_fwd {
    text-align:right;
    vertical-align:top;
    width:80px;
    padding:3px 10px 0 0;
}
table.pa_control td.col_fwd input {
    border:none;
    outline:none;
    background:url(tl_files/pa/step-next.png) no-repeat transparent;
    padding:0;
    margin:0;
    width:80px;
    height:103px;
    cursor:pointer;
    color:rgb(68,147,15);
    font-size:0px;
    letter-spacing:-1px;
}
table.pa_control td.col_fwd input:hover{
    background-position: left -103px;
}
table.pa_control td.td_pa_input {
    text-align:center;
    padding-right:10px;
}
table.pa_control td.td_pa_input div.pa_input {
    overflow:hidden;
    margin:0 auto;
}
div.pa_error {
    border:1px solid #AF0000;
    background-color: #FFEFEF;
    padding:5px;
}
#pa_error.layover{
    position:absolute;
    width:50%;
    top:30%;
    left:24%;
    z-index:100;
    color:#FFF;
    background:url(tl_files/pa/bg-error.png) no-repeat top right #A81100;
    padding:25px 20px;
    -moz-border-radius:20px;
    border-radius:20px;
    border:2px ridge #C76358;
    cursor:pointer;    
    box-shadow:6px 6px 6px #999;
}
#pa_error.layover h1{
    color:#FFF;
    margin-bottom:40px;
}

div.pa_input span.error {
    color:#BF0000;
    font-style: italic;
    font-size:10px;
    display:block;
}
div.skizze_vorschau, div.skizze {
    margin:2px auto;
    position:relative;
    width:300px;
}
div.skizze_vorschau{
    background-image: url(tl_files/pa/skizze.png);
    background-repeat: no-repeat;
    background-position: center;
    height:300px;
}
div.skizze a.delete{
    position:absolute;
    top:7px;
    right:7px;
    padding:5px 10px;
    border:1px solid #888;
    background-color:#222;
    color:#EFEFEF;
    opacity:0.6;  
    font-style:normal;
    text-decoration:none;
    -moz-border-radius:5px;
    border-radius:5px;
    box-shadow:0px 0px 3px #555;
}
div.skizze a.delete:hover{
    color:#FFF !important;
    opacity:1.0;
    background-color:#900;
    border-color:#E00;
}
div.pa_input {
    font-size:0.9em;
}

div.pa_input input, div.pa_input select {
    padding:3px;
    margin-bottom:5px;
}

div.pa_input input.text {
    width:250px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
div.pa_input table.masse{
    margin-top:10px;
}
div.pa_input table.masse input {
    width:50px;
}
div.pa_input table.masse td.fdesc {
    vertical-align:middle;
}
div.pa_input div.input_masse div.exakt{
    text-align:left;
}
div.pa_input div.pa_upload{
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:15px;
    border-radius:15px;
    cursor:pointer;
    background-color:#FFF;
    color:#6FAADF;
    padding:10px;
    overflow:hidden;
}
div.pa_upload input.upload{

}
div.pa_input div.pa_upload input.submit {
    /*
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    background-color:#FFF;
    color:#6FAADF;
    padding:30px 50px;
    float:right;
    Back to default OS-Widget-Look:
    */
    padding:1px 6px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    cursor:pointer;
}
div.pa_input div.pa_upload input.submit:hover{
    /*
    border-color:#B3D3EF;
    background-color:#F5FCFF; 
    */
}
div.pa_input input.plz {
    width:50px;
}

div.pa_input input.ort {
    width:182px;
}


.pa_input table.radio div.radiobox,  .pa_input div.input_masse{
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:3px;
    color:#6FAADF;
}
.pa_input table.radio div.radiobox{
    cursor:pointer;
    background:url(tl_files/pa/bg-checked.png);
    background-repeat:no-repeat;
    background-position:-100px -100px;
}

.pa_input table.radio div.radiobox:hover{
    border-color:#B3D3EF;
    background-color:#F5FCFF; 
}
.pa_input table.radio div.checked{
    border-color:#3676AF;
    color:#3676AF;
    background-position: 98% 8%;
    background-color: #F5FCFF;
}
.pa_input table.radio div.radiobox_dynamic input.radio{
    position:relative;
    top:3px;
    margin-left:-10%;
    visibility:hidden;
}
.pa_input table.haustyp div.radiobox{
    width:160px;
}
.pa_input table.anbaupos div.radiobox{
    width:245px;
}
.pa_input table.wgtyp div.radiobox{
    width:156px;
    height:97px;
    padding:3px 5px;
}
div.pa_input textarea{
    border:1px solid #86C0EF;
    margin:3px 0;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#2B61AF;
    padding:5px;
    width:499px;
    height:300px;
	font-style:normal;
}
div.pa_kontakt{
    border:1px solid #86C0EF;
    margin:3px 60px;
    -moz-border-radius:15px;
    border-radius:15px;
    color:#6FAADF;
    padding:15px;
}
div.pa_kontakt td{
    vertical-align:middle;
    text-align: left;
    position:relative;
}
div.pa_kontakt label{
    color:#6FAADF;
}
div.pa_kontakt select{
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:5px;
}
div.pa_kontakt div.pa_input_kontakt{
    position:relative;
}
div.pa_kontakt p.error_dynamic{
    position:absolute;
    margin:7px 7px;
    z-index:10;
    font-size:0.9em;
    white-space: nowrap;
}
div.pa_kontakt div.plz, div.pa_kontakt div.ort {
    float:left;
}
div.pa_kontakt div.plz p.error_dynamic{
    top:0px;
}


table.pa_best {
    width:100%;
    border-collapse:separate;
    border-spacing: 3px;
    clear:both;
    margin-bottom:0px !important;
}

div.pa_best td.titel {
    background-color:#E2F1FE;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:5px;
    font-weight:bold;  
    width:20%;
    text-align:left;
}
div.pa_best td.col_center, div.pa_best td.col_right {
    padding:3px;
    background-color:#FFF;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:5px;
    color:#6FAADF;
}
div.pa_best td.col_right a{
    display:block;
    background-color:#EFF8FF;
    border:1px solid #86C0EF;
    margin:1px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:50px 20px;
}
div.pa_best td.col_right a:hover{
    background-color:#DFF1FF;
    color:#0069BF !important;
}
div.pa_best tr.hinweis td.col_center {
    text-align:left;
    padding:10px;
}
div.pa_best table.inner{
    border-collapse: separate;
    border-spacing:3px;
    margin:0 !important;
    width:100%;
}
div.pa_best table.inner td{
    border:1px solid #EEE;
    padding:5px 10px;
    vertical-align:top;
    text-align:left;
    -moz-border-radius:5px;
    border-radius:5px;
}
div.pa_best table.inner th{
    border:1px solid #EEE;
    background-color:#F8F8F8;
    padding:5px 10px 5px 5px;
    vertical-align:top;
    text-align:left;
    -moz-border-radius:5px;
    border-radius:5px;
}

div.pa_best input.submit{
    border:none;
    outline:none;
    background: url(tl_files/pa/bg-button-abschicken-512.png) no-repeat;
    width:512px;
    height:81px;
    cursor:pointer;
    color:#FFCA42;
    font-size:0px;
    margin:3px 0 3px 0;
}
div.pa_best input.submit:hover{
    background-position:left -81px;
}
#planung_bestaetigung {
    background:url(tl_files/pa/bg-best-seite.png) no-repeat; 
    position:relative;
    height:auto;
    padding:70px 250px 50px 10px;
}
#planung_bestaetigung h1{
    position:absolute;
    top:18px;
    left:10px;
    white-space: nowrap;
}
#planung_bestaetigung div.pa_download {
    position:relative;
}
#planung_bestaetigung div.pa_download a{
    display:block;
    height:auto;
    padding:30px 100px 10px 130px;
    background:url(tl_files/pa/bg-pdf-dl.png) no-repeat;
    -moz-border-radius:15px;
    border-radius:15px;
    background-color:#EFF8FF;
    border:1px solid #86C0EF;
    font-style: normal;
    color:#6FAADF;
    text-decoration:none;
}
#planung_bestaetigung div.pa_download a:hover{
    background-color:#DFF1FF;
    color:#0069BF !important;
}
#planung_bestaetigung div.pa_download a span{
    display:block;
}
#planung_bestaetigung div.pa_download a span.head{
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:10px;
}
#planung_bestaetigung div.pa_download a span.main{
    text-decoration:underline;
    margin-bottom:10px;
}
#planung_bestaetigung div.pa_download a span.sub{
    font-size:10px; 
    color:#666;
}
#planung_bestaetigung div.lobkritik{
    position:relative;
}
#planung_bestaetigung div.lobkritik textarea.lobkritik{
    width:461px;
}
#planung_bestaetigung div.lobkritik input.submit{
    position: absolute;
    top:137px;
    left:520px;
    border:none;
    outline:none;
    background: url(tl_files/pa/button_submit_kritik.png) no-repeat transparent;
    font-size:0px;
    color:#DFF1FF;
    width:173px;
    height:82px;
    cursor:pointer;
}
#planung_bestaetigung div.lobkritik input.submit:hover{
    background-position:left -82px;
}
#planung_bestaetigung div.lobkritik_sent{
    padding-top:10px;
}
#planung_bestaetigung div.homelink a{
    display:block;
    padding:10px 10px 10px 35px;
    background:url(tl_files/pa/bg-button-leave.png) 3px no-repeat;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#EFF8FF;
    border:1px solid #86C0EF;
    font-style: normal;
    color:#6FAADF;
    text-decoration:none;
}
#planung_bestaetigung div.homelink a:hover{
    background-color:#DFF1FF;
    color:#0069BF !important;
}
/*Planungs-Assistent Skin-Spezifische Stile*/
/*Planungs-Assistent Skin1*/
#DIVPA.skin1 div.pa_head{
    height:142px;
}
#DIVPA.skin1 div.pa_step_1 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-1.png);
}
#DIVPA.skin1 div.pa_step_2 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-2.png);
}
#DIVPA.skin1 div.pa_step_3 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-3.png);
}
#DIVPA.skin1 div.pa_step_4 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-4.png);
}
#DIVPA.skin1 div.pa_step_5 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-5.png);
}
#DIVPA.skin1 div.pa_step_6 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-6.png);
}
#DIVPA.skin1 div.pa_step_7 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-7.png);
}
#DIVPA.skin1 div.pa_step_8 div.pa_head{
    background-image:url(tl_files/pa/skin1/bg-stepnav-8.png);
}
#DIVPA.skin1 div.pa_control div.stepnav ul li.active{
    font-size:0.9em;
}
#DIVPA.skin1 div.pa_control div.stepnav li a{
    display:block;
    float:left;
    padding:37px 0 0 6px;
    width:80px;
    height:53px;
    font-style:normal;
    color:rgb(28,88,148);
    text-decoration:none;
}
#DIVPA.skin1 div.pa_control div.stepnav ul li.active a{
    padding-top:35px;
}
#DIVPA.skin1 div.pa_control div.stepnav li.step1 a{
    padding-left:20px !important;
}
#DIVPA.skin1 div.pa_control div.stepnav li.step8 a{
    padding-left:4px;
    color:#AF7B00;
}
#DIVPA.skin1 div.pa_control div.stepnav li a:hover{
    text-decoration:underline;
    color:rgb(0,51,102) !important;
}
#DIVPA.skin1 div.pa_control div.stepnav li input{
    border:none;
    outline:none;
    display:block;
    float:left;
    width:80px;
    height:88px;
    background:transparent;
    color:#AAA;
    cursor:pointer;
    text-align:left;
    padding-left:15px;    
}
#DIVPA.skin1 div.pa_control div.stepnav li input:hover{
    color:#777;
    text-decoration: underline;
}
#DIVPA.skin1 div.pa_control #prog_indicator{
    border:solid #86C0EF;
    border-width:1px 0;
    padding:1px;
    height:32px;
    font-size:0.75em;
}
#DIVPA.skin1 div.pa_control #prog_indicator ul.prog_indicator li a:hover{
    background-color:#EFF7FF;
}

#DIVPA.skin1 table.pa_control td.pa_intro div.intro{
    color:#043179;
    font-size:0.9em;
    margin:3px 0 6px 0;
    padding:2px;
    border:1px solid #EEE;
    background-color:#F8F8F8;
}
#DIVPA.skin1 table.pa_control td.pa_intro div.intro p{
    margin:0 0 0.1em 0;
     line-height:1.3em;
}
/*
#DIVPA.skin1 div.reset_link a{
    display:block;
    padding:10px 0 10px 35px;
    margin:3px 10px 0 0;
    background:url(tl_files/pa/reset.png) 3px no-repeat #FFF6EF;
    border: 1px solid #FFD3AF;
    font-style: normal;
    text-decoration:none;
    color:#EF8B3B;
    -moz-border-radius:5px;
    border-radius:5px;
}
#DIVPA.skin1 div.reset_link a:hover{
    background-color: #FFE4CF;
    text-decoration:underline;
    color:#AF540A;
}
*/
/*Planungs-Assistent Skin2*/
#DIVPA.skin2 div.pa_head{
    height:92px;
}
#DIVPA.skin2 div.pa_step_1 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-1.png);
}
#DIVPA.skin2 div.pa_step_2 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-2.png);
}
#DIVPA.skin2 div.pa_step_3 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-3.png);
}
#DIVPA.skin2 div.pa_step_4 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-4.png);
}
#DIVPA.skin2 div.pa_step_5 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-5.png);
}
#DIVPA.skin2 div.pa_step_6 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-6.png);
}
#DIVPA.skin2 div.pa_step_7 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-7.png);
}
#DIVPA.skin2 div.pa_step_8 div.pa_head{
    background-image:url(tl_files/pa/skin2/bg-stepnav-8.png);
}

#DIVPA.skin2 div.pa_control div.stepnav li a{
    display:block;
    float:left;
    padding:27px 0 2px 0;
    width:88px;
    font-style:normal;
    color:rgb(28,88,148);
    text-decoration:none;
    text-align:center;
}
#DIVPA.skin2 div.pa_control div.stepnav ul li.active a{
    padding-top:27px;
    color:#FFF;
}
#DIVPA.skin2 div.pa_control div.stepnav li.step3 a{
    padding-left:2px;
}
#DIVPA.skin2 div.pa_control div.stepnav li.step8 a{
    padding-left:2px;
    color:#AF7B00;
}
#DIVPA.skin2 div.pa_control div.stepnav li a:hover{
    text-decoration:underline;
    color:rgb(0,51,102) !important;
}
#DIVPA.skin2 div.pa_control div.stepnav li input{
    border:none;
    outline:none;
    display:block;
    float:left;
    width:88px;
    height:auto;
    background:transparent;
    color:#AAA;
    cursor:pointer;
    text-align:center;
    padding:27px 0 2px 3px;    
}
#DIVPA.skin2 div.pa_control div.stepnav li input:hover{
    color:#777;
    text-decoration: underline;
}
#DIVPA.skin2 table.pa_control td.pa_intro div.intro{
    color:#043179;
    font-size:0.9em;
    margin:3px 0 6px 0;
    padding:2px;
}
#DIVPA.skin2 table.pa_control td.pa_intro div.intro p{
    margin:0 0 0.1em 0;
    line-height:1.3em;
}

#DIVPA.skin2 div.reset_link a{
    color:#999;
    text-decoration:none;
}
#DIVPA.skin2 div.reset_link a:hover{
    text-decoration:underline;
}
#DIVPA.skin2 div.pa_control #prog_indicator{
    background-color:#F1F8FE;
    padding:1px;
    height:32px;
    font-size:0.75em;
}
#DIVPA.skin2 div.pa_control #prog_indicator ul.prog_indicator li a:hover{
    background-color: #DFF1FF;
}

/*=== Neugestaltung Anforderungen (fuer Umsetzung mit WO vorbereitet): Katalog ===*/

#wo-kataloganforderung div.wo-var01 {
    background: url(tl_files/frame/stift_katalog.jpg) no-repeat 500px 10px #FFF;
    padding:0 180px 0 0;
}
#wo-kataloganforderung div.wo-var01 div.image_container{
    display:none;
}
#wo-kataloganforderung div.wo-var01 .hilfe_mat div.image_container{
    display:block;
}
#wo-kataloganforderung div.wo-var01 div.formbody{
    width:430px;
}
#wo-kataloganforderung div.wo-var01 label{
    float:left;
    clear:left;
    width:12em;
    font-size:inherit;
}
#wo-kataloganforderung div.wo-var01 fieldset.checkbox_container {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#wo-kataloganforderung div.wo-var01 fieldset.checkbox_container label{
    float:none;
}
#wo-kataloganforderung div.wo-var01  input {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#wo-kataloganforderung div.wo-var01  select {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    outline:none;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    color: #6FAADF;
}
#wo-kataloganforderung div.wo-var01  input.text {
    width:250px;
}
#wo-kataloganforderung div.wo-var01  input.submit {
    padding:1px 6px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    cursor:pointer;
}
#wo-kataloganforderung div.wo-var01  input.plz {
    width:50px;
}

#wo-kataloganforderung div.wo-var01  input.ort {
    width:182px;
}
#wo-kataloganforderung div.wo-var01  input.upload {
   background-color:#FFF;
}

#wo-kataloganforderung div.wo-var01  table.radio div.radiobox  {
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:3px;
    color:#6FAADF;
}
#wo-kataloganforderung div.wo-var01  table.radio div.radiobox{
    cursor:pointer;
    background:url(tl_files/pa/bg-checked.png);
    background-repeat:no-repeat;
    background-position:-100px -100px;
}

#wo-kataloganforderung div.wo-var01  table.radio div.radiobox:hover{
    border-color:#6FADDF
    background-color:#F5FCFF; 
}
#wo-kataloganforderung div.wo-var01  table.radio div.checked{
    border-color:#3676AF;
    color:#3676AF;
    background-position: 98% 8%;
    background-color: #F5FCFF;
}
#wo-kataloganforderung div.wo-var01  table.radio div.radiobox_dynamic input.radio{
    position:relative;
    top:3px;
    margin-left:-10%;
    visibility:hidden;
}

#wo-kataloganforderung div.wo-var01  textarea{
    border:1px solid #86C0EF;
    margin:3px 0;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:5px;
    
    height:300px;
}
#wo-kataloganforderung div.wo-var01  div.submit_container{
    clear:both;
    padding:5px 5px 5px 11.5em;
}
#wo-kataloganforderung div.wo-var01  input.submit{
    background-color: #EFF8FF;
    border: 1px solid #86C0EF;
    border-radius: 5px 5px 5px 5px;
    color: #6FAADF;
    display: block;
    padding: 5px;
}
#wo-kataloganforderung div.wo-var01  input.submit:hover{
    background-color: #DFF1FF;
    color:#0069BF;
}
#wo-kataloganforderung div.wo-var01 fieldset.auch_haben span {
    overflow:hidden;
    display:block;
    margin-bottom:-10px;
}
#wo-kataloganforderung div.wo-var01 fieldset.auch_haben span input{
    border:none;
}
#wo-kataloganforderung div.wo-var01 fieldset.auch_haben span label{
    position:relative;
    top:-21px;
    left:23px;
}

/*=== Layout Fehlermeldungen ===*/
body.error #main{
	padding-top:20px;
	min-height:400px;
	background:url(tl_files/frame/stift404.png) top right no-repeat #FFF;
}

/*=== Neugestaltung Anforderungen (fuer Umsetzung mit WO vorbereitet): DVD ===*/

#wo-dvdanforderung div.wo-var01 {
    background: url(tl_files/frame/stift_dvd.jpg) no-repeat 430px 20px #FFF;
    padding:0 180px 0 0;
}
#wo-dvdanforderung div.wo-var01 div.image_container{
    display:none;
}
#wo-dvdanforderung div.wo-var01 .hilfe_mat div.image_container{
    display:block;
}
#wo-dvdanforderung div.wo-var01 div.formbody{
    width:430px;
}
#wo-dvdanforderung div.wo-var01 label{
    float:left;
    clear:left;
    width:12em;
    font-size:inherit;
}
#wo-dvdanforderung div.wo-var01 fieldset.checkbox_container {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#wo-dvdanforderung div.wo-var01 fieldset.checkbox_container label{
    float:none;
}
#wo-dvdanforderung div.wo-var01  input {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#wo-dvdanforderung div.wo-var01  select {
    padding:3px;
    margin-bottom:5px;
    border:1px solid #86C0EF;
    outline:none;
    margin:3px;
    -moz-border-radius:5px;
    border-radius:5px;
    color: #6FAADF;
}
#wo-dvdanforderung div.wo-var01  input.text {
    width:250px;
}
#wo-dvdanforderung div.wo-var01  input.submit {
    padding:1px 6px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    cursor:pointer;
}
#wo-dvdanforderung div.wo-var01  input.plz {
    width:50px;
}

#wo-dvdanforderung div.wo-var01  input.ort {
    width:182px;
}
#wo-dvdanforderung div.wo-var01  input.upload {
   background-color:#FFF;
}

#wo-dvdanforderung div.wo-var01  table.radio div.radiobox  {
    border:1px solid #86C0EF;
    margin:3px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:3px;
    color:#6FAADF;
}
#wo-dvdanforderung div.wo-var01  table.radio div.radiobox{
    cursor:pointer;
    background:url(tl_files/pa/bg-checked.png);
    background-repeat:no-repeat;
    background-position:-100px -100px;
}

#wo-dvdanforderung div.wo-var01  table.radio div.radiobox:hover{
    border-color:#6FADDF;
    background-color:#F5FCFF; 
}
#wo-dvdanforderung div.wo-var01  table.radio div.checked{
    border-color:#3676AF;
    color:#3676AF;
    background-position: 98% 8%;
    background-color: #F5FCFF;
}
#wo-dvdanforderung div.wo-var01  table.radio div.radiobox_dynamic input.radio{
    position:relative;
    top:3px;
    margin-left:-10%;
    visibility:hidden;
}

#wo-dvdanforderung div.wo-var01  textarea{
    border:1px solid #86C0EF;
    margin:3px 0;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#6FAADF;
    padding:5px;
    
    height:300px;
}
#wo-dvdanforderung div.wo-var01  div.submit_container{
    clear:both;
    padding:5px 5px 5px 11.5em;
}
#wo-dvdanforderung div.wo-var01  input.submit{
    background-color: #EFF8FF;
    border: 1px solid #86C0EF;
    border-radius: 5px 5px 5px 5px;
    color: #6FAADF;
    display: block;
    padding: 5px;
}
#wo-dvdanforderung div.wo-var01  input.submit:hover{
    background-color: #DFF1FF;
    color:#0069BF;
}
#wo-dvdanforderung div.wo-var01 fieldset.auch_haben span {
    overflow:hidden;
    display:block;
    margin-bottom:-10px;
}
#wo-dvdanforderung div.wo-var01 fieldset.auch_haben span input{
    border:none;
}
#wo-dvdanforderung div.wo-var01 fieldset.auch_haben span label{
    position:relative;
    top:-21px;
    left:23px;
}