/**
* CSS Datei Bekleidungshaus Bredl GmbH
* Version:_____________0.1
* Author:______________Roman Liedtke
* letzte Aenderung:____
* vorletzte Aenderung:_
* Änderung davor:______
* Templateumsetzung:___
* Inhalt CSS:
*    0.........Angaben zum Body
*    1.........Allgemeingueltige Elementformatierungen
*    2.........Allgemeingueltige Klassenangaben
*    3.........IDs (von oben nach unten)
*    3.1.......Header
*    3.2.......Content
*    3.2.1.....Navigation
*    3.2.2.....Inhaltsbereich
*    3.2.3.....Footer
*    4.........Tabellen
*    5.........Formulare
*    6.........Google Maps Extension:rggooglemaps
*    7.........Mitarbeiter/Partner Seiten
*
* Info:in der Datei reset.css werden die Browserstandars zurueckgesetzt und initialisiert
**/
/*--------------------0.....Angaben zum Body-------------------------------------------*/
html, body{
background:#888990;
color:#000;
font:normal normal 700 13px/18px Helvetica, sans-serif;
height:100%;
letter-spacing:0;
margin:0;
padding:0;
text-align:center; /* horizontal centering for IE Win quirks */
width:100%;
}
/*--------------------1.....Allgemeingueltige Elementformatierungen--------------------*/
a:link,
a:visited{
color:#fff;
font:inherit;
text-decoration:underline;
}
#C #contentSchwarz a:link,
#C #contentSchwarz a:visited{
color:#1a171b;
}
* html a{
font-family:Helvetica;
}
a:hover,a:active{color:#fff;text-decoration:none;}
#C #contentSchwarz a:hover,
#C #contentSchwarz a:active{
color:#1a171b;
}
h1{color:#fff;font:normal 700 17px Helvetica, sans-serif;margin:0 0 14px 0;}
h2{color:#fff;font:normal 700 15px Helvetica, sans-serif;margin:10px 0 5px 0;}
h3{color:#fff;font:normal 700 14px Helvetica, sans-serif;margin:8px 0 5px 0;}
h4{color:#fff;font-weight:700;}
h5{color:#fff;font-weight:700;}
#C #contentSchwarz h1,#C #contentSchwarz h2,#C #contentSchwarz h3,#C #contentSchwarz h4,
#C #contentSchwarz h5{color:#1a171b;}
hr{height:1px;border-width:1px 0 0;border-style:solid;border-color:#fff;margin:13px 0;}
#C #contentSchwarz hr{border-color:#1a171b;}
li{margin:2px 0 2px 24px;padding:0 0 2px 4px;}
li li{margin:2px 0 0 24px;padding:0 0 0 4px;}
p, p.bodytext{font:normal normal 700 13px/18px Helvetica, sans-serif;margin:0 0 10px;}
ul{margin:10px 0 5px;}
ul ul{margin:2px 0 0;}
.pdf{background:url('../bilder/pdf.gif') no-repeat;padding:0 0 0 15px;}
.csc-textpic-caption{padding:5px 0 0;}
/*--------------------2.....Allgemeingueltige Klassenangaben---------------------------*/
.csc-textpic-clear{clear:both;} /* Bild mit Text Clearer */
/*--------------------3.....IDs (von oben nach unten)----------------------------------*/
#distance{ 
float:left;
height:50%;
margin-bottom:-271px; /* half of container's height */	
width:1px;
}
#container{
background-color:#898b91;
/*background:#ff00ff;*/
clear:left;
height:543px;
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:993px;
}
#Ahome{
height:538px;
margin:0;
padding:5px 0 0 5px;
position:relative;
width:988px;
}

#Ahome .banner{
background:#ffffff url('../bilder/start-schatten.gif') no-repeat;
float:left;
height:525px;
margin:0;
padding:0 13px 13px 0;
position:relative;
width:234px;
}
* html #Ahome .banner{
height:512px;
padding:0 12px 13px 0;
width:221px;
}
#Ahome .csc-textpic-imagewrap{float:left;}
#A{
background:url('../bilder/allgemein-schatten.gif') right bottom no-repeat;
font-size:1.1em;
height:525px;
margin:0;
padding:5px 13px 13px 5px;
position:relative;
width:975px;
}
#B{
float:left;
font-size:14px;
height:395px;
margin:0;
padding:0 13px 0 0;
position:relative;
width:234px;
}
#C{
background:none;
color:#fff;
float:right;
font-size:12px;
height:428px;
padding:0;
position:relative;
width:728px;
z-index:2;
}
#D{
background:#fff;
clear:left;
height:130px;
padding:0;
position:absolute;
top:400px;
width:975px;
z-index:1;
}
/**/
/*--------------------3.1...Header-----------------------------------------------------*/

/*--------------------3.2...Content----------------------------------------------------*/
#C #content,
#C #contentSchwarz{
float:left;
top:0;
left:0;
padding:32px 30px 40px;
position:absolute;
width:668px;
}
#C #content{
color:#fff;
}
#C #contentSchwarz{
color:#1a171b;
}
#C img{
border:0;
margin:0 0 -3px 0;
padding:0;
}
#D #sparte{
height:39px;
width:935px;
position:relative;
margin:33px 0 0 20px;
}
#D #sparte img{
float:right;
}

/*--------------------3.2.1.Navigation-------------------------------------------------*/
#A.haus #B{background:#98999F url('../bilder/navigation-schatten.gif') no-repeat;}
#A.damen #B{background:#a8a8ae url('../bilder/navigation/bg-subnav-damen.gif') no-repeat;}
#A.herren #B{background:#a8a8ae url('../bilder/navigation/bg-subnav-herren.gif') no-repeat;}
#A.you #B{background:#a8a8ae url('../bilder/navigation/bg-subnav-you.gif') no-repeat;}
#B ul{margin:34px 19px 30px;}
#B li{
font-weight:700;
list-style:none;
margin:0 0 25px 0;
padding:0;
}
#B a:link, #B a:visited{
color:#707173;
font:inherit;
font-style:italic;
text-decoration:none;
}
#B a:hover, #B a:active, #B a.aktiv{
color:#1a171b;
text-decoration:none;
}
#D ul{
float:left;
margin:31px 0 4px 0;
padding:0;
position:absolute;
width:975px;
height:23px;
}
#D li{
height:23px;
float:left;
list-style:none;
margin:0;
padding:0 33px 0 0;
width:214px;
}
#D li.li-last{
padding:0 20px 0 0;
width:214px;
}
#D li img{
height:23px;
float:right;
margin:0;
padding:0;
}
#A.haus #D{background:#5d5f67;}
#A.damen #D{background:#ca013a;}
#A.herren #D{background:#003055;}
#A.you #D{background:#FAC231;}
/*--------------------3.2.2.Inhaltsbereich---------------------------------------------*/
#C #content .contentLeft,
#C #contentSchwarz .contentLeft {
float:left;
height:278px;
width:319px;
}
#C #content .contentRight,
#C #contentSchwarz .contentRight {
float:left;
height:278px;
padding:0 0 0 30px;
width:319px;
}
#C #content .kontakt,
#C #content .rechts,
#C #contentSchwarz .kontakt,
#C #contentSchwarz .rechts{
float:left;
height:278px;
padding:0 0 0 30px;
}


/*------------Sitemap-Start-----------------------------*/
/* Listen */
#Da .csc-sitemap ul{
list-style-image:none;
list-style:none;
padding:2px 0 0 0;
}
/* IE fix for bug */
* + html #Da .csc-sitemap ul{
margin:0 0 0 2px;
}
/* IE fix for bug */
* html #Da .csc-sitemap ul{
margin:0 0 0 2px;
}
#Da .csc-sitemap li{
margin:0;
padding:0;
}
#Da .csc-sitemap li{
background:url('../bilder/li-sitemap-eins.gif') no-repeat;
padding:2px 0 2px 20px;
}
#Da .csc-sitemap li ul{
margin:0 0 0 -20px;
}
#Da .csc-sitemap li li{
background:url('../bilder/li-sitemap-zwei.gif') no-repeat;
padding:4px 0 0 40px;
}
#Da .csc-sitemap li ul ul{
margin:-2px 0 0 -40px;
}
#Da .csc-sitemap li li li{
background:url('../bilder/li-sitemap-drei.gif') no-repeat;
padding:2px 0 2px 55px;
}
#Da .csc-sitemap li ul ul ul{
margin:0 0 -2px -55px;
}
#Da .csc-sitemap li li li li{
background:url('../bilder/li-sitemap-vier.gif') no-repeat;
padding:2px 0 0 68px;
}
/*------------Sitemap-Stop-----------------------------*/
/*--------------------3.2.3.Footer-----------------------------------------------------*/
#meta{
background:none;
float:right;
font-size:0.9em;
font-weight:normal;
margin:-4px 13px 0 0;
position:relative;
}
#meta a{
margin:0 0 0 13px;
}


/*--------------------4.....Tabellen---------------------------------------------------*/
table.we_bredl-table{
margin:0;
border-top:1px solid #707173;
width:100%;
}
.we_bredl-table th{
color:#707173;
background:#fff;
padding:2px 0 2px 2px;
text-align:left;
}
.we_bredl-table th a{
color:#fff;
text-decoration:none;
}
.we_bredl-table th a:hover{
color:#000;
text-decoration:underline;
}
.we_bredl-table th.tabelleAktiv{
font-weight:700;
}
.we_bredl-table td{
padding:2px 0 2px 2px;
border-bottom:1px solid #707173;
}
.we_bredl-table .td-last img{
margin-bottom:-2px;
}
.we_bredl-table .tr-even{
}
.we_bredl-table .pflichtfeld{
color:red;
}
/* Standard Table */
.contenttable-0{
margin:0;
border-top:2px solid #707173;
width:100%;
}
.contenttable-0 tr{
margin:0;
padding:0;
}
.contenttable-0 th{
color:#707173;
background:#fff;
padding:2px 0 2px 2px;
text-align:left;
}
.contenttable-0 td{
font:inherit;
padding:2px 0 2px 2px;
border-bottom:2px solid #707173;
}
.contenttable-0 td p{
margin:0;
padding:0;
}
.contenttable-0 td b,
.contenttable-0 td strong{
margin:0;
padding:0;
}
/* Spaltenbreite festlegen */
.contenttable-0 .td-0{ width:40%;}
/*.contenttable-0 .td-1{ width:12%;}*/
.contenttable-0 .td-last{ width:40%;}

/* erste Zeile */
/*.contenttable-0 .tr-0 .th-0,
.contenttable-0 thead .tr-0 .td-0{
background:#fff;
border-left:1px solid #fff;
border-top:1px solid #fff;
font-size:1.1em;
font-weight:700;
text-align:left;
}
.contenttable-0 .tr-0 .th-1,
.contenttable-0 .tr-0 .th-last,
.contenttable-0 thead .tr-0 .td-1,
.contenttable-0 thead .tr-0 .td-last{
color:#fff;
font-size:1.1em;
font-weight:700;
padding:0 10px 0 10px;
}	*/
/* zweite und dritte Spalte */
/*.contenttable-0 .td-1,
.contenttable-0 .td-last{
font-size:1.1em;
padding:10px 19px 10px 19px;
}*/
/* letzte Zeile */
/*.contenttable-0 .tr-last td{
border-top:4px double #1F9DA5;
padding:1px 8px 1px 8px;
margin:0;
}
.contenttable-0 .tr-last td.td-1,
.contenttable-0 .tr-last td.td-last{
padding:1px 8px 1px 19px;
}*/
.contenttable-1 td{
height:90px;
}
.contenttable-1 .td-0,
.contenttable-1 .td-last{
vertical-align:top;
}
.contenttable-1 .td-0{
padding:0px 15px 0px 0;
}
.contenttable-1 .td-last{
padding:0px 0 25px 0;
}
/*---------------------5.....Formulare-------------------------*/
form{
font:normal normal 700 1em/1.25 Helvetica, sans-serif;
}
label{
float:left;
margin:2px 0px 2px 0px;
width:115px;
}
* html label{
float:left;
margin:2px 0px 2px 0px;
width:111px;
}
label.hidden{
display:none;
}
label.inLine{
float:none;
padding-right:10px;
}
form br{
clear:both;
}
input{
color:#707173;
background:#fff;
border:1px solid #707173;
height:15px;
margin:3px 0;
padding:2px 0 0 0;
width:150px;
}
select{
background:#fff;
border:1px solid #707173;
}
textarea{
color:#707173;
background:#fff;
border:1px solid #707173;
margin:3px 0 15px 0;
width:268px;
}
.button{
background:#fff;
border:1px solid #707173;
color:#707173;
cursor:pointer;
font-size:1em;
font-weight:700;
height:auto;
width:auto;
}
.offset{
margin:0 0 0 115px;
}
.shortInput{
width:42px;
}
.formErrorMessage{
clear:both;
color:#f00;
margin:0 0 0 115px;
}

/*---------------------6.....Google Maps Extension:rggooglemaps-------------------------*/
#maps{
/*border:1px solid #707173;*/
float:left;
height:395px;
width:728px;
}
.tx-rggooglemap-pi1{
color:#000;
float:left;
height:278px;
width:400px;
}
.poi-content h3{
color:#000;
margin:0;
padding:0;
}
.poi-content a:link,
.poi-content a:visited,
.poi-content a:hover,
.poi-content a:active{
color:#000;
}


/*---------------------7.....Mitarbeiter/Partner Seiten-------------------------*/

.zurueck{
position:absolute;
left:659px;
top:358px;
}
.zurueckSchwarz{
color:#000;
left:659px;
position:absolute;
top:358px;
}
.zurueckSchwarz a:link,
.zurueckSchwarz a:visited,
.zurueckSchwarz a:hover,
.zurueckSchwarz a:active{
color:#000;
}
#C #contentSchwarz.partner{
height:280px;
margin:32px 14px 40px 30px;
overflow-y:auto;
padding:0;
width:684px;
}
#C #contentSchwarz.partner .contentLeft{
}
#C #contentSchwarz.partner .contentRight{
width:303px;
}