/* Allgemeines

font-family:Arial,sans-serif;
title/footer color:#86A3C2;
body background-color:#336699;
content/footer border-color:#86A3C2;

Bildhintergründe und Positionierung des Header per Typoscript pro einzelner Seite per pageCSS
*/



/* Allgemeine Neutralisation
------------------------------------------------------------------ */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 10px 0 ; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 10px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------- */

/* Für permanenten Scrollbalken rechts: */
html { height: 101%; }

body {
font-family:Arial,sans-serif;
font-size:12px;
text-align: center;
margin: 0;
background-color:#336699;
color:#FFFFFF;
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

a { font-size:12px; color:#FFFFFF; text-decoration:none;}

table { text-align:left;}

/* ----------- Grundstruktur ------------- */
#main { width:690px; margin: 0 auto; }
#content { border-top:solid 1px; border-color:#86A3C2; padding:5px 0 5px 0; }
#head { position:relative; height:295px; margin:0; overflow:hidden; }
#maincontent { width:630px; padding: 0 30px 0 30px ;}


/* ------------- titel ------------------ */
#title { font-size:10px; padding: 10px 0 5px 0; color:#86A3C2; text-align:center; }
#title a { font-size:10px; padding: 5px 0 3px 0; color:#86A3C2;text-decoration:none; font-weight:normal; text-align:center;}

/* ------------ Hauptmenu --------------- */
#menu { position:absolute; left:0px; top:0px; margin-bottom:0px; padding:0; }
#menu table { margin:0 20px 0 20px; white-space:nowrap; text-align:center; }
#menu table a { margin:0; padding:0; font-weight:bolder; }

/* --------- headtext ----------------------------- */
#text { position:absolute; left:340px; top:20px; width:311px; overflow:hidden; }
#text p { padding:0px 0 10px 0; }
#text .bodytext { text-align:right; font-size:10px; line-height:13px; }

/* ------------ selectmenu ------------------------ */
.formmenu { margin:0px;}

/* ------------ maincontent --------- */
#col1 {  width:200px; float:left; overflow:hidden; }
#col1  { text-align:left; overflow:hidden;}

#col2 { width:400px;float:right; text-align:left; overflow:hidden; }
#col2 hr { color:#86A3C2; height:1px; border:none; background-color: #86A3C2; }

/* ----------- footer ------------------ */
#footer { font-size:10px; margin: 5px 0 0 0; color:#86A3C2; text-align:center; border-top:solid 1px; border-color:#86A3C2; }
#footer table { padding: 0 0 0 96px;  }
#footer a { font-size:10px; margin: 5px 0 0 0; color:#86A3C2;text-decoration:none; }
#footer a img { border:none; }


/* ---------  Shop Toptext ---------------------- */

#col2 div.csc-frame-frame1 p.bodytext { font-size:10px; width:390px; overflow:hidden;}
#col2 div.csc-frame-frame2 p.bodytext { width:390px; overflow:hidden;}
#col2 div.csc-frame-frame1 a { font-size:10px; text-decoration:underline; }

/* ---------  Shop Text mit Bild ----------------- */
.shop { border-bottom:solid 1px; }
#col2 th { vertical-align:top; border-bottom:solid 1px; padding:0; margin:0;}
#col2 div.csc-textpic-intext-left-nowrap{ padding:20px 0 20px 0; }
#col2 td.preis p{ vertical-align:bottom; text-align:right;}

/* ---------- iframe ---------------------------- */
#col2 iframe { margin-left:15px; }