/*   
Theme Name: Black Box Theme
Theme URI: 
Description: A Website template.
Author: Onelight Ltd.
Version: 1.0
Tags: 


/* ------------------------------
global styles

#CC3300 dark red brown
#FFA31A light red brown

#7B5722 yellow brown
#B6E591 blue pale olive green
#CBFFA2 paler blue olive green
#97BE78 darker blue olive green
------------------------------ */


html, body {
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 13px;
}
body {
	text-align: center;
	padding: 0px;
	margin: 0px;
	height:100%;
	font-family:arial, serif;
	background: #B6E591;
}


A:link {
        COLOR: #CC3300; TEXT-DECORATION: none
}
A:visited {
        COLOR: #CC3300; TEXT-DECORATION: none
}
A:hover {
        COLOR: #000000; TEXT-DECORATION: none
}
A:active {
        COLOR: #7B5722; TEXT-DECORATION: strong
}
P {
        FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
}
H1 { 
	COLOR: #CC3300;
	font-style:bold;
	margin: 0px;
	FONT-SIZE: 16px; FONT-FAMILY: arial, helvetica, sans-serif
}

img {
	border: 0px
}

/* ------------------------------
container styles
------------------------------ */
 
#maincontainer{
width: 840px; /*Width of main container*/
margin: 30px auto; /*Center container on page*/

}

/* ------------------------------
topsection styles
------------------------------ */
#topsection {
	background: #fff;
	height: 80px; /*Height of top section*/
	padding:10px;
	border-left:2px solid #A3A3A3;
	border-right:2px solid #666;
	border-top:2px solid #eee;
	text-align:left;
}
#topsection #logo {
	text-align: left;
	padding-left:10px;
	margin:0;
	overflow:visible;
} 


/* ------------------------------
navi styles
------------------------------ */       
#nav {
	position:relative;
	width: 821px;
	padding-top:5px ;
	padding-left: 15px;
	padding-bottom: 5px;
	background:#000;
	text-align:left;
	border-left:2px solid #A3A3A3;
	border-right:2px solid #666;

	
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	color: #fff;  
	font: 12px verdana, sans-serif;
	text-decoration:none;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
	border-right: 2px solid #fff;
}
#nav ul li a {
	text-decoration:none; 
	padding: 5px 5px 5px 5px;
	margin: 5px; 
	color: #fff;
}
#nav ul li a:hover {
	color: #cc3300;
}
 
.lang  {
	position:absolute;
	top: 5px;
	right: 15px;
	text-align: right;
        FONT-SIZE: 12px; COLOR: #fff; TEXT-DECORATION: none; border: o;
}

.lang A:link {
        FONT-SIZE: 12px; COLOR: #fff; TEXT-DECORATION: none
}
.lang A:visited {
        COLOR: #fff; TEXT-DECORATION: none
}
.lang A:hover {
        COLOR: #CC3300; TEXT-DECORATION: underline
}
.lang A:active {
        COLOR: #CC3300; TEXT-DECORATION: none
}

#strip {
	border-left:1px solid #A3A3A3;
	border-right:2px solid #666;
	width: 836px;
	text-align: center;
	background: #000;
}
/* ------------------------------
content styles
------------------------------ */ 
/* Start of Column CSS */

#container_start { 
	float: left; 
	width:835px;
	background:#CBFFA2;
	margin: 0px; 
	padding: 0;
	border-left:1px solid #A3A3A3;
	border-right:2px solid #666;


}
#container { 
	float: left; 
	width:837px;
	background:#CBFFA2;
	margin: 0px; 
	padding: 0;
	border-left:1px solid #A3A3A3;
	border-right:2px solid #666;


}
#inner { 
	float: left;
	width: 100%; 
	overflow: hidden;
	border: 0;
}
#inner #left { 
	float: left;
	padding: 10px; 
	background: #CBFFA2;
	width: 490px;
	text-align: left;
	padding-left: 15px; 

}
#inner .col2 { 
	float:right;
	text-align:center;
	background: #97BE78;
	margin-right: 0;  
	margin-bottom: -1000px; 
	padding-bottom: 1000px; 
	width:300px;
	border-left:2px solid #808080; 
}
.align-left {
	text-align: left;
	padding-left: 20px;
}
.block {
	color:#000;
	background:#CBFFA2;
	margin:15px;
	padding: 10px;
	position: relative
}
/* One simple border definition */

#my-border { padding:20px; 
	width:200;
	height: 70px; 
	margin:15px; 
	color:#000; 
}
#my-border, #my-border .sb-inner {
 background:#CBFFA2 url(dateien/grad.png) repeat-x; 
}
 
#block {
	width:200;
	margin:25px;
	text-align: left; 
}
#block2 {
	width:200;
	margin:15px;
	text-align: left;
	color: #cc3300;
	font-size: 18px;
	background: #97BE78;
	 
}
#block2 .press {
	font-size: 14px;
} 
.medien ul {
	margin:0;
	padding:0;
}
.medien li {
	margin-left:100px;
	padding:10px;
	list-style-type: circle;
}
.media A:link {
        FONT-SIZE: 12px; COLOR: #fff; TEXT-DECORATION: none
}
.media A:visited {
        COLOR: #fff; TEXT-DECORATION: none
}
.media A:hover {
        COLOR: #CC3300; TEXT-DECORATION: underline
}
.media A:active {
        COLOR: #CC3300; TEXT-DECORATION: none
}
/* ------------------------------
footer styles
------------------------------ */   
#footer {
	clear:both;
	float:left;
	width:836px;
	background:#000;
	color: #fff;
	font-size: 10px;
	padding: 4px 0;
	border-left:1px solid #A3A3A3;
	border-right:2px solid #666;

}
 
#footerRight A:link {
        FONT-SIZE: 10px; COLOR: #fff; TEXT-DECORATION: none
}
#footerRight A:visited {
        COLOR: #fff; TEXT-DECORATION: none
}
#footerRight A:hover {
        COLOR: #CC3300; TEXT-DECORATION: underline
}
#footerRight A:active {
        COLOR: #CC3300; TEXT-DECORATION: none
}

#footerLeft {
	float:left;
	padding-left: 10px;
	text-align:left;
}
#footerRight {
	position:relative;
	text-align:left;
	padding-left:260px;
} 

.copyright {
	FONT-SIZE: 10px;
	COLOR: #CC3300;
}
.footer_block {
	float:left;
	width:836px;
	background:#B6E591;
	border:0;
		
}