/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
form {margin:0;}
fieldset {padding:.5em;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {text-align:center;margin:0 auto;padding:0;height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;background:url(../../images/background.jpg) repeat-x #dce7f2;font-size:100%;color:#333;}
html {height:100%;}
a {color:#7e2322;outline:none;}
a:hover {text-decoration:none;}

/*** Nuetzliches *******************************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner-klein {height:5px;}
.trenner-mittel {height:10px;}
.trenner-gross {height:20px;}
.trenner-groesser {height:50px;}
.trenner-riesig {height:100px;}
.trenner-monster {height:200px;}

/*** Formulare *******************************/
input, select, textarea {margin:2px 0 5px 0;padding:5px;background:#f2e1d0;border:1px solid;border-color:#866f55 #bfa484 #bfa484 #866f55;width:400px;color:#af8c66;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
input:focus, select:focus, textarea:focus {background:#ffe5b7;color:#75542c;}
.checkbox, .checkbox:hover {width:auto;margin:0;padding:0;background:none;border:none;}
.button {margin-top:10px;padding:0;width:197px;height:32px;background:url(../../images/button.jpg) no-repeat #8e2a2a;border:none;cursor:pointer;font-weight:bold;color:#ffc59a;}
.button:hover, .button:focus, .button:active {background:url(../../images/button.jpg) no-repeat 0 -32px #8e2a2a;border:none;color:#ffdcc2;}

/*** Web **********************************************************************/
/******************************************************************************/
.wrapper {width:900px;margin:0 auto;font-size:.7em;}

/*** Header samt Hauptnav *******************************/
.header1, .header2, .header3 {margin-top:11px;width:900px;height:264px;text-align:left;}
.header1 {background:url(../../images/header1.jpg) no-repeat;}
.header2 {background:url(../../images/header2.jpg) no-repeat;}
.header3 {background:url(../../images/header3.jpg) no-repeat;}

.nav {position:absolute;margin:241px 0 0 267px;text-transform:uppercase;}
.nav a {position:relative;padding:10px 15px;background:url(../../images/nav_trenner.jpg) no-repeat center right;text-decoration:none;font-weight:bold;color:#f7f0e6;}
.nav a:hover {color:#6c0100;}
.nav a.aktiv, .header .nav a.aktiv:hover {background:url(../../images/nav_trenner_aktiv.jpg) no-repeat center right #f7f1e7;color:#8f1818;}

/*** Content *******************************/
.content {padding:1px 3px 20px 3px;text-align:left;background:url(../../images/content_background.jpg) repeat-y;}
.content .innen {width:570px;position:relative;margin:25px 0 0 295px;}
.content .innen h1 {height:60px;width:564px;margin:0;padding:24px 17px 0 0;background:url(../../images/h1_background.gif) no-repeat top center;white-space:nowrap;font-size:2.2em;color:#901615;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;} /* sIFR */
.content .innen p {line-height:1.5em;}
.content .innen hr {border:0;height:2px;background:url(../../images/trenner.gif) no-repeat;}
.content .innen .trenner {height:2px;background:url(../../images/trenner.gif) no-repeat;}
.content .innen .einleitung, .content .innen .kapitel {margin:20px 0;font-size:1.2em;line-height:1.6em;font-weight:bold;color:#ae8557;}
.content .innen .kapitel {margin:25px 0 0 0;}
.content .innen .index_einleitung {height:150px;padding:15px 150px 0 0;background:url(../../images/content_background_frau.jpg) no-repeat top right;font-size:1.2em;line-height:1.6em;}
.content .innen .breitpic {margin:0 0 10px 0;}
.content .innen span.schild {padding:2px 4px;background:#217bc0;font-weight:bold;color:#fff;border:2px solid #fff;}
.content .innen .alphabet a, .content .innen span.leer {padding:2px 4px;background:#8c2323;color:#fff;font-weight:bold;font-size:1.2em;text-decoration:none;}
.content .innen .alphabet a:hover {background:#a27c39;}
.content .innen span.leer {background:#d8c1a9;cursor:default;}
.content .innen .headline_buchstabe {margin:30px 0 -20px 25px;}

.content .innen .alignleft, [align="left"] {float:left;margin:3px 10px 10px 0;} /* Abstand fuer links positionierte Bilder */
.content .innen .alignright, [align="right"] {float:right;margin:3px 0 10px 10px;} /* Abstand fuer rechts positionierte Bilder */

#map_canvas {width:528px;height:300px;border:2px solid #a68760;font-size:.75em;line-height:1.5em;} /* GoogleMaps Container */
#map_canvas img {float:none;margin:0 10px 0 0;padding:0;background:none;border:none;}

.content .box {margin-bottom:20px;width:568px;font-size:1.2em;}
.content .box p {margin:0 0 10px 0;padding:0;line-height:1.5em;}
.content .box p.link {font-weight:bold;color:#ab8052;}
.content .box p.link a {padding-left:5px;color:#7d562d;}
.content .box img {float:right;margin-left:20px;padding:3px;background:#edddc7;border:1px solid #bd9e7f;}
.content .box h2 {margin:0;padding:0;color:#7e2322;font-size:1em;}
.content .box span.small {font-size:.75em;color:#815b40;}
.content .box span.preis, .content .box span.preis-weiter {position:absolute;left:0;margin-left:200px;}
.content .box span.preis-weiter {margin-left:300px;}
.content .box p.info, .content .box p.redinfo {font-size:.8em;color:#815b40;}
.content .box p.redinfo {font-weight:bold;color:#7e2322;}
.content .box hr {border:0;height:2px;margin:10px 0;background:url(../../images/box_trenner.gif) repeat-x center left;}
.content .box .trenner, .content .box .kurztrenner {height:2px;margin:10px 0;background:url(../../images/box_trenner.gif) repeat-x center left;}
.content .box .kurztrenner {width:390px;}
.content .box .top {height:33px;background:url(../../images/box_top.gif) no-repeat;}
.content .box .middle {min-height:120px;height:auto;padding:5px 22px 15px 15px;background:url(../../images/box_middle.gif) repeat-y;}
.content .box .bottom {height:2px;background:url(../../images/box_bottom.gif) no-repeat;}

/*** Shop *******************************/
.artikelbox {margin:30px 5px 30px 0;min-height:110px;height:auto;}
.artikelbox .artikelpic {float:left;margin:0 10px 30px 0;}
.artikelbox p {width:350px;float:left;margin:0 0 15px 0;}
.artikelbox p.stk {width:auto;float:right;}
.artikelbox p.preis {color:#ae8557;font-size:1.2em;font-weight:bold;}
.artikelbox input {width:25px;margin:0;}

table th {font-size:.9em;}
table tr {height:25px;font-size:.85em;}
table .gesamt {height:65px;background:url(../../images/box_trenner.gif) repeat-x 0 10px;font-weight:bold;font-size:1em;}
table .braun {color:#815b40;}

/*** Randspalte *******************************/
.sidebar {float:left;width:264px;height:472px;background:url(../../images/sidebar_background.jpg) no-repeat top right;line-height:1.5em;}
.sidebar h1 {margin:20px 0 5px 0;text-indent:-999em;}
.sidebar h1 a {margin:5px 0 0 26px;display:block;width:202px;height:80px;background:url(../../images/logo.gif) no-repeat;cursor:pointer;}
.sidebar h3 {margin:25px 0 10px 13px;color:#901615;font-size:1.2em;}
.sidebar ul.subnav {margin-bottom:20px;list-style:none;font-size:1.1em;}

/****dani pfuscht in konstes style rum, sorry****/
.sidebar h2.menueheader {padding:11px 0 12px 55px;margin:1px 0 0 0;background:url(../../images/subnav_aktiv.gif) no-repeat;color:#f7f0e6;font-weight:normal;font-size:1.2em;}
.sidebar ul.subnav li {padding:11px 0 12px 24px;background:url(../../images/subnav_trenner.gif) no-repeat center bottom;}
.sidebar ul.subnav li.aktiv {margin:1px 0 0 0;}
.sidebar ul.subnav li.aktiv a, .sidebar ul.subnav li.aktiv a:hover {color:#990000;}
.sidebar ul.subnav li a {padding:12px 0 12px 30px;background:url(../../images/subnav_punkt.gif) no-repeat center left;text-decoration:none;color:#333;}
.sidebar ul.subnav li a:hover {color:#a73b3b;}

/****konstes original
.sidebar ul.subnav li {padding:11px 0 12px 24px;background:url(../../images/subnav_trenner.gif) no-repeat center bottom;}
.sidebar ul.subnav li.aktiv {margin:1px 0 0 0;background:url(../../images/subnav_aktiv.gif) no-repeat;}
.sidebar ul.subnav li.aktiv a, .sidebar ul.subnav li.aktiv a:hover {background:none;color:#f7f0e6;}
.sidebar ul.subnav li a {padding:12px 0 12px 30px;background:url(../../images/subnav_punkt.gif) no-repeat center left;text-decoration:none;color:#333;}
.sidebar ul.subnav li a:hover {color:#a73b3b;}
*/

.sidebar .banner {position:relative;z-index:2;margin:10px 0 10px 14px;}
.sidebar .flickr {margin:0 0 20px 13px;}
.sidebar .flickr a img {width:68px;height:68px;float:left;margin:0 5px 5px 0;padding:1px;border:3px solid #cdb492;background:#e9ddcd;}
.sidebar .flickr a img:hover {border:3px solid #841b1a;}
.sidebar .flickr a {color:#9c733a;}

/*** Footer *******************************/
.footer {position:relative;z-index:1;clear:both;height:154px;margin-top:-20px;padding-top:160px;background:url(../../images/content_background_abschluss.jpg) no-repeat top;text-align:left;}
.footer p {color:#6f96b6;font-size:.9em;}
.footer p.copyright {float:left;}
.footer p.quicklinks {float:right;}
.footer p.quicklinks a {padding-left:25px;color:#6f96b6;text-decoration:none;}
.footer p.quicklinks a:hover {color:#416079;}
.footer a.top {position:absolute;margin:-40px 0 0 420px;padding:5px 5px 5px 15px;background:url(../../images/top.gif) no-repeat center left;color:#815b40;font-size:.9em;text-decoration:none;}
.footer a.top:hover {color:#7e2322;}