/*
////////////////////////////////////////////////////////////////
//
// 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;}

/*################################ Bildabstand ################################*/
img.leftBottom {margin-left:20px;margin-bottom:10px;}
img.rightBottom {margin-right:20px;margin-bottom:10px;}
img.topLeftBottom {margin-top:10px;margin-left:20px;margin-bottom:10px;}
img.topRightBottom {margin-top:10px;margin-right:20px;margin-bottom:10px;}
img.topLeftRightBottom {margin:20px;}
img.left {margin-left:20px;}
img.right {margin-right:20px;}

/*################################ Klasse Links ################################*/
a.linkWeiss {color:#FFFFFF;}
a.linkSchwarz {color:#000000;}
a.linkDunkelgrau {color:#333333;}
a.linkRot {color:#FF0000;}
a.linkBlau {color:#0000FF;}
a.linkGruen {color:#33CC66;}
a.linkDunkelrot {color:#CC0000;}
a.linkDunkelgruen {color:#336666;}
a.linkDunkelblau {color:#003399;}
a.linkOrange {color:#eb7511;}

/*################################ 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;}

.kapitaelchen {font-variant:small-caps;}

/*################################ 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 {font-size:12px;WIDTH:930px;max-height:999%; min-height:100%;/*height:100%;*/}
#top {z-index:3;position:relative;width:930px;height:200px;background-color:#ffffff;}
#top .topLeft {float:left;width:300px;}
#top .topRight {float:right;width:230px;}

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

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

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

/* Hauptnavigation */
#navi {text-align:left;margin:0px;padding:0px;width:270px;}
#navi .menue {text-align:left;vertical-align:top;width:170px;}
#navi .bow {text-align:left;vertical-align:top;width:100px;height:175px;}
#navimenue {text-align:left;margin:0px;padding:0px;width:170px;}
#navimenue #cell {width:170px;height:25px;vertical-align:top;text-align:left;}
#navimenue #cell a:link, #navimenue #cell a:visited, #navimenue #cell a:active {display:block;background-image:url(none);}
#navimenue #cell a:focus, #navimenue #cell a:hover {display:block;background-image:url(/die-arche-hamburg/images/navi/msover.gif);background-repeat:no-repeat;background-position:left center;}
#navimenue #cell.on a:link, #navimenue #cell.on a:visited, #navimenue #cell.on a:focus, #navimenue #cell.on a:hover, #navimenue #cell.on a:active {display:block;background-image:url(none);}
/* Ende Hauptnavigation*/

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

/* Content Navigation */
#naviContent {width:435px;height:25px;}
#naviContent ul {padding:4px 12px 4px 0px;margin:0px;text-align:right;color:#ffffff;font-family:arial,helvetica,sans-serif;font-size:11px;font-weight:bold;}
/* Hide from IE-Mac */
@media all { 
#naviContent ul {padding:4px 0px 4px 0px;}/* Show only for Mozilla */
}
/* end hide */
#naviContent ul li {display: inline;}
#naviContent ul li a {padding:5px 12px 0px 4px;color:#ffffff;text-decoration:none;}
#naviContent ul li a:link, #naviContent ul li a:visited, #naviContent1 ul li a:active {color:#ffffff;}
#naviContent ul li a:focus, #naviContent ul li a:hover {color:#ffffff;text-decoration:underline;}
#naviContent ul li a.current:link, #naviContent ul li a.current:visited {color:#ffffff;text-decoration:underline;}
#naviContent ul li a.current:focus, #naviContent ul li a.current:hover, #naviContent ul li a.current:active {color:#ffffff;text-decoration:underline;}

/* Ende Content Navigation */

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

/* Formulare */
#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 {z-index:6;position:absolute;left:110px;top:-135px;width:194px;height:159px;}
.layerFreundeskreis {z-index:6;position:absolute;left:-20px;top:-80px;width:73px;height:100px;}
.layerHelfen {z-index:6;position:absolute;left:-20px;top:-100px;width:200px;height:105px;}
.layerSponsoren {z-index:6;position:absolute;left:300px;top:-90px;width:59px;height:100px;}
.layerPresse {z-index:6;position:absolute;left:110px;top:-90px;width:83px;height:110px;}
.layerKontakt {z-index:6;position:absolute;left:30px;top:-85px;width:169px;height:110px;}

/*################################ rightColumn ################################*/
#rightColumn {font-size:11px;text-align:left;background-color:#ffffff;z-index:3;position:relative;float:left;margin:0px -225px 0px 1px;width:225px;}/* margin links 1 muss sein  */
#rightColumn .teaser {padding-left:23px;width:202px;font-size:11px;}
#rightColumn .teaser p, #rightColumn .teaser span, #rightColumn .teaser div {font-size:11px;}

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

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