/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
//
//
*/

/*################################ BODY HTML DIV - Container ################################*/
body {font-size:12px;background-color:#ffffff;width:100%;margin:0px;padding:0px;font-family:arial,helvetica,sans-serif;color:#000000;}
html:root body {overflow-y:scroll;}/* Show only for Mozilla */

/*################################ Allgemein ################################*/
a { text-decoration: none;}
a:link { color: #000000;}
a:visited { color: #000000;}
a:focus, a:hover, a:active { color: #000000;}
a img { border: 0px;}
form, p, div {margin:0px;padding:0px;}
.clear {clear:both;}
.center {text-align:center;}

/*################################ unsichtbarer Bereich  ################################*/
.noshow   {width:0px;height:0px;overflow:hidden;display:none;}
.nostyle  {display:none;}
.showstyle  {display:inline;}

/*################################ Schriften ################################*/
p, div   {font-size:12px;font-family:arial,helvetica,sans-serif;color:#000000;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;font-family:arial,helvetica,sans-serif;color:#000000;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:9px;}

.colorSHS {color:#4eae36;}

/*################################ cms ################################*/
.editContent {position:absolute;z-index:6;}
.editFooter  {position:absolute;z-index:6;margin-top:-22px;}
html:root .editFooter  {position:absolute;z-index:6;margin-top:-44px;}/* Show only for Mozilla */
.editTeaser  {position:absolute;z-index:6;margin-top:-22px;margin-left:25px;}
.editNavLeft {position:absolute;z-index:8;margin-top:-22px;}
.editNavContent {position:absolute;z-index:8;margin-top:-22px;margin-left:280px;}

/*################################ layout ################################*/
#pageWrapper {margin:0px auto;font-size:12px;WIDTH:540px;max-height:999%; min-height:100%;/*height:100%;*/}
#top {z-index:3;position:relative;width:540px;height:130px;background-color:#ffffff;}
#top .topLeft {float:left;width:300px;}
#top .topRight {float:right;width:230px;}

/*################################ leftColumn - middleColumn - rightColumn ################################*/
#outerColumnContainer {width:510px;font-size:12px;border-left:10px solid #ffffff;border-right:10px solid #ffffff;
max-height:999%; min-height:100%;margin:-130px 0px -20px 0px; } 

#innerColumnContainer {font-size:12px;z-index:3;position:relative;margin:-130px -1px -20px -1px;
width:510px;max-height:7000px; min-height:580px;}
* html #innerColumnContainer {height:580px;} /* IE bis 6 */
.spaceHead {height:130px;}

/*################################ leftColumn ################################*/
#leftColumn {font-size:12px;z-index:4;position:relative;float:left;margin:0px 1px 0px -10px;width:10px;}/* margin rechts 1 muss sein  */

/* Hauptnavigation */
#navi {display:none;}
/* Ende Hauptnavigation*/

/*################################ middleColumn ################################*/
#middleColumn {font-size:12px;background-color:#ffffff;z-index:5;position:relative; FLOAT: left; MARGIN: 0px -1px 0px -1px; WIDTH: 510px;}/* margin links -1 muss sein  */
#middleColumn p, #middleColumn div, #middleColumn span {font-size:12px;font-family:arial,helvetica,sans-serif;line-height:140%;}

/* Content Navigation */
#naviContent {display:none;}
/* Ende Content Navigation */

#middleColumn ul {margin-left:9px;padding-left:9px;}
#middleColumn .back {text-decoration:underline;line-height:100%;}
#middleColumn .listen {width:510px;}
#middleColumn .listen .left {width:170px;float:left;text-align:left;}
#middleColumn .listen .middle {width:170px;float:left;text-align:center;}
#middleColumn .listen .right {width:165px;float:left;text-align:right;}

/* Formulare */
#formContact {}
#formContact .left   {width:210px;float:left;}
#formContact .right  {width:210px;float:left;}
#formContact .left1  {width:350px;float:left;}
#formContact .right1 {width:65px;float:left;}
#formContact .both   {width:420px;}
#formContact .inputs     {font-size:11px;width:202px;height:16px;background-color:#ffffff;border:1px solid #999999;margin:2px 0px 10px 0px;}
#formContact .inputs1    {font-size:11px;width:332px;height:16px;background-color:#ffffff;border:1px solid #999999;margin:2px 0px 10px 0px;}
#formContact .inputs2    {font-size:11px;width:62px;height:16px;background-color:#ffffff;border:1px solid #999999;margin:2px 0px 10px 0px;}
#formContact .inputs3    {font-size:11px;width:177px;height:16px;background-color:#ffffff;border:1px solid #999999;margin:0px 0px 0px 0px;}
#formContact .inputboth  {font-size:11px;width:413px;height:16px;background-color:#ffffff;border:1px solid #999999;margin:2px 0px 10px 0px;}
#formContact .textareas  {font-size:11px;font-family:arial,helvetica;width:413px;background-color:#ffffff;border:1px solid #999999;height:140px;}
#formContact .send {width:90px;font-weight:bold;cursor:pointer;text-align:center;padding:0px 2px;border:0px solid #cccccc;background-color:#ffffff;}
.stern {color:#ff0000}

/* Layer Content-Navigation */
.layerWillkommen {display:none;}
.layerFreundeskreis {display:none;}
.layerHelfen {display:none;}
.layerSponsoren {display:none;}
.layerPresse {display:none;}
.layerKontakt {display:none;}

/*################################ rightColumn ################################*/
#rightColumn {font-size:11px;text-align:left;background-color:#ffffff;z-index:3;position:relative;float:left;margin:0px -10px 0px 1px;width:10px;}/* margin links 1 muss sein  */
#rightColumn .teaser {display:none;}

/*################################ Footer ################################*/
#footer       {background-color:#ffffff;width:540px;height:20px;z-index:3;position:relative;border-top:2px dotted #cccccc;}
.spaceFooter  {height:20px;} 
#footer .footerLeft  {float:left;width:540px;text-align:center;padding-top:3px;}
#footer p {font-size:11px;}
#footer .footerRight {display:none;}

/*################################ Film ################################*/
#flashPlayer {width:400px;height:300px;overflow:auto;text-align:left; padding: 10px 10px;}