/*
      Created by Gerald Rusche of geruweb.de
	  
	  E-Mail: info@geruweb
	  
	 
	  
*/
* { margin: 0; padding: 0 }
#wrapper { margin: 0 auto; width: 922px; border: solid 1px #848484 }
#faux { background: url("ronnyhorri.jpg") no-repeat; margin-top: 0; margin-bottom: 0; width: 100%; min-height: 350px; overflow: auto }
#leftcolumn { color: #333; display: inline; margin: 10px; padding: 50px 0 0 27px; width: 140px; float: left }
#rightcolumn { color: #333; text-align: left; display: inline; margin: 10px 10px 25px 40px; padding: 30px 0 0 5px; position: relative; width: 640px; float: right }
#footer { color: #333; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0 10px; width: 902px; clear: both }
a:link, a:visited { color: #002673; font-style: italic; text-decoration: underline }
.clear { background: transparent; clear: both }
/* hide from IE/MAC \*/
* html #leftcolumn, * html #rightcolumn { height: 1px }
/*	reset some basic style
*******************************************************************************/
dl { margin: 0 }
dl dt { margin: 0 }
dl dd+dt { margin-top: 0 }
dl dd { margin: 0 }
ol { list-style: none }
ol li { margin: 0 }
ol li ol { margin: 0 }
ol li ul { margin: 0 }
p { margin-bottom: 10px }
ul { list-style: none }
ul li { margin: 0 }
ul li ul { list-style: none; margin: 0 }
ul li ol { margin: 0 }
pre { font-size: 1.2em }
a:hover { color: #ffd002 }
/*	body
*******************************************************************************/
body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 45px; padding-bottom: 15px; voice-family: inherit    }
.clearer { font-size: 0; line-height: 0; visibility: hidden; display: block; height: 1px; clear: both }
.clear { clear: both }
.flLeft { float: left }
.flRight { float: right }
.warning { color: #f00 }
/*	header
*******************************************************************************/
#header { color: #333; background-image: url("header.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0 10px; width: 902px; height: 216px }
/*	logo / breadcrumb
*******************************************************************************/
#logo { position: absolute; top: 0; left: 0 }
#logo a { text-indent: -700em; display: block; width: 170px; height: 100px }
#breadcrumb { position: absolute; bottom: 9px; left: 200px }
#breadcrumb a, #breadcrumb a:link { color: #000 }
#breadcrumb a:hover { text-decoration: underline }
/*	Navigation vertical - --------------------------------------------------------------------*/
#navigation { font-size: 1em; font-style: normal; padding: 80px 0 14px; width: 160px; float: left }
#navigation ul.nav1st { width: 160px }
#navigation ul.nav1st li { line-height: 7px; background-image: url("greydot.gif"); background-repeat: no-repeat; background-attachment: inherit; background-position: 0 8px; padding: 8px 0 8px 14px }
#navigation ul.nav1st li.active { background-image: url("reddot.gif"); background-repeat: no-repeat; background-attachment: inherit; background-position: 0 8px }
#navigation ul.nav1st li.active a, #navigation ul.nav1st li.active a:link { color: #484848; font-style: normal; list-style-type: disc }
#navigation ul.nav1st a, #navigation ul.nav1st a:link { color: black; font-size: 1em; font-style: normal; text-decoration: none; display: block }
#navigation ul.nav1st a:hover { color: #ffd002; font-style: normal; background-position: 150px 25px; list-style-type: circle }
#navigation ul.nav1st li ul.nav2nd li { color: #aaa; font-style: normal; list-style-type: circle; margin-left: 14px; padding: 0 }
#navigation ul.nav1st li ul.nav2nd a:hover { color: #b31c2c; font-style: normal }
#navigation ul.nav2nd a, #navigation ul.nav2nd a:link { font-size: 1.1em; font-style: normal; font-weight: normal; display: block; padding: 4px 0 }
#navigation ul.nav2nd a.current, #navigation ul.nav2nd a.current:link, #navigation ul.nav2nd a:hover { font-style: normal; text-decoration: underline }
/*	footer
------------------------------------------------------------------------------*/
.footer2 { padding: 0 14px }
.footer p { font-size: 10px; text-transform: uppercase; margin: 0; padding: 9px 0 }
.footer p, .footer p a, .footer p a:link { color: #555555 }
.footer p a:hover { text-decoration: underline }
.footer .col-left { width: 186px; float: left }
.footer .col-right { float: left }
/*	Headlines
------------------------------------------------------------------------------*/
h4 { color: #2d79c5; font-size: 1.8em; font-style: italic }
/* Headline 1 */
#rightcolumn h1 { color: black; font-size: 1.1em; font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; line-height: 1em; padding-top: 40px; padding-bottom: 12px }
#rightcolumn .teaser h1 { font-size: 1.4em }
/* Headline 2 */
#rightcolumn h2 { color: #000; font-size: 1.4em; font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; line-height: 1.4em; margin-top: 15px; margin-bottom: 5px }
/* Headline 3*/
#rightcolumn h3 { color: #000; font-size: 1.1em; font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; line-height: 1.4em; margin-top: 15px; margin-bottom: 5px }
/*	Images
------------------------------------------------------------------------------*/
#rightcolumn div.image { margin-bottom: 0 }
#rightcolumn div.image p { font-size: 0.9em; margin: 0 }
#rightcolumn div.flLeft { margin-right: 14px }
#rightcolumn div.flRight { margin-top: 0; margin-left: 0; padding-top: 0 }
/* form-module
*******************************************************************************/
#form-module * { margin: 0; padding: 0 }
#form-module { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f9df00; margin: 0; padding: 0; width: 420px }
#form-module fieldset { border: solid 0 #fff }
#form-module legend { display: none }
#form-module p { font-size: 1em; font-weight: bold; margin: 0; padding: 5px }
#form-module .element { background-color: #f9df00; display: block; clear: both; border-top: 2px solid #fff }
#form-module label { background-color: #f7f7f7; display: block; padding: 5px; width: 100px; float: left; border-right: 2px solid #fff }
#form-module label.checkbox { width: 372px; border-right: medium none; border-left: 2px solid #fff }
#form-module input, #form-module select, #form-module textarea { margin: 5px; width: 295px; float: left; border: solid 1px #333 }
#form-module input.text { height: 20px }
#form-module input.checkbox { padding: 0; width: 120px; border: none }
#form-module input.submit { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; margin: 5px 5px 5px 120px; padding: 2px 5px; border: dotted 1px #333 }
#form-module input.submit:hover { color: #000 }
#form-module label.textarea, #form-module textarea.textarea { height: 96px }
#form-module-thanks { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; display: block }
/* hasso
------------------------------------------------------------------------------*/
#hassoGallery { color: black; font-size: 11px; font-weight: bold; margin-left: 0; padding: 0 }
#hassoNav { text-align: left; display: block }
#hassoNav ul { color: black; font-size: 11px; font-weight: bold; line-height: normal; text-align: left; list-style: none; display: block; margin-top: 2px; margin-bottom: 2px; margin-left: 0.5em }
#hassoNav a { display: block }
#hassoNav a:hover { display: block }
#hassoNav #active { display: block }
#hassoThumbs { font: bold 12px verdana, sans-serif; text-align: center; margin: 0; padding: 0; width: 620px; float: left; border: dashed 1px #bfbfbf }
#hassoThumbs .hassoThumb { text-align: center; margin: 10px 5px; width: 144px; height: 144px; float: left; vertical-align: middle; border: 0 }
#hassoThumbs .hassoThumb a { border: 0 }
#hassoThumbs .hassoThumb a img { border: 0 }
#hassoPic { font: bold 12px verdana, sans-serif; text-align: center; margin: 0; padding: 5px; width: 600px; border: dashed 1px #bfbfbf }
#hassoPic .hassoTitle { font-size: 1.2em; text-align: left; padding-bottom: 5px }
#hassoPic .hassoDescription { font-weight: normal; text-align: left; padding-bottom: 12px }
#hassoPic img { margin: 0; border: 0 }
#hassoPrevNextNav { font-size: 11px; display: block; margin: 0; padding: 0; width: 370px }
#hassoPrevNextNav #hassoPrevPic { float: left }
#hassoPrevNextNav #hassoNextPic { float: right }
#hassoPrevNextNav #hassoPrevPic a { text-align: left }
#hassoPrevNextNav #hassoNextPic a { text-align: right }
fieldset { background-color: #f7f7f7; margin: 0 35px 0 0; padding: 10px 20px 20px 10px; border: dotted 1px }
.eventlist { color: #484848; font-weight: normal; margin-right: 0; padding: 0 0 10px; border: dotted 1px }
/* Kalenderformatierung
------------------------------------------------------------------------------*/
.elDate { font-size: 1.1em; font-weight: bold; padding: 12px }
.eltitle { font-size: 1.1em; font-weight: bold; padding: 12px }
.elcat { font-size: 1.1em; padding: 12px }
.elvenue { font-size: 1.1em; font-weight: bold; padding: 12px }
.elshortdesc { font-size: 1.1em; padding: 12px }
th { background-color: #dcdcdc; padding: 10px; border-style: none }
td { padding: 10px 5px 0; border-style: none }
/* download
*******************************************************************************/
.hotline { margin: 0; position: relative; top: 3px; left: 13px }
#faux .download-hdl p, #faux .download-file p, #faux .download-desc p { margin: 0 50px 0 0 }
#faux .download-hdl p { color: #292929; font-weight: bold; background-color: #ebebeb; margin-right: 50px; padding: 5px 7px }
#faux .download-file { margin-right: 50px; padding: 1.2em 7px; border-right: 2px solid #039; border-left: 2px solid #039 }
#faux .download-desc { background-color: #ddd; margin-right: 50px; margin-bottom: 1.1em; padding: 1.2em 7px 0.8em; border-right: 2px solid #039; border-bottom: 2px solid #039; border-left: 2px solid #039 }
#faux .download-without-desc { margin-right: 50px; margin-bottom: 1.2em; border-top: 2px solid #039 }
.magazine-image { background: #fff; border: solid 1px #eee }
.magazine-image img { background: #fff; margin: 2px; padding: 0; border: solid 1px #eee }
#promo { font-size: 0.8em; font-weight: bold; margin-top: 25px; padding-top: 5px; border-top: 1px dotted #655d62; }
#teas { font-size: 12px; font-weight: normal; font-style: italic; margin-top: 8px; }
#werbung { color: #c4510d; font-size: 14px; line-height: 18px; text-align: justify; width: 640px; }
.headwerb { font-size: 16px; background-color: #ececec; position: relative; bottom: 5px; margin-top: 6px; margin-bottom: 6px; border-bottom: 1px dotted #999; }