/*******************************************************
TITLE: Fixed One-Column #2 Layout (Basic) V1.0 (Beta)
DATE: 20070807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com

Color-Scheme:
Background:  #F4F0D8
Dark brown:  #BA9B65
Dark blue:   #133463
Middle blue: #365FB7
Light blue:  #799AE0



*******************************************************/


*{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:13px;}

body {margin:0px 20px 20px 20px;padding:0;height:100%;color:#000000;background-color:#f5f5f5;text-align:center;font-size:13px;}
img {border:0;}
a {color:#365FB7}
a:hover {color:#BA9B65}
.button {color:#365FB7;border-left:1px solid #DDDDDD;border-top:1px solid #DDDDDD;border-bottom:1px solid #BA9B65;border-right:1px solid #BA9B65;background-color:#F4F0D8;background-image:url(images/bg_boxtitel.jpg);padding:3px;text-decoration:none;vertical-align:middle;line-break-inside:avoid;}
.button IMG {vertical-align:middle;}
.button:hover {color:#BA9B65;border-left:1px solid #BA9B65;border-top:1px solid #BA9B65;border-bottom:1px solid #DDDDDD;border-right:1px solid #DDDDDD;background-image:url(images/bg_boxtitel_inv.jpg);}
ul {margin:0 0 5 0px;list-style-type:disc;}
li {margin:4px 0 5px 5px;}



.mandatory {font-weight:bold;}
DIV.error {color:#FF0000;font-style:italic;}
DIV.erlaeuterung {font-size:10px;font-style:italic;}
DIV.hinweis {margin:10px 0px 25px 0px;padding:5px 5px 5px 10px;background-color:#F4F0D8;border-top:1px solid #BA9B65;border-bottom:1px solid #BA9B65;}

#left_shadow {
background-color:#ff0000;
float:left;
width:10px;
}

#right_shadow {
float:left;
width:10px;
}

#container { 
margin:0 auto;
padding:0;
width:870px;
text-align:left;

background-color:#ffffff;
}


#header {
text-align:center;
margin:0;
padding:0 0 0 170px;
height:120px;
color:#133463;
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
}


#header h1 {margin:0;padding:35px 0 0 20px;font-size:20px;letter-spacing:0px;color:#133463;font-weight:bold;}
#header h2 {margin:0;padding:0 0 0 20px;font-size:14px;font-weight:lighter;letter-spacing:1px;color:#133463;}


/* Menü oben */
#menu {margin: 0px 0px 10px 0px;height: 30px;padding: 0px 0px 0px 0px;border-top:1px solid #ffffff;background-image:url(images/bg_menu.jpg);font-size:12px;color:#eeeeee;}
#menu table {width:850px;border-collapse:collapse;height:30px;}
#menu td {border-right:1px solid #FFFFFF;padding:0px;}
#menu td.spacer {border:none;}
#menu a {font-size:12px; color:#eeeeee;vertical-align:middle;font-weight:bold;height:30px;display:block;text-decoration:none;padding:0px 10px 0px 10px;line-height:28px;}
#menu a:hover {background-image:url(images/bg_boxtitel.jpg);color:#BA9B65;text-decoration:none;}



/* Menü links; Breite 185px */
#leftColumn {float:left;margin:0px 0px 20px 0px;padding:0;width:185px;font-size:13px;background-color:#FFFFFF;}
#leftColumn h2 {margin:10px 15px 7px 15px;padding:3px 3px 0px 3px;font-size:13px;font-weight:bold;border-bottom:1px solid #BA9B65;background-image:url(images/menu_bg.jpg);background-repeat:no-repeat;height:19px;}
#leftColumn .menuitem1 {margin:4px 0 5px 15px;}
#leftColumn .menuitem2 {margin:0px 0 0px 20px;padding:2px 0 2px 5px;border-left:1px solid #BA9B65;}
#leftColumn a {text-decoration:none;}
#leftColumn a:hover{text-decoration:none;}



#centerColumn {
/* Breite max. 675px */
float:left;
padding:0px 15px 0px 0px;
width:650px;
margin:0px;
background-color:#ffffff;
}

#singleColumn {
/* Breite max. 850px */
float:left;
width:820px;
margin:0px 0px 0px 0px;
padding:0px 15px 0px 15px;
background-color:#ffffff;
}


#centerColumn h2, 
#singleColumn h2 {
margin:0px 0px 0px 0px;
padding:10px 0px 12px 0px;
font-size:18px;
letter-spacing:2px;
font-weight:bold;
}

#centerColumn h3, 
#singleColumn h3,
#popup h3 {
margin:12px 0 6px 0;
padding:3px 0 3px 3px;
letter-spacing:1px;
font-size:14px;
font-weight:bold;
border-left:5px solid #BA9B65;
border-bottom:1px solid #BA9B65;
background-image:url(images/menu_bg.jpg);
background-repeat:no-repeat;
}

#centerColumn h4,
#singleColumn h4 {
font-size:12px;
font-weight:bold;
margin:15px 0px 6px 0px;
padding:3px 0px 3px 3px;
border-left:5px solid #BA9B65;
border-bottom:1px solid #BA9B65;
}


#centerColumn DIV, #singleColumn DIV {margin:2px 0px 2px 0px;}
#centerColumn DIV.text, #singleColumn DIV.text {margin:2px 0px 10px 0px;padding:2px 0px 2px 0px;line-height:18px;}
#centerColumn DIV.box, #singleColumn DIV.box {
  border-left:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  border-right:1px solid #BA9B65;
  border-bottom:1px solid #BA9B65;
  background-color:#EEEEEE;background-image:url(images/bg_box.jpg);margin-top:15px;padding:0px;}
#centerColumn .box DIV.boxtext, #singleColumn .box DIV.boxtext {padding:5px;font-size:10px;line-height:14px;}
#centerColumn .box DIV.boxtext *, #singleColumn .box DIV.boxtext * {font-size:10px; line-height:14px;}
#centerColumn .box DIV.boxtitel, #singleColumn .box DIV.boxtitel {padding:5px;font-weight:bold;background-image:url(images/bg_boxtitel.jpg);margin-bottom:3px;border-bottom:1px dotted #BA9B65;margin-top:0px;}

DIV.referenz  {width:580px;padding-bottom:8px;}
DIV.referenz DIV.title {font-size:10px;font-weight:bold;}
DIV.referenz DIV.comment {font-size:10px;}
DIV.referenz DIV.date {font-size:10px;font-style:italic;}

IMG.ref_logo {margin:7px;border:none;}


/* Tabellen allgemein */
#centerColumn table, 
#singleColumn table,
#popup table {
border-collapse:collapse;
margin:5px 0px 5px 0px;
}

#centerColumn table td, 
#singleColumn table td, 
#centerColumn table th, 
#singleColumn table th,
#popup table td,
#popup table th {
padding:4px;
vertical-align:top;
}

#centerColumn th, 
#singleColumn th, 
#popup th,
.colored {
background-image:url(images/bg_boxtitel.jpg);
font-weight:bold;
}



/* Tabellen für Artikelauswahl */
table.artikel {border-collapse:collapse;margin:5px 0px 5px 0px;
  border-right:1px solid #BA9B65;
  border-bottom:1px solid #BA9B65;
  border-left:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  width:630px;}
table.artikel td {padding:4px;vertical-align:top;border-bottom:1px dotted #BA9B65;}
table.artikel th {background-image:url(images/bg_boxtitel.jpg);background-color:#F4F0D8;font-weight:bold;padding:4px;vertical-align:top;border-bottom:1px dotted #BA9B65;}


/* Gerade und ungerade Tabellenzeilen */
TD.odd {background-color:#FFFFFF;}
TD.even {background-color:#EEEEEE;background-image:url(images/bg_td_even.jpg)}



/* Login-Bereich */
#login {float:right;margin:20px 10px 0 0;line-height:normal;text-align:left;}
#login p, #login div {font-size:10px;color:#000000;margin:0px 0px 5px 0px;line-height:normal;}
#login h2 {padding:0px 0px 2px 0px;border-bottom:1px solid #BA9B65;color:#000000;font-size:10px;margin:0px 0px 5px 0px;letter-spacing:normal;}
#login td {color:#000000;font-size:10px;padding:0 3px 3px 0;}
#login input {font-size:10px;border:1px solid #BA9B65;background-color:#ffffff;}



/* Formatierung der Box "In den Warenkorb " */
DIV.in_warenkorb {
margin:10px;
padding:0px 0px 0px 0px;
border:1px dotted #BA9B65;
width:450px;
font-size:13px;
}


DIV.in_warenkorb .titel {
  margin:0px;
  font-weight:bold;
  background-color:#F4F0D8;
  padding:6px 5px 6px 5px;
  background-image:url(images/bg_boxtitel.jpg);
}

DIV.in_warenkorb table {
  border-collapse:separate;
  padding:0px;
  margin-bottom:5px;
}



#footer {float:left;width:810px;margin:30px 10px 10px 10px;padding:5px 10px 15px 10px;text-align:center;font-size:13px;background-color:#ffffff;border-top:1px solid #cccccc;}


.small, .small * {border:0px;padding:0px;margin:0px;font-size:10px;line-height:12px;}