/* Buisinnes Catering Freiburg CSS Document */
/* erstellt von Matthias Kremer www.cremweb.de Cremweb design Freiburg */

body { background:#C2C3CC ;text-align:center;font-family:Tahoma, Verdana, Arial; font-size:12px;  }
ul {list-style-type: none}

/*-----------------------Layout der Webseite und seine Spalten ----------------------- */

#container { width:904px;height:604px; position: relative; margin: 0 auto; margin-top:20px;}
#box {width: 900px; height:600px; padding:2px;background-color:#fff;}

/*-----------------------Layout  & Formatierung Spalte 1----------------------- */

#bc-spalte_1 {width:225px;height:600px;float:left; background-image:url('../images/bg-spalte-1.jpg');}
#bc-spalte_1_catering {width:225px;height:600px;float:left; background-image:url('../images/bg-spalte-1_catering.jpg');}
#layer_color {width:225px; height:200px; background-color:#E0E4EF;position:absolute; left:2px; top:200px;}
#layer_logo {width:225px; height:200px; position:absolute; left:2px; top:402px; background-image:url('../images/business-catering-logo.jpg')}

/* ----------------- und sein Menu ------------------------------- */

#menubc {width:200px;margin-top: 10px;}
#menubc ul, #menubc li {margin-left:10px;padding:0; color:#666;}
#menubc li a:link, #menubc li a:visited, #menubc li a:active{display:block; color:#828282;text-decoration:none;
        height: 24px;line-height: 20px;font-variant:small-caps;letter-spacing:1px;margin-bottom: 1px;margin-top: 1px;text-align:left;
padding-left:6px; font-style:normal; font-weight:normal; font-size:12px; font-family:Tahoma, Verdana, Times, serif;}
#menubc li a:hover, #menubc li #current   { color:#000; text-decoration:none;padding-left:10px;}

/*-----------------------Layout  & Formatierung Spalte 2     ----------------------- */

#bc-spalte_2 {width:225px;height:600px;float:left; background-image:url('../images/bg-spalte-2.jpg');}
#bc-spalte_2_catering {width:225px;height:600px;float:left; background-image:url('../images/bg-spalte-2_catering.jpg');}
#bc-spalte_2 p {font-size:100%; color:#333; margin:0; line-height:1.5em;text-align:left ; padding-left:20px;  padding-top:8px; }
#layer_textfeld_mitte {width:225px;height:200px;float:left;padding: 202px 0 0 2px;}
#layer_textfeld_mitte_2 {width:225px;height:200px;float:left;background:#fff;padding: 2px 0 0 2px;}
#layer_menu_mitte {width:225px;height:400px;background:#fff; float:left;}
#layer_menu_mitte_short {width:225px;height:200px;background:#fff; float:left;}

/*-----------------------das Menu im  #layer_menu_mitte--------- */

#menubc2 {width:180px;padding:5px 0 0 0;}
#menubc2 ul, #menubc2 li {margin-left:10px;padding:0;color:#666;}
#menubc2 li a:link, #menubc2 li a:visited, #menubc2 li a:active {
display:block; color:#828282;text-decoration:none;height: 24px;line-height: 20px;margin: 1px 0 1px 0;text-align:left;padding-left:6px; 
font-variant:small-caps;font-style:normal; font-weight:normal; letter-spacing:1px;font-size:12px; font-family:Tahoma, Verdana, Times, serif;}

/*-----------------------Formatierung Submenue    ----------------------- */

#menubc2-sub li a:link {display:block; color:#828282;height: 24px;line-height: 20px;margin-top: 1px;padding-left:1px; 
font-size:11px; font-variant:small-caps;letter-spacing:1px;text-decoration:none;}
#menubc2 li a:hover, #menubc2 li #current  { color:#000; text-decoration:none;padding-left:8px;}

/*-----------------------Ende Menu im  #layer_menu_mitte--------- */


/*-----------------------Layout  & Formatierung Spalte 3      ----------------------- */

#bc-spalte_3 {width:450px;height:600px;background-color:#fff; float:right; }

#layer_slide_show {width:450px; height:400px; top:2px;float:left;}
#layer_text_small {width:450px; height:200px; visibility: visible; position:absolute; left:455px; top:400px;}
#layer_bild_oben {width:450px; height:200px; float:left;}
#layer_bild_oben_big {width:450px; height:400px; float:left;}
#layer_text_big {width:450px;height:400px;visibility: visible; position:absolute; left:455px; top:200px;}
#layer_text_big2 {width:450px;height:400px;visibility: visible; }

#bc-spalte_3 p {font-size:100%; color:#333; margin:0; line-height:1.4em;text-align:justify ; padding: 0 14px 0 20px;  }
#bc-spalte_3 h1 {font-size:140%; color:#666; line-height:1.5em;text-align:left ; font-weight:normal;padding: 0 5px 0 20px; }
#bc-spalte_3 a  {text-decoration:none; color:#666 ; border-bottom:1px solid #CDD3E3;}
#bc-spalte_3 a:hover { text-decoration:none; border-bottom:1px solid #000; color:#000;}
#bc-spalte_3 ul { list-style-type:disc;  line-height:170%;text-align:left;}

/*-----------------------Layer Text Formatierung in Spalte 3      ----------------------- */
#layer_text_small2 {width:450px; height:200px; visibility: visible; position:absolute; left:455px; top:400px;}

#layer_text_1 {width:400px; height:400px; z-index:1; visibility: visible; position:absolute; left:455px; top:216px}
#layer_text_2 {width:400px; height:400px; z-index:1; visibility: hidden; position:absolute; left:455px; top:216px}
#layer_text_3 {width:400px; height:400px; z-index:1; visibility: hidden; position:absolute; left:455px; top:216px}

#layer_next_1 {position:absolute; width:84px; height:14px; z-index:2; left: 670px; top: 576px; visibility: visible;}
#layer_next_2 {position:absolute; width:84px; height:14px; z-index:2; left: 670px; top: 576px; visibility: hidden;}

#layer_back_2 {position:absolute; width:55px; height:14px; z-index:1; left: 590px; top: 576px; visibility: hidden;}
#layer_back_3 {position:absolute; width:55px; height:14px; z-index:1; left: 590px; top: 576px; visibility: hidden;}
#layer_back_4 {position:absolute; width:55px; height:14px; z-index:1; left: 590px; top: 576px; visibility: hidden;}

/*-----------------------Ende Layer Text Formatierung in Spalte 3      ----------------------- */

blockquote {	color: #AE3147;padding-left: 4em;padding-right: 3em;background: url('../images/blockquote.gif') no-repeat;line-height:1.5em;text-align: justify;font-family: Verdana; font-weight:bold}
blockquote span.stand {color: #5B4F4F; }
blockquote span.home {color: #305A8A; }

/* ---------sonstige styles ------------------------------------------------ */ 

h2 {font-size:115%; color:#6C8699; line-height:1.5em;text-align:left; letter-spacing:2px; font-weight:bold; margin:0; padding-left:30px; padding-right:0; padding-top:25px; padding-bottom:0}
h4 {font-size:100%; color:#000; margin:10px; padding:10px; line-height:1.5em;font-weight:normal; }
h6 {font-size: 0.8em;	color: #999999; text-align:left ; padding-left:25px; font-weight:normal; }
h3 {font-size:100%; color:#333; margin:0; line-height:1.5em;text-align:justify; font-weight:normal;padding-left:20px; padding-right:14px; padding-top:0; padding-bottom:0}
#photodiv {  background-repeat: no-repeat;}
table { width:100%; border-spacing:8pt; }
td { border:0px ; vertical-align:bottom; }
td img { border:0px ; }
/* ----------------------styles Formular ------------------------------*/

fieldset {margin: 10px 0 0 3px; width:430px;}
form {padding:0; margin:0;}
fieldset legend {font-size:.9em; color:#666; font-weight:bold; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
label {line-height:1.5em; float:left; height:20px; padding:0 0 0 5px; margin-top: 1px; margin-bottom: 10px; color:#284356; width:70px; font-size:.9em; }
.field { height:18px; float:left; border: 1px solid #808080; width:150px; margin-bottom: 10px; background: #fff; line-height:1.7em; color:#808080 ; text-indent:.5em; font-size:11px;}
.textarea { border: #3a6381  1px solid; width:180px; margin:0; padding:0; float:left;line-height:1.7em; color:#808080 ; text-indent:.5em; font-size:11px;}
.button { background-image:url('../images/send.jpg');width:69px; height:20px; border:0; cursor: pointer; margin-left:120px;margin-top:20px;}
:hover.button { background-image:url('../images/send-hover.jpg');width:69px; height:20px; border:0; text-align:left;cursor: pointer; }