/* CSS Document */

body { 		
		background-color:#0b0b0b;
		margin: 0;
		padding:0;
		font-family: Verdana, Arial, Helvetica;
		font-size: 11px;
		line-height:18px;
		color:#fff;
		background:#0b0b0b url(../img/bg.jpg) no-repeat;
	}
#logo{
	z-index:999; position:relative;
}

.stars_logo{
		margin-left:288px;top: 60px; z-index: 900;position: absolute;
}
.star1, 
.stars_logo {
		-webkit-animation: star1 5s infinite;
		-moz-animation: star1 5s infinite;
		-o-animation: star1 5s infinite;
		animation: star1 5s infinite;
		position: absolute;
		animation-duration: 8s;
		z-index:1;
}
.star2 {
		-webkit-animation: star1 5s infinite;
		-moz-animation: star1 5s infinite;
		-o-animation: star1 5s infinite;
		animation: star1 5s infinite;
		position: absolute;
		animation-duration: 3s;
		z-index:1;
}

@keyframes star1 {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes star1{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes star1{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes star1{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}  
 
#logo img{
		max-width:280px;
		height:auto;
		margin-left: 105px;
		margin-top:56px;
}	

#logo h1 {
		text-indent: -9999px;
		z-index: 1;
}

#starsde {
		width:756px;
		height:514px;
		padding:0;
		margin:0;
		z-index: 2;
}

#starsat {
		width:756px;
		height:514px;
		padding:0;
		margin:0;
		background: url(../img/logoat.jpg) no-repeat;
		z-index: 2;
}

#starsch {
		width:756px;
		height:514px;
		padding:0;
		margin:0;
		background: url(../img/logoch.jpg) no-repeat;
		z-index: 2;
}

#starsli {
		width:756px;
		height:514px;
		padding:0;
		margin:0;
		background: url(../img/logoch.jpg) no-repeat;
		z-index: 2;
}

a.homelink {
		position:absolute;
		width:306px;
		height:87px;
		text-indent:-9999px;
		top:113px;
		left:135px;
		}

#mittig {
		position:absolute;
		width: 1024px;
		left: 50%;
		margin-left:-512px;
}



/* =============== TEXTFORMATIERUNGEN =============== */	
.head_gruen {
		width:300px;
		height:16px;
		font-size:14px;
		font-weight:normal;
		color:#33CC33;
		margin:0 0 8px 11px;
}

.head_rot {
		width:300px;
		height:16px;
		font-size:14px;
		font-weight:normal;
		color:#FF0000;
		margin:0 0 8px 11px;
}

.head_grau {
		width:300px;
		height:16px;
		font-size:14px;
		font-weight:normal;
		color:#737373;
		margin:0 0 8px 11px;
}

.head_weiss {
		width:300px;
		height:16px;
		font-size:14px;
		font-weight:normal;
		color:#fff;
		margin:0 0 8px 11px;
}

h1, b, strong {
		font-size:11px;
		font-weight:bold;
		color:#fff;
}


h2, h3 {
		font-size:11px;
		font-weight:bold;
		color:#fff;
}

.gruen {
		font-size:12px;
		font-weight:bold;
		color:#33CC33;
}

.rot {
		font-size:12px;
		font-weight:bold;
		color:#FF0000;
}

.grau {
		font-size:12px;
		font-weight:bold;
		color:#737373;
}

.lila {
		font-size:12px;
		font-weight:bold;
		color:#c01496;
}	

.nummer {
		font-weight:bold;
		font-size:12px;	
}	


.clear {	clear:both;
	}
	
.mobilabweichend {
	float:right;
	position:absolute;
	width:436px;
	text-align:right;
	font-size:9px;
	color:#999;
}
	
/* =============== LINKFORMATIERUNG =============== */	
a {
		color:#dfa8d2;
		text-decoration:none;	
}

a:hover {
		color:#fff;
		text-decoration:underline;
}

a.bild {
		color:#fff;
		text-decoration:none;
}

.table_hover:hover {
		background-color:#272727;
}

.seitenzahl {
		font-size:12px;
		font-weight:bold;
}
	
/* =============== SIDEBAR =============== */

@font-face {
	font-family: 'sdimx';
	src: url('fonts/sdimx.eot');
	src: local('☺'), url('fonts/sdimx.woff') format('woff'), url('fonts/sdimx.ttf') format('truetype'), url('fonts/sdimx.svg') format('svg');
	font-weight: light;
	font-style: normal;
}

#sidebar h2 {
	font-family: 'sdimx';
	font-weight:normal;
	font-size:16px;
	color:#c7c2b6;
	padding-left:10px;
	margin-bottom:5px
}	

#sidebar {
		position:relative;
		width:235px;
		margin:45px 0 0 124px;
		z-index: 50;
		float:left;
		}
*html #sidebar {
		margin:-250px 0 0 64px;
		}
		
.sb_text {
		position:relative;
		width:213px;
		margin-left:11px;
		padding:9px 0 9px 0;
		}
		
#sb_one {
		position:relative;
		width:235px;
		height:97px;
		overflow:hidden;
		background:url(../img/hg_sb_one.jpg) no-repeat;
		}
		

		
#sb_two {
		position:relative;
		width:235px;
		background: url(../img/hg_sb_two.jpg) #151515 no-repeat;
		}
		
.sb_other {
		position:relative;
		width:235px;
		height:auto;
		background: url(../img/hg_sb.jpg) #151515 no-repeat;
		}

.sb_other_banner {
		position:relative;
		width:235px;
		height:auto;
		margin-top:25px;
		}
	/*	
#unserteam {
		width:235px;
		height:16px;
		margin:0 0 4px 11px;
		background: url(../img/unserteam.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#beraterstatus {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/beraterstatus.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#sondertarif {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/sondertarif.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#ohne0900 {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/ohne0900.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#sms-chat {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/sms-chat.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#feedback {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/feedback.jpg) no-repeat;
		text-indent: -9999px;
		}
		
#besucher {
		width:235px;
		height:16px;
		margin:25px 0 4px 11px;
		background: url(../img/besucher.jpg) no-repeat;
		text-indent: -9999px;
		}*/
		
/* =============== CONTENT =============== */	
#content {
		position:absolute;
		width:480px;
		left:420px;
		top:260px;
		z-index: 80;
		}

*html #content {
		margin:-254px 0 0 412px;
		}
		
#flaggen {
		position:absolute;
		top:2px;
		right:0;
		width:80px;
		height:20px;
		float:right;
		z-index:100;
		}		
		
.cont_text {
		width:458px;
		margin-left:11px;	
		padding:9px 0 9px 0;
		}
		
#cont_top {
		background:url(../img/content_top.jpg) #121212 no-repeat;
		margin-bottom:15px;
		}
		
#cont_two {
		background:url(../img/content_two.jpg) #121212 no-repeat;
		margin-bottom:15px;
		}

.trenner {
		height:5px;
		width:370px;
		background:url(../img/trenner.gif) no-repeat;
		margin: 10px 0 7px 44px;
		}
/*.trenner {
		height:7px;
		width:458px;
		background:url(../img/trenner.png) no-repeat;
		margin: 10px 0 7px 0;
		-moz-opacity: 0.4;
		opacity: 0.4;
		}
		
* html .trenner {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='www.maleficio.de/media/img/trenner.png');
  		filter:alpha(opacity=20);
		}
	*/	
.nummerabstand {
		margin-top:5px;
		}

.textbild {
		position:relative;
		float:left;
		margin: 0 15px 10px 0;
		padding:0;
		}

/* =============== NAVIGATION =============== */	

#navigation {
		position:relative;
		width:458px;
		margin:0 0 20px 20px;
		z-index: 80;
}

*html #navigation {
		margin:0 0 20px 423px;
		}

ul#snavi {
		margin: 0;
		padding: 0;			/*abstand oben*/
		text-align: left;
		line-height:normal;
		color: #bbb;
}

ul#snavi li {
		list-style: none;
		display: inline;
		margin: 2px; 			/*abstand zwischen links*/
		padding: 0;
	}

ul#snavi a.snav {
		text-decoration: none;
		color: #ccc;
		font-family: Verdana, Arial, Helvetica;
		font-size: 10px;
		font-style:normal;
	}

ul#snavi a.snav:hover {
		text-decoration:underline;
		color: #fff;
	}
	
	
/* =============== FORMULAR =============== */	

input {
		padding:2px;
		margin:2px 0 2px 0;
		width:200px;
		background-color:#222;
		color:#fff;
		border:none;
		border-bottom: 1px ridge #c01496;
}

td input {
		padding:2px;
		margin:2px 0 2px 0;
		width:auto;
		background-color:#222;
		color:#fff;
		border:none;
		border-bottom: 1px ridge #c01496;
}

td.small input {
		padding:2px;
		margin:2px 0 2px 0;
		width:150px;
		background-color:#222;
		color:#fff;
		border:none;
		border-bottom: 1px ridge #c01496;
}


input.feldlang {
		width:320px;
}

input.feldlang:hover {
		background-color: #333;
}


input:hover {
		background-color: #333;
}

textarea {
		padding:2px;
		width:320px;
		background-color:#222;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		border:none;
		border-bottom: 1px ridge #c01496;
}

textarea:hover {
		background-color: #333;
}

select {
		padding:2px;
		background-color:#272727;
		color:#fff;
		border:none;
		border-bottom: 1px ridge #c01496;
}

.radiobtn, .radiobtn:hover {
		width:20px;
		border:none;
		background:transparent;
		}
				
.submitbtn {
		background-color:#282828;
		padding:2px 5px 2px 5px;
		color:#fff;
		width:auto;
		border:none;
		}
		
.submitbtn:hover {
		background-color:#282828;
		padding:2px 5px 2px 5px;
		width:auto;
		color:#c01496;
		border:none;
		}
		
.filebtn {
		width:330px;
		color:#c01496;
		}
		
iframe {
		background-color:transparent;
}