@charset "utf-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #221203;
	text-align: center;
}

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

a {
	color: #000;
	font-weight: bold;
}

.clr {
	clear:both;
}

#bgColor {
    background: none repeat scroll 0 0 #2A0F08;
    margin: auto;
    position: relative;
    text-align: left;
    width: 898px;
}

#bgColor-inner {
	background:#f9f1e6;
	width:898px;
	margin:auto;
	text-align: left;
}

#container {
	min-height:456px;
}

.pading-btm {
	padding-bottom:124px;
}

#header {
	height:134px;
	position:relative;
	width:898px;
}
#header a {
	-moz-outline:0;
}

#header .flash-logo {
	width:120px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:14px;
	left:49px;
}

#header .hdrLinks {
	list-style:none;
	position:absolute;
	top:83px;
	left:49px;
}

#header .logo {
	position:absolute;
	top:9px;
	left:379px;
}

#header .btn-musik {
	position:absolute;
	right:37px;
	bottom:18px;
}

#topNav {
	list-style:none;
	width:898px;
	float:left;
}

#btmBanners {
	float:left;
	list-style:none;
	width:898px;
}
#startAktionen #btmBanners {
	margin-top:297px;
}

#btmBanners li {
	float:left;
	margin-right:5px;
}

#btmBanners li.last {
	margin-right:0px;
}

#content {
	color:#303030;
	float:left;
	font-size:12px;
	margin-top:278px;
	padding-bottom:50px;
	width:898px;
}

#content .col-left {
	margin-left:52px;
	width:365px;
	float:left;
}

#content .col-left h2 {
	font-size:14px;
	margin-bottom:18px;
}

#content .col-left p {
	margin-bottom:18px;
}

#content .col-left .bullets {
	margin-left:15px;
}

#content .col-left .bullets li {
	margin-bottom:10px;
}

#content .col-left .bullets a,
#content .col-right a {
	color:#000;
}

#content .col-left .bullets a:hover,
#content .col-right a:hover {
	text-decoration:none;
}

#content .col-right {
	margin-left:52px;
	width:365px;
	float:left;
}

#content .col-right p.first {
	margin:30px 0 17px;
}

#content .col-right a {

}

#content .col-scroll {
	margin-left:53px;
	margin-top:10px;
	width: 800px;
}

.PopUp{
	background:#f9f1e6;
	width:600px;
	text-align: left;
}
.PopUp h2{
	background:#2a0f08;
	padding:0 15px;
	padding-top:8px;
	height:55px;
}
.PopUp .PopInner{
	padding:20px 15px;
	background:#f9f1e6;
}
.PopUp .PopInner .PopLeft{
	width:265px;
	float:left;
	margin-right: 15px;
}

.clr{
	clear: both;
}
.PopUp .PopInner p{
	margin-bottom:10px;
}
.PopUp .PopInner .Pric{
	border:#56483f solid 1px;
	font-size:40px;
	font-weight: bold;
	text-align:right;
	padding:0px 20px;
	display:block;
}
.PopImg{
	text-align:center;
}
.imgDetail{
	text-align:center;
}
.imgDetail span{
	display: block;
}
.PopFooter{
	height:20px;
	background:#1e0d09;
	line-height:18px;
	padding:0 20px;
}
.PopFooter a{
	text-decoration: underline;
	color:#f9f1e6;
	font-weight:bold;
	font-size:10px;
}
.PopFooter a:hover{
	text-decoration:none;
}

#impressumPopup a.white {
font-family: Arial, Verdana, helvetica;
color: #FFFFFF;
text-decoration: underline;
font-size: 11px;
}

#impressumPopup td.content {
font-family: Arial, Verdana, helvetica;
font-size: 11px;
color: #000000;
}

#header .hdrLinks li, #header .hdrLinks li a {
height:14px;
display:block;
}

.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

#number-seedlings {
    border: 3px solid #2A0D07;
    font-size: 32px;
    font-weight: bold;
    height: 30px;
    margin: 10px 0 0;
    padding: 3px 1px 3px 3px;
    position: relative;
    text-align: center;
    width: 217px;
}

#number-seedlings span {
background:none repeat scroll 0 0 #2A0D07;
display:block;
float:left;
height:30px;
margin:0 2px 0 0;
width:25px;
}

#number-seedlings #number span {
background:none repeat scroll 0 0 transparent !important;
display:inline !important;
float:left !important;
margin:0 0 0 0;
width:1.09em;
}


#number-seedlings span.punkt {
background:none repeat scroll 0 0 transparent;
float:left;
letter-spacing:0;
margin-left:-24px !important;
}

#number-seedlings #number {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    left: 9px;
    letter-spacing: 0.57em;
    position: absolute;
    top: 4px;
    width: 217px;
}

* html #number-seedlings #number {
	position:static !important;
	top:-1px;
	margin:-32px 0 0 3px;
}

#videoDialog {
visibility:hidden;
}

#videoDialogBackground  {
	background:url("../images/bg-lightbox.png") repeat scroll 0 0 transparent;
	height:1000px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1000;
}

#videoContent {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1500;
}

#videoContentInner {
margin:0 auto;
position:relative;
top:115px;
width:724px;
z-index:1500;
}

#video-main {
height:620px;
}

#video {
height:640px;
width:100%;
}

#video-footer {
display:block;
height:50px;
position:absolute;
right:0;
top:0;
width:60px;
}

#videoContentInner a.close, #videoContentInner a.close:link {
background:url("../images/btn-close-lightwindow.png") no-repeat scroll 0 0 transparent;
border-bottom:medium none;
display:block;
height:35px;
position:absolute;
right:-50px;
text-decoration:none;
top:-20px;
width:55px;
}

#videoContentInner a.close span {
display:none;
}

iframe {
border:0 none;
}

p.sound-video-text {
padding:6px 0 9px 4px;	
}

strong.sound-video-link {
padding:0 0 0 4px;
}

#subNav{
background:none repeat scroll 0 0 #190F05;
display:block;
height:25px;
padding:0 0 0 36px;
position:absolute;
top:358px;
width:862px;
}

#subsubNav{
background:#c9c0ae;
display:block;
height:25px;
padding:0 0 0 36px;
position:absolute;
top:383px;
width:862px;
}

#subNav ul li {
float:left;
background:#190f05;
list-style-type:none;
}

#subsubNav ul li {
background:#c9c0ae;
float:left;
list-style-type:none;
}

#subNav ul li a {
border:medium none;
color:#FFFFFF;
display:inline-block;
margin:5px 1.38em 3px;
text-decoration:none;
}

#subsubNav ul li a {
border:medium none;
color:#FFFFFF;
display:inline-block;
margin:5px 1.38em 3px;
text-decoration:none;
}

#subNav ul li a.active {
border-bottom:1px solid #FFFFFF;
}

#subsubNav ul li a.active {
border-bottom:1px solid #FFFFFF;
}

#subNav ul li a:hover {
border-bottom:1px solid #FFFFFF;	
}

#subsubNav ul li a:hover {
border-bottom:1px solid #FFFFFF;	
}

#bu td {
	color:#000000;
	font-family:Arial,sans-serif;
	font-size:10px;
	font-style:italic;
	padding-top:8px;
}

/*#staedtewette {
    display: block;
	height: 65px;
    position: absolute;
    right: 0;
    top: 208px;
   	width: 221px;
}

#header #staedtewette {
    display: block;
    height: 65px;
    position: absolute;
    right: -1px;
    top: 19px;
    width: 221px;
}

#header #staedtewette a {
	background: url("../images/staedtewette/ethiopia-staedtewette-normal.png") no-repeat scroll 0 0 transparent;
}

#header #staedtewette a:hover {
	background: url("../images/staedtewette/ethiopia-staedtewette-hover.png") no-repeat scroll 0 0 transparent;
}

#staedtewette a {
    background: url("../images/staedtewette/ethiopia-staedtewette-normal.png") no-repeat scroll 0 0 transparent;
    display: block;
	height: 65px;
   	width: 221px;
}

#staedtewette a:hover {
	background: url("../images/staedtewette/ethiopia-staedtewette-hover.png") no-repeat scroll 0 0 transparent;
}

#staedtewette-outer {
    margin: -17px 0 0;
    position: relative;
}

#staedtewette-banner {
    background: url("../images/staedtewette/staedtewette-logo.png") no-repeat scroll 0 0 transparent;
    height: 183px;
    left: 683px;
    position: absolute;
    top: -145px;
    width: 136px;
}

#staedtewette-outer a {
    background: url("../images/staedtewette/bullet-point.png") no-repeat scroll 0 0 transparent;
    display: block;
    list-style-type: none;
    margin: 0 0 1.19em -2px;
    padding: 0 0 0 29px;
}

#staedtewette-outer ul {
	margin: 4px 0 0;
}*/

.simple_overlay {	
	/* must be initially hidden */
	display:none;	
	/* place overlay on top of other elements */
	z-index:10000;	
	/* styling */
	width:700px;	
	min-height:200px;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image: url("../images/staedtewette/lightbox-close.png") !important;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -18px;
    top: 25px;
    width: 35px;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}
	
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

#staedte-list-info {
	margin: 8px 0 0;
}

.simple_overlay .bg-top {
	background:transparent url(../images/staedtewette/lightbox-top.png) no-repeat;
    display: block;
    height: 21px;
    width: 700px;
}

.simple_overlay .bg-middle {
    background: url("../images/staedtewette/lightbox-middle.png") repeat-y scroll 0 0 transparent;
    display: block;
    min-height: 250px;
    width: 700px;
}

.simple_overlay .bg-bottom {
	background:transparent url(../images/staedtewette/lightbox-bottom.png) no-repeat;
    display: block;
    height: 23px;
    width: 700px;
}

#content .bg-middle .col-left {
    margin: 25px 0 0 49px;
    width: 263px;
}

#content .bg-middle .col-left h1 {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    margin: 8px 0 12px;
}

#content .bg-middle .col-left h2 {
    font-size: 15px;
    margin-bottom: -1px;
}

#content .bg-middle .col-left h3 {
    font-size: 16px;
    margin: 0 0 14px;
}

#content .bg-middle .col-left p {
    line-height: 1.2em;
    margin-bottom: 15px;
}

#content .bg-middle .col-left h4 {
    font-weight: normal;
}

#content .bg-middle .col-right {
    float: left;
    margin: 25px 0 0 36px;
    overflow: hidden;
    width: 280px;
}

#content .bg-middle .col-right img {
	margin: 0 0 5px;
}

#facebook-link {
	background: url("../images/btn-facebook.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 47px;
	position: absolute;
	right: 27px;
	top: 23px;
	width: 44px;
}

#facebook-link:hover {
	border:none;
}

#facebook-link span {
	display:none;
}

#videoDialog_center {
    left: 0;
    position: absolute;
    top: 157px;
}

#videoDialogBackground_center {
    background: url("../images/bg_flash_soft.png") repeat-x scroll 0 -5px transparent;
    height: 297px;
    left: 0;
    position: absolute;
    top: 0;
    width: 898px;
    z-index: 5;
}

#videoContent_center {
    height: 287px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 898px;
    z-index: 5000;
}

#videoContentInner_center {
    margin: 0 auto;
    z-index: 5001;
}

#video-main_center {
    height: 255px;
    margin-left: 240px;
}

#video {
    height: 271px;
    width: 411px;
}

#video-footer_center {
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}

#videoContentInner_center a.close, #videoContentInner_center a.close:link {
    background: url("../images/btn-normal.png") no-repeat scroll 0 0 transparent;
    border-bottom: medium none;
    display: block;
    height: 30px;
    position: absolute;
    right: 1px;
    text-decoration: none;
    top: -8px;
    width: 32px;
}

#videoContentInner_center a.close,
#videoContentInner_center a.close:hover {
    background: url("../images/btn-hover.png") no-repeat scroll 0 0 transparent;
}

#videoContentInner_center a.close span {
    display: none;
}