/* CSS für Café Kowalski bei www.aromatransfer.de
(c) 2006 Ulf Jenninger Grafikdesign, Rosentalgasse 11, 04105 Leipzig
www.grafikdesign.com
***********************************************************************************************/

/* Anzupassende Styles:
/* Hintergrundfarben
***********************************************************************************************/
body, #navi {background-color: #CC0310;}
#kopf, #text {background-color: #FFFFFF;}

/* Hintergrundbilder
***********************************************************************************************/
body {background-image: url(/aromatransfer/layout/standards/kowalskitapete.gif);}

/* Schriftfarben
***********************************************************************************************/
#navi a.haupt, #navi a.haupt:link, #navi a.subnavi, #navi a.subnavi:link, #navi td.aktiv {color: White;}
#navi a.haupt:hover, #navi a.subnavi:hover {color: #7FCAA9;}
.rotedit {color: #FF0000;}
.titel, .utitel1, .utitel2, #text a:hover {color: #3E7753;}
.klein3, .grau {color: #999999;}
.klein2, #text a, #text a:link {color: #CC0310;}
.weisstitel {color: #FFFFFF;}

/* Linien und Linienfarben
***********************************************************************************************/
#navi td.verweis {border-bottom: 2px solid #7FCAA9; border-collapse: collapse;}
#navi td.aktiv {border-left: 2px solid #7FCAA9; border-right: 2px solid #7FCAA9; border-collapse: collapse;}
#form td {border-bottom: 1px dotted #3E7753;}
#form td.ende {border-bottom: none;}
#form input, #form textarea, #form select {border: 1px solid #3E7753;}
#text hr {color: #7FCAA9; background-color: #7FCAA9; height: 1px; width: 665px;}

/* Standardstyles
/* Schriftarten
***********************************************************************************************/
body {font-family: Arial, Helvetica, sans-serif;}

/* Schriftgrößen
***********************************************************************************************/
.titel, .weisstitel {font-size: 20px;}
#kopf, #navi, #text, #form, #form td, .utitel2, .normal {font-size: 13px;}
#navi a.haupt, #navi td.aktiv, .utitel1, .preis {font-size: 15px;}
#navi a.subnavi, .klein, .klein2, .klein3 {font-size: 11px;}
.rotedit {font-size: 10px;}

/* Schriftstil
***********************************************************************************************/
#navi a.haupt, #navi td.aktiv, .titel, .utitel1, .utitel2, .preis, .weisstitel {font-weight: bold;}
#navi a.haupt, #navi a.subnavi {text-decoration: none;}

/* Ausrichtung
***********************************************************************************************/
body, #navi td.verweis, #navi td.aktiv {text-align: center;}
#kopf, #navi, #text {text-align: left; vertical-align: top;}
#navi td.verweis, #navi td.aktiv {vertical-align: middle;}
#form {text-align: left; vertical-align: middle;}

/* Boxen und Abstände
***********************************************************************************************/
#navi td.verweis, #navi td.aktiv {width: 140px;	height: 25 px; }
#navi a.subnavi { padding-left: 15px; height: 20px;}
#text div.lesen {width: 685px; height: 460 px; max-height: 445px; overflow: auto; margin-top:15px; margin-left:15px;}
#text div.schreiben {margin-top:5px; margin-left: 15px;}
.linksbild {margin-right: 15px; margin-bottom: 10px;}
.rechtsbild {margin-left: 15px; margin-bottom: 10px;}
#form input, #form textarea, #form select {margin-top: 2px;	margin-bottom: 2px;}

/* Formular
***********************************************************************************************/
#form input, #form textarea, #form select {width: 450px;}
#form input.kurz1, #form select.kurz1 {width: 80px;}
#form input.kurz2 {width: 370px;}