/*  
 * GENERALS
 *
 */

body, table, fieldset, input {
font-family: Arial, Helvetica;
font-size: 12px;
line-height: 130%;
}

body, table {
margin: 0;
padding: 0;
}

body {
/* IE */
text-align: center;
}

.inv {
display: inline; 
left: -1000px; 
overflow: hidden; 
width: 0px; 
position: absolute; 
top: -1000px; 
height: 0px;
visibility: hidden;
font-size: 0px;
line-height: 0px;
}

div#clearMe {
clear: both;
height: 0px;
width: 0;
margin: 0;
}

table {
border: 0;
border-collaps: 0;
border-spacing: 0;
}

img {
border: 0;
}

a, a:hover, a:visited {
text-decoration: none;
}

a.mail, a.mail:hover, a.mail:visited,
a.internal-link, a.internal-link:hover, a.internal-link:visited {
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
}





/*  
 * COLORS
 *
 */
 
/* default bg */
body {
background-color: #fcf3ee;
}

/* red */
div#navi li a.active, div#navi li a:hover.active, div#navi li a:visited.active,
h3, div#navi_geschichte .active a {
color: #f03c28;
}

div#footer, 
div#breadcrumb, div#breadcrumb a, div#breadcrumb a:hover, div#breadcrumb a:visited,
fieldset, input,
div.imgsubtitle,
div#std_text,
a.mail, a.mail:hover, a.mail:visited,
a.internal-link, a.internal-link:hover, a.internal-link:visited,
fieldset select {
color: #666666;
}

div.label, div.label a, div.label a:hover, div.label a:visited {
color: #FFFFFF;
}

div.border div.onepix {
border-color: #CCCCCC;
}

a, a:hover, a:visited {
color: black;
}






/*  
 * NAVIGATION
 *
 */

div#navi {
width: 208px;
}

div#navi a {
padding: 0 0 0 45px;
display: block;
font-size: 12px;
font-weight: bold;
}

div#navi ul {
list-style: none;
margin: 0;
padding: 0;
}

div#navi ul#level1 li {
padding: 3px 0 4px 0;
}

div#navi ul#level1 {
font-size: 12px;
font-weight: bold;
}

div#navi ul#level1 li.dot {
background-image: url(../images/general_elements/dot_navigation.gif);
background-repeat: no-repeat;
background-position: 10px 0;
}

div#navi ul#level1 li a.big {
font-size: 15px;
margin-bottom: 1px; /* zur optischen Angleichung */
}

/* following level */
div#navi ul#level2 li a {
font-weight: normal;
}

/* breadcrumb */
div#breadcrumb {
margin: 20px 0 0 208px;
}

/* news */
ul.newsnavi {
list-style: none;
margin: 0 0 12px 0;
padding: 0 0 12px 0;
border-bottom: solid 1px #cccccc;
color: red;
width: 576px;
}

li.newsnaviactive {
background-image: url(../images/general_elements/dot_content_x.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: #f03c38;
font-weight: bold;
font-size: 11px;
}

li.newsnaviactive a {
color: #f03c38;
}

li.newsnavinormal {
background-image: url(../images/general_elements/dot_content.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: black;
font-weight: bold;
font-size: 11px;
}

/* -- umbenannt -- */
a.ausbildungactive {
background-image: url(../images/general_elements/dot_content_x.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: #f03c38;
font-weight: bold;
font-size: 11px;
}
a.ausbildungnormal {
background-image: url(../images/general_elements/dot_content.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: black;
font-weight: bold;
font-size: 11px;
}
/* -- umbenannt ende -- */

a.tabactive {
background-image: url(../images/general_elements/dot_content_x.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: #f03c38;
font-weight: bold;
font-size: 11px;
}
a.tabnormal {
background-image: url(../images/general_elements/dot_content.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
color: black;
font-weight: bold;
font-size: 11px;
}

/* produkte */
ul.produktnavi {
list-style: none;
margin: 0 0 0px 0;
padding: 0 0 0px 0;
}

li.produktnaviactive a {
color: #f03c38;
font-weight: bold;
font-size: 11px;
}

li.produktnavinormal a {
color: black;
font-weight: bold;
font-size: 11px;
}

/* Filialen, Kontakt */
div.label span {
padding-right: 38px;
}

div.label {
font-weight: bold;
}

div#label1 {
margin: 112px 0 0 818px;
}

div#label2 {
margin: 93px 0 0 818px;
}





/*  
 * STAGES
 *
 */

body.start {
background-image: url(../images/home/motiv_home.jpg);
background-repeat: no-repeat;
background-position: center top;
}


/* default stage */
body.general {
background-image: url(../images/general_elements/header_unterseiten/aktuelles.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.aktuelles {
background-image: url(../images/general_elements/header_unterseiten/aktuelles.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.filialen {
background-image: url(../images/general_elements/header_unterseiten/filialen.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.impressum {
background-image: url(../images/general_elements/header_unterseiten/impressum.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.karriere {
background-image: url(../images/general_elements/header_unterseiten/karriere.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.kontakt {
background-image: url(../images/general_elements/header_unterseiten/kontakt.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.newsletter {
background-image: url(../images/general_elements/header_unterseiten/newsletter.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.tippspiel {
background-image: url(../images/general_elements/header_unterseiten/tippspiel.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.produkte {
background-image: url(../images/general_elements/header_unterseiten/produkte.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.rechtliches {
background-image: url(../images/general_elements/header_unterseiten/rechtliches.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.specials {
background-image: url(../images/general_elements/header_unterseiten/specials.jpg);
background-repeat: no-repeat;
background-position: center top;
}

body.wir_ueber_uns {
background-image: url(../images/general_elements/header_unterseiten/wir_ueber_uns.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* -- umbenannt -- */
div.content_ausbildung {
margin: 6px 0 6px 0;
padding: 6px 0px 6px 16px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

div.content_ausbildung img {
margin: 6px 0 0px 0;
padding: 0px 0px 0px 0px;
}
/* -- umbenannt ende -- */

div.tabcontent {
margin: 6px 0 6px 0;
padding: 6px 0px 6px 16px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

div.tabcontent img {
margin: 6px 0 0px 0;
padding: 0px 0px 0px 0px;
}





/*  
 * PAGE
 *
 */
 
div#page {
width: 998px;
margin: auto;
overflow: hidden;
/* IE (depends on body-Tag) */
text-align: left;
}





/*  
 * FOOTER
 *
 */
 
div#footer {
width: 772px;
margin-top: 6px;
padding-top: 3px;
margin-left: 208px; 
margin-bottom: 6px;
border-top: solid 1px #f03c28;
font-size: 11px;
font-weight: bold;
}






/*  
 * HOME
 *
 */
 
body.start div.mainContainer {
margin-top: 102px;
}

body.start img.logo {
margin: 25px 0 0 20px;
}






/*  
 * CONTENT
 *
 * - table layout (display: table/table-row/table-cell) for all content cols, IE: float (!)
 *   WICHTIG: Nur IE floatet die Spalten!
 * - content: "margin-left: 208px;" in "ie.css"
 */

body.sub div.mainContainer {
margin-top: 40px; /* up to breadcrumb */
}

body.sub img.logo {
margin: 0 0 0 12px;
}

div.tableStructure {
display: table;
border-collapse: collapse;
margin-bottom: 15px;
}

div.allCols {
display: table-row;
}

div.singleCol {
display: table-cell;
vertical-align: top;
}

div#layout1_1 {
width: 576px;
}

div.twoCols div#layout2_1 {
width: 296px;
padding-right: 12px;
}

div.twoCols_a div#layout2_1 {
width: 284px;
padding-right: 12px;
}

div.twoCols div#layout2_2 {
width: 282px;
}

div.twoCols_a div#layout2_2 {
width: 270px;
}

div#layout3_1, div#layout3_2 {
width: 196px;
padding-right: 12px;
}

div#layout3_3 {
width: 184px;
}

p.rte, div.normal {
margin: 0px;
padding: 0px;
}

div.letztes {
margin: 0px 0px 15px 0px;
}

/* Rahmen */

div.border div.onepix {
padding: 12px 12px 24px 12px;
border-width: 1px;
border-style: solid;
margin-top: -3px;
}






/*  
 * Content Elemente
 * TEXT-BILD-KOMBINATIONEN
 *
 */

div#standardlink span {
font-weight: bold;
font-size: 11px;
}
div#standardlink img {
vertical-align: bottom;
}

div.imgsubtitle {
text-align: left;
font-size: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

/* Standard Text Element */

div.std-text-element-block {
clear: both;
margin: 12px 0 12px 0;
}

div.std-text-element-block-margin-bottom {
clear: both;
margin: 0 0 12px 0;
}

div.std-text-element-block-no-margin {
clear: both;
margin: 0;
}

div#std_text_headline {
color: #f03c28;
font-weight: bold;
font-size: 15px;
margin-bottom: 11px;
}

div#std_text_headline_small {
color: #f03c28;
font-weight: bold;
font-size: 12px;
}

div#std_text {
font-weight: none;
font-size: 12px;
}

div#std_text_bold {
color: #666666;
font-weight: bold;
font-size: 12 px;
}

div#std_text img {
margin: 0 12px 6px 0;
vertical-align: top;
float: left;
}

div#std_image img {
margin: 0 12px 6px 0;
vertical-align: top;
float: left;
}

div#std_text div.std-img-con-margin-96 img,
div#std_text div.std-img-con-margin-132 img,
div#std_text div.std-img-con-margin-196 img {
float: none;
}

div#std_text div.std-img-con-margin-96,
div#std_text div.std-img-con-margin-132,
div#std_text div.std-img-con-margin-196 {
float: left;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* standard image with container */

div.csc-textpic-intext-left-nowrap {
margin-bottom: 20px;
}

div.csc-textpic-intext-left-nowrap .csc-textpic-image {
text-align: center;
}

div#std_text div.kleiner,
div.csc-textpic-intext-left-nowrap div.kleiner {
width: 175px;
}

div#std_text div.klein,
div.csc-textpic-intext-left-nowrap div.klein {
width: 165px;
}

div#std_text div.sehrklein,
div.csc-textpic-intext-left-nowrap div.sehrklein {
width: 150px;
}

div#std_text div.schmal,
div.csc-textpic-intext-left-nowrap div.schmal {
width: 125px;
}

div#std_text div.schmaler,
div.csc-textpic-intext-left-nowrap div.schmaler {
width: 110px;
}

div#std_text div.sehrschmal,
div.csc-textpic-intext-left-nowrap div.sehrschmal {
width: 95px;
}

div#std_text div.sehrschmalxs,
div.csc-textpic-intext-left-nowrap div.sehrschmalxs {
width: 85px;
}

div#std_text div.sehrschmalxxs,
div.csc-textpic-intext-left-nowrap div.sehrschmalxxs {
width: 75px;
}

div#std_text div.sehrschmal3xs,
div.csc-textpic-intext-left-nowrap div.sehrschmal3xs {
width: 65px;
}

/* 96 */

div.std-img-con-margin-96 div.csc-textpic-text {
margin-left: 96px;
}

div.std-img-con-margin-96 div.csc-textpic-image {
width: 84px;
}

div#std_text div.std-img-con-margin-96 {
width: 96px;
}


/* 132 */

div.std-img-con-margin-132 div.csc-textpic-text {
margin-left: 132px;
}

div.std-img-con-margin-132 div.csc-textpic-image {
width: 120px;
}

div#std_text div.std-img-con-margin-132 {
width: 132px;
}

/* 196 */

div.std-img-con-margin-196 div.csc-textpic-text {
margin-left: 196px;
}

div.std-img-con-margin-196 div.csc-textpic-image {
width: 184px;
}

div#std_text div.std-img-con-margin-196 {
width: 196px;
}







/*  
 * SNIPPET COL
 *
 */
 
div#snippet {
width: 196px;
padding-left: 12px;
}








/*  
 * FORMULAR
 *
 */

fieldset.csc-mailform {
padding: 12px;
margin: 12px 0 12px 0;
}

fieldset.csc-mailform label {
display: block;
float: left;
width: 155px;
}

fieldset.csc-mailform input, textarea, fieldset.csc-mailform fieldset {
margin-bottom: 6px;
}

fieldset.csc-mailform select {
width: 283px;
margin-bottom: 8px;
font-size: 13px;
}

fieldset.csc-mailform fieldset {
padding-top: 8px;
}

fieldset.csc-mailform fieldset legend {
display: none;
}

fieldset.csc-mailform fieldset label {
float: none;
display: inline;
width: auto !important;
}

fieldset.csc-mailform fieldset input.csc-mailform-radio {
margin-right: 8px;
margin-bottom: -2px;
}







/*  
 * ZEITLEISTE
 *
 */

div#navi_geschichte {
height: 38px;
margin-bottom: 24px;
}

div#navi_geschichte .normal a,
div#navi_geschichte .active a {
border-left: 1px solid #ccc;
font-weight: bold;
padding-left: 3px;
padding-right: 9px;
padding-bottom: 12px;
height: 24px;
}

div#navi_geschichte .pfeil-links {
padding-right: 3px;
}

div#navi_geschichte .active a {
padding-bottom: 18px;
height: 38px;
}

div#navi_geschichte .navipunkt a {
background-image: url(../images/general_elements/zeitleiste_kleiner_strich.gif);
background-repeat: repeat-x;
background-position: 1px 17px;
}

div#navi_geschichte .normal {
height: 38px;
}