/*
Stylesheet fuer ASK-RAFFIBRAUN.CH
*/

/* ===== BOXEN - BREITE BESTIMMEN ===== */
div.topleft, div.centerleft, div.bottomleft { padding: 0px 0px 0px 25px; width: 200px; }

/* ===== BOXENELEMENTE - ABSTAENDE UND BEGRENZUNGEN BESTIMMEN ===== */
div.centerleft div { padding: 0px 20px 0px 0px; }
div.topleft div { padding: 20px 20px 0px 0px; }
div.bottomleft div { padding: 0px 20px 15px 0px; }

/* ===== BOXENELEMENTE - LINKS - HINTERGRUNDBILDER BESTIMMEN ===== */
div.topleft { background: transparent url(../img/box/topleft.png) no-repeat top left; }
div.centerleft { background: transparent url(../img/box/centerleft.png) repeat-y left; }
div.bottomleft { background: transparent url(../img/box/bottomleft.png) no-repeat bottom left; }

/* ===== BOXENELEMENTE - RECHTS - HINTERGRUNDBILDER BESTIMMEN ===== */
div.topleft div { padding-right: 20px; background: transparent url(../img/box/topright.png) no-repeat top right; }
div.centerleft div { padding-right: 30px; background: transparent url(../img/box/centerright.png) repeat-y right; }
div.bottomleft div { background: transparent url(../img/box/bottomright.png) no-repeat bottom right; }

/* ===== GEDIMMTE BOXENELEMENTE - LINKS - HINTERGRUNDBILDER BESTIMMEN ===== */
.fenster div.topleft { background: transparent url(../img/box/topleftdim.png) no-repeat top left; }
.fenster div.centerleft { background: transparent url(../img/box/centerleftdim.png) repeat-y left; }
.fenster div.bottomleft { background: transparent url(../img/box/bottomleftdim.png) no-repeat bottom left; }

/* ===== GEDIMMTE BOXENELEMENTE - RECHTS - HINTERGRUNDBILDER BESTIMMEN ===== */
.fenster div.topleft div { padding-right: 20px; background: transparent url(../img/box/toprightdim.png) no-repeat top right; }
.fenster div.centerleft div { padding-right: 20px; background: transparent url(../img/box/centerrightdim.png) repeat-y right; }
.fenster div.bottomleft div { background: transparent url(../img/box/bottomrightdim.png) no-repeat bottom right; }


/* ===== RAHMEN "INHALT" - POSITIONIEREN + FORMATIEREN ===== */
.fenster {top: 32px; position: relative ;}
.fenster .topleft,.fenster .centerleft,.fenster .bottomleft{width: 80%; max-width: 800px; margin-left: 10%;}
.fenster .centerleft div{ max-height: 400px; overflow: auto ;}
.fenster .centerleft div { position: relative; right: 20px ;padding: 0px 20px 0px 40px; margin: 0px -20px 0px 20px}

/* ===== SPRECHBLASE - VERSTECKEN - POSITIONIEREN ===== */
.sprechblase {visibility: hidden; margin-bottom: -10px;}

/* ===== TEXTINHALT - POSITIONIEREN ===== */
.inhalt { margin-bottom: -10px; margin-left: auto; margin-right: auto;}


/* ===== SPRECHBLASENSPITZE POSITIONIEREN ===== */
img.spitze {margin-top: -20px;}