/* CSS Document */
/* SITE CONFIG */
img { border:0px; }
body { 
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#666666; 
	padding-top:40px;
}
a { font-size:12px;
	color:#3B88C0;
	text-decoration:none; 
}

a:hover {
	color:#90B819;
}
/* INDEX */
.Content {
	width:980px;
	margin:auto;
	position:relative;
}
.header {
	width:980px;
}
.header img {
	float:left;
	left: 0;
	top: 0;
}
.TabNavi {	
	width:720px;
	list-style:none;	
	margin:0px;
	padding:0px;
	float:right;
	padding-left:20px;
	font-size:14px;

}
.TabNavi li {
	float:left;
	position:relative;
	display:block;
	padding:5px;
	width:120px;
	height:20px;
	background:url(img/tab_gruen.gif);
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#fff;
}
.TabNavi a {
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.TabNavi li#aktiv {
	background:url(img/tab_blau.gif);
}
.TabLeiste {
	background:url(img/leiste_blau.gif);
	width:730px;
	height:30px;
    line-height:30px;
	float:right;
	display:block;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
    color:#FFF;
    text-align:left;    
	font-size:12px;
}
.TabLeiste a {    
    color:#FFF;
   }
.NavList {
	width:970px;
	background:url(img/leiste_grau.gif);
	list-style:none;	
	margin:0px;
	padding:0px;
	height:30px;	
	float:left;
	margin-left:10px;
	margin-bottom:20px;
}
.NavList li {
	float:left;
	display:block;
	line-height:30px;
	height:20px;
	width:120px;
	text-align:left;    
}
.NavList a { 
	color:#999999; 
	font-size:12px;}
.NavList #suche {
	width: 270px;
	border:0px;
}
.NavList #newsletter {
	width: 180px;
}
.NavList #twitter {
	width: 80px;
}
.NavList #feed {
	width: 140px;
}
.NavList #tipp {
	text-align:center;
	width:90px;
    margin-left:-5px;
    margin-right:4px
}
.NavList #redaktion {
	text-align:center;
	width:110px;
}
.NavList .trenner {
	width:14px;
}
.suchleiste {
	float:left;
	height:20px;
	margin:5px;
	background:url(img/suchfeld.gif);
	background-repeat:no-repeat;
	background-position: right top; 
	width:167px;
	padding-left:20px;
	padding-right:3px;
}

.butsuche {
	height:30px;
	width:60px;
	border:0px;
}

.ContentBox { clear:both;margin:0px; margin-left:10px; text-align:left; width:970px;}
.FussLeiste {
	clear:both;
	text-align:center;
	margin-top:20px;
	border-top:1px solid #ccc;
}
.bekannt {
	clear:both;
	text-align:left;
	margin:0px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	padding:0px;
}
.bekannt img{
	margin:0px;
	padding:0px;
}
.bekannt a{
	margin:0px;
	padding:0px;
	float:left;
}
.FussLeiste img { margin-bottom:-3px; }
.bannerHeader {
	position:absolute;
	z-index:1;
	top:15px;
	left:790px;
}
.bannerHeader {
	position:absolute;
	z-index:1;
	top:-30px;
	left:790px;
}

/* Subpage */

.boxH1Text {
	position: relative;
	margin-left:10px;
}
.boxH1Img { float:right; }
.boxPcontent {
	width:970px;
	background:url(img/border-fenster.gif);
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px;
}
.leftDetailBox {
	position: relative;
	float:left;
	width:200px;
	text-align:center;
	font-size:14px;
	padding:5px;
}
.leftDetailBox h2 {
	position: relative;
	font-size:14px;
}
.leftDetailBox p {
	position: relative;
	margin:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	background:#FCFCFC;
}

.leftDetailBox a {
	display:block;
	width:200px;
	font-size:14px;
	color:#3B88C0;
	text-decoration:none;
	margin-bottom:10px;
	margin-top:10px;
}
.rightDetailBox {
	float:right;
	width:200px;
}
.centerDetailBox {
	float:left;
	width:500px;
	margin:0px;
	font-size:12px;
}
.description img { float:right; }

.centerDetailBox h3 {
	font-size:14px;
	font-weight:bold;
}
.clearP {
	clear:both;
}
.orange{
	color:#FF6600;
}
.buttonHier {
	text-align:center;
	clear:both;
}
.greybox {
	border:1px solid #ccc;
	background:#eee;
	color:#90B819;
	margin:10px;
	font-size:14px;
	text-align:center;
	padding:5px;
}
.greybox a {
	width:200px;
	font-size:14px;
	color:#3B88C0;
	text-decoration:none;
	padding:5px;
	display:block;
	width:160px;
	text-align:right;
}
.greybox a img { float:left; border:0px; }
.greybox hr { background:#ccc; height:1px; margin:15px;}
.seitnavi {
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	border-bottom: 1px solid #ccc;
}

.seitnavi_subnavi {
	width:400px;
	float:right;
}

.seitnavi  p  { text-align:left; margin:0px;}
.seitnavi img { border:0px; }
.seitnavi_subnavi form { float:left; width:180px; text-align:center; }
.seitnavi_subnavi a { float:left; width:200px; text-align:center; display:block; font-size:12px;
	color:#3B88C0;
	text-decoration:none;
}
select {	
	border: 1px solid #ccc;
}
.listbox {
	width: 450px;
	border-bottom:1px solid #ccc;
	float:left;
	padding:5px;
	margin:5px;
	text-align:left;
}
.listbox .imgMech {float:left; width:60px; height:30px; margin:5px;margin-right:10px;}
.listbox h3 { font-size:1.16px; margin:0px; font-weight:bold;}
.listbox p {font-size:12px; margin:0px; }

.logobox {
	width:115px;
	float:left;
	height:80px;	
	padding:5px;
	margin:5px;
	text-align:center;
}

h5 { padding:0px;padding-left:5px; color:#999; font-size:14px;margin:0px; margin-top:10px;}
.boxH1_300 {
	width:475px;
	height:30px;
	font-size:14px;
	font-weight:bold;
	color:#90B819;
	margin:0px;
	padding:0px;
	line-height:30px;
	background:url(img/leiste_grau-fenster2.gif);
}
.boxPcontent_300 {
	width:475px;
    height:165px;
	background:url(img/border-fenster2.gif);
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px;
	list-style:none;
}

.boxPcontent_300_top {
	width:475px;
    height:100px;
	background:url(img/border-fenster2.gif);
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px;
	list-style:none;
}
.boxPcontent_300_top_sub {
	width:475px;
    height:200px;
	background:url(img/border-fenster2.gif);
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px;
	list-style:none;
}
.boxPcontent_300 a { font-size:12px;width:425px; float:left; display:inline; color:#333333; }
.boxPcontent_300 a { font-size:12px;width:425px; float:left; display:inline; color:#3B88C0; }
.boxPcontent_300_top a { font-size:12px;width:475px; float:left; display:inline; color:#333333; }
.boxPcontent_300_top a:hover { font-size:12px;width:475px; float:left; display:inline; color:#3B88C0; }
.boxPcontent_300 li { padding-left:5px; line-height:18px; height:18px; width:470px; display:block; border-bottom:1px solid #cccccc;}
.boxPcontent_300 li:hover { padding-left:5px; line-height:18px; height:18px; width:470px; display:block; border-bottom:1px solid #cccccc; }
.boxPcontent_300_top li { padding-left:5px; line-height:18px; height:18px;width:468px; display:block; border-bottom:1px solid #cccccc; color:#333333; background-color:#FFFFFF;border-left:1px solid #ccc; border-right:1px solid #ccc;}
.boxPcontent_300_top li:hover { padding-left:5px; line-height:18px; height:18px;width:468px; display:block; border-bottom:1px solid #cccccc; background-color:#ebf3ba;}
.boxPcontent_300_top p { font-size:12px; }
.boxPcontent_300_top h4 { font-size:14px; }
.box300 { float:left; margin:5px; width:475px;}
.box300_left { float:left; margin:10px; margin-left:0px;width:475px;}
.box300_right { float:right; margin:10px; margin-right:0px;width:475px;}
.box300_tipp { float:left; margin:5px;}
.box300 .imgNB { margin:0px; float:right; margin-right:10px; width:32px; }
.clearP {
	clear:both;
	margin:0px;
	padding:0px;
}
.more {
 color:#666666; font-size:13px; }
} 

.h5 {
color:#666;
font-size:16px;
margin-left:10px;
padding-left:20px;
width:970px;
display:block;
}
.tabs li{
	float:left;
	width:130px;
	height:70px;
	text-align:center;
	line-height:70px;
	vertical-align:middle;
	list-style:none;
}
.tabs li img { margin: 5px; border:0px;}
.tabs li a { margin:0px; }
.tabs {
	margin:0px;
	padding:0px;
}
.aktiv_tab{
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background:#eee;
}
.inaktiv_tab{
	border-bottom: 1px solid #ccc;
}
.tabbox { margin:0px; padding:5px; }
.TabBox_200 { float:right; width:250px; height:300px; border:none; margin-right:-190px; margin-top:159px; margin-bottom:-50px;}

.boxContentTabs { 
	background:#eee;
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:650px; 
    padding:0px; height:90px;
    font-size:12px;
	margin:5px;
}
.boxContentTabs h3 { font-size:14px; margin:0px; padding:5px;padding-top:5px;}
.boxContentTabs p { padding-left:5px;margin:0px; padding-right:5px;}
.TabBoxKategorien { float:right; width:200px; border-left:1px solid #ccc; padding:20px; margin:0px;}
.TabBoxKategorien a {display:block; font-size:12px;}
.TabBoxKategorien h2 {color:#90B819; font-size:12px; margin:0px; margin-top:5px;}
.clearPleft { margin:0px; padding:0px; clear:left;  }
.boxH1 {
	width:970px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#90B819;
	margin:0px;
	margin-top:10px;
	padding:0px;
	line-height:30px;
	background:url(img/leiste_grau-fenster.gif);
}
.boxPcontent_300_top_sub li { padding:5px; font-size: 12px; color:#ffffff;}
input { border:0px;}
.logobox {
 width:120px;
 height:60px;
 border:1px solid #ccc;
 float:left;
 margin:3px;
 padding:3px;}
.logobox2 {
 width:120px;
 height:130px;
 border:1px solid #ccc;
 float:left;
 margin:3px;
 padding:3px;
 text-align:center;
}
.box_table {
		width: 100%;
		margin: 5px;
		padding: 0px;
		float: left;
		border-collapse: collapse;
		border: 1px solid #ccc;
	}
	.box_table th {
		background-color: #eee;
		line-height: 18px;
		border:  1px solid #ccc;
		font-size: 12px;
	}
	.box_table td {
		line-height: 18px;
		font-size: 12px;
	}
	input { border:1px solid #ccc; }
	.input600 { width:600px; }
	.textarea600 { width:600px; height:100px; border:1px solid #ccc;}
	.textarea600small { width:600px; height:50px;border:1px solid #ccc;}
	img { border:0px; }
	
<!-- Gratisworld-Rap -->

.hintergrundDiv {
	color:#FFFFFF;
	height:541px;
	width:948px;
	z-index:-1;
}
.rauschenDiv {
	font-family:Arial;
	left:485px;
	padding:0;
	position:absolute;
	top:258px;
}
.tvDiv {
	height:229px;
	left:468px;
	position:absolute;
	top:215px;
	z-index:1;
	<!--width:296px;-->	
}
.malteDiv {
	height:150px;
	left:88px;
	position:absolute;
	top:229px;
	width:147px;
	z-index:2;
}
.tanjaDiv {
	height:230px;
	left:88px;
	position:absolute;
	top:0px;
	width:147px;
	z-index:2;
}
.txt1Div {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	height:230px;
	left:242px;
	position:absolute;
	top:241px;
	width:209px;
	z-index:2;
	text-align:left;
}
.txt2Div {
	color:#626262;
	font-size:12px;
	font-weight:normal;
	height:130px;
	left:242px;
	position:absolute;
	top:95px;
	width:278px;
	z-index:2;
	text-align:left;
}
.txt3Div {
	color:#626262;
	font-size:12px;
	font-weight:bold;
	height:100px;
	left:558px;
	position:absolute;
	top:95px;
	width:320px;
	z-index:2;
	text-align:left;
}
