/* CSS Document */


* {
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
		border:none
}
hr {	border-bottom:#f9dadc 3px dotted; 
		color:#FFFFFF; 
		height:3px; 
		width:100%; 
		margin: 16px auto 16px auto;
		}

body {
        background: #af0817 url("../img/bg2.jpg") no-repeat left top;
} 
/* header*/
#header {
		height: 238px;
		width:100%;
		border-top:10px black solid;
       
} 
		#header .logo {
					margin-top:60px;
					margin-left:50px			   
		} 
		#hauptnavi {
					margin-top:-116px;
					padding-top:80px; 
					height: 158px; /*238 - 80 = 158*/
					margin-left:330px;
					border-left:#bd8184 1px solid;	
					color:#FFFFFF;   
					width:652px;
		} 
				#hauptnavi ul {
							margin-top:-80px;
							padding-top: 75px;
							height: 163px; /*238 - 75 = 163px*/
							float:left; 
							width:210px;
							border-right:#bd8184 1px solid;	
							list-style: none;
							margin-left:6px;		   
				} 
				#hauptnavi ul li {
							padding-left: 10px;
							background-image: url(../img/pfeil_small.gif);
							background-repeat: no-repeat;
							background-position: .2em .4em;
							font-size:90%;
							margin-top:-7px;
					/*no sifr test	*/	
							margin-top:0px;
							margin-bottom:3px;
							font-size:84%;
							background-position: .2em .3em;
				}

				/*no sifr test	*/	
				#hauptnavi ul li a{
					color: #fff;
					text-decoration:none;
					font-family: Arial,"Trebuchet MS", Tahoma
				}
				#hauptnavi ul li a:hover,
				#hauptnavi ul li.current a{
					color: #E42E2C;
				}
				/* / no sifr test	*/
				#hauptnavi ul li.haupt,
				#hauptnavi ul li.hauptcurrent{
							background-image: url(../img/pfeil_big.gif);
							background-repeat: no-repeat;
							background-position: .2em .5em;
							margin-bottom:11px;
							font-size:100%;
				}
				
				#hauptnavi ul li.weitere {
							padding-left: 4px;
							background-image: none;
							margin-top:-5px;
							/*no sifr test	*/	
							margin-top:5px;
				}
		

/* wrapper - verhindert "springen" von content div 
			 bei kleinen screens  				*/
#wrapper {
		width:984px;
}		


/* left */
#left {
        float:left;
		height: 1000px;
		width:330px;
		padding-top:20px;
		color:white;
		text-align:right;     
} 
		#teaser {
				padding-right:18px; 
				font-size:14px;
				line-height:150%;
				padding-left:10%;
				height: 297px;
			
		}
				#teaser h1{
				/*	see styles in sifr-config.js */
				        margin-bottom:34px;
						font-size:28px;
						font-weight: 100;
						line-height:130%
				}
		#navileft, .navileft {}
		#left ul {
			float:right;/*	*/
				padding:0;
				list-style-type: none;
				font-size: 12px;
				border-top: 1px dotted #fff;
		}
		#left ul li {
				display: block;
				padding: 0px 0px 0px 0px;
				border-bottom: 1px dotted #fff;
				width: 219px; 
				height: 35px;
				line-height: 35px;
		}
				#left ul.seo li {
				width: 280px; 
				}
				#left ul.tools,
				#left ul.tipps{
				border-top:none
				}	
				#left ul.tipps{
				margin-top:30px;
				}								
				#left ul.tools h4,
				#left ul.tipps h4 {
				background:none; 
				border-top:none; 
				color:#58585a; 
				font-size:130%; 
				font-size:130%;
				font-style:italic;
				font-weight:bold; 
				font-weight:normal;
				text-align: right;
				padding-right:7px;
				}
		#left ul li.sub,
		#left li.currentopen,
		#left li.subcurrent, 
		#left li.sublastcurrent  {
        border-bottom: none;
		}
				#left ul li.currentclosed,
				#left ul li.last,
				#left ul li.lastcurrent,
				#left ul.seo li.sublastcurrentlast  {
						border-bottom: 1px dotted #fff;
				}		
		#navileft a, .navileft a
		{
				padding: 0px 18px 0px 0px;
				color:#FFFFFF;
				text-decoration: none;
				text-transform:uppercase;
				font-weight:bold;
				height: 35px;
				line-height: 35px;
				display: block;
				
				background-image: url(../img/pfeil_subnavi.gif);
				background-repeat: no-repeat;
				background-position: 17.2em 1.1em;/**/
						
		}
		#left ul.seo li a {
		background-position: 22.2em 1.1em;
		}
		#left li a:hover,
        #left li.currentclosed a
				{
				background-image: url(../img/sub2.png);
				background-position: 0em 0em;
				text-decoration: underline;
				}	
			#left ul.seo li a:hover,
			#left ul.seo li.currentclosed a
					{
					background-image: url(../img/sub2.png);
					background-position: 5em 0em;
					text-decoration: underline;
					}
		#left li.currentopen a{
		        padding: 0px 35px 0px 0px;
				background-image: url(../img/sub2_points.png);
				background-position: -1.5em 0em;
				text-decoration: underline;
		        }	
				#left ul.seo li.currentopen a{
		        padding: 0px 35px 0px 0px;
				background-image: url(../img/sub2_points_seo.png);
				background-position: .2em 0em;
				text-decoration: underline;
		        }
		#left li.last a:hover
				{
				background-image: url(../img/sub1.png);
				}					
		/* 2 level 
		*/	
			
			#left li.sub a,
			#left li.subcurrent a,
			#left li.sublast a,
			#left li.sublastcurrent a,
			#left li.sublastcurrentlast a,
			#left ul.seo li.sublastcurrentlast a  
					{
					font-weight:normal;
					text-transform:none;
					padding: 0px 35px 0px 0px;
					border-bottom: none;
					background-image: url(../img/sub1_points.png);
					background-position: -1.5em 0em;
					}	
			    #left li.sublastcurrentlast a{
					background-image: url(../img/sub2.png);
					text-decoration: underline;
					font-weight:bold;

					}	
				
					
				#left ul.seo li.sub a,
				#left ul.seo li.subcurrent a,
				#left ul.seo li.sublastcurrent a,
				#left ul.seo li.sublast a,
			    #left ul.seo li.sublastcurrentlast a
						{
						background-image: url(../img/sub1_points_seo.png);
						background-position: .2em 0em;
						}


				#left ul.seo li.subcurrent a,
				#left ul.seo li.sublastcurrent a
						{
						background-image: url(../img/sub2_points_seo.png);
						background-position: .2em 0em;
						}
												
				#left ul.seo li.sublast a,
				#left ul.seo li.sublastcurrent a,
			    #left ul.seo li.sublastcurrentlast a
						{
						background-image: url(../img/sub1_seo.png);
						background-position: .2em 0em;
						}						
			#left li.subcurrent a,
			#left li.sublastcurrent a
					{
					font-weight:bold;
					background-image: url(../img/sub2_points.png);
					text-decoration: underline;
					}	
			#left li.sublastcurrent a
					{
					border-bottom: white 1px dotted;
					background-image: url(../img/sub2.png);
					}						
			#left ul.seo li.sublastcurrent a,
			#left ul.seo li.sublastcurrentlast a
					{
					font-weight:bold;
					text-decoration: underline;
					}	
			#left ul.seo li.sublastcurrent a {
					border-bottom: white 1px dotted;
					background-image: url(../img/sub2.png);
					background-position: 3.5em 0em;
					}								
			#left li.sublast a
					{
					background-image: url(../img/sub1.png);
					}
				/*.lso {width:218px; margin-left:-18px; background-position:20em 1.1em;}*/
			
			
			/* 2 level hovers */		
					#left li.sub a:hover
							{
					background-image: url(../img/sub2_points.png);
					background-position: -1.5em 0em;
							}	
							#left ul.seo li.sub a:hover,
							#left ul.seo li.subcurrent a:hover
							{
				            background-image: url(../img/sub2_points_seo.png);
							background-position: 0.2em 0em;
									}							
					#left li.sublast a:hover
							{
					        background-image: url(../img/sub2.png);
							}	
					#left ul.seo li.sublast a:hover							
							{
					        background-image: url(../img/sub2.png);
							background-position: 3.5em 0em;
							}							
							
		/* newsletter box*/	
		#newsletter,
		#kontaktaufnahme {
			float: right; 
			width:205px; 
			height:150px; 
			background: url(../img/bg_newsletter.gif) no-repeat; 
			margin:100px 9px 0px 0px; 
			color:#af0917; 
			padding: 11px 8px 0px 8px; 
			font-size:95%;
			}		
			#newsletter .newsletter_form {padding-top:33px}
			#newsletter .email {
				border:#AA0715 1px solid; 
				width:201px; 
				color:#AA0715; 
				font-size:90%;
				line-height:110%; 
				padding:2px; 
				text-align:right;
				}
			#newsletter .newsletter_button {
				width:205px; 
				background:#AA0715; 
				color:white;
				margin-top: 8px; 
				font-size:90%; 
				cursor:pointer; 
				padding:3px; 
				text-align:right;
				}
	    	.newsletter_button hover {
					background:#CC3300;
					} /*arbeit nicht :( */
		#kontaktaufnahme { line-height:125%}
			#kontaktaufnahme a{ 
					padding-left:10px; 
					background: url(../img/pfeil_kontakt.gif) no-repeat;
					background-position: 0.15em .25em;
					color:#AA0715;
					font-weight:bold;
					text-decoration:none; }
			#kontaktaufnahme .tel {font-weight:bold}
		
		#adsense_links {
			float: right; 
			width:177px; 
			height:146px; 
			background: url(../img/bg_adsense_links.gif) no-repeat; 
			margin:70px 9px 0px 0px; 
			color:#af0917; 
			padding: 11px 0px 0px 0px; 
			font-size:95%;		
		}
		
		#tipp {			
			float: right; 
			width:205px; 
			background: url(../img/tipp.png) no-repeat; 
			background-position: 11em 0em;
			padding-top:4.5em;
			margin:100px 9px 0px 0px; 
			color:#fff; 
			font-size:85%;
			line-height:160%}
	
	/* center */
#content {
		float:left;
		width:632px;
		background: #ffffff;
		padding:10px;
		padding-bottom:30px;
		color:#58585a;		
 		font-size:90%; 
		line-height:150%; 
		margin-bottom:50px;   
}
		#content a {
				border-bottom: #AA0715 1px dotted;
				text-decoration:none;
				color:#58585a;	
				}
		#content a:hover {
				color:#AA0715;
				border-bottom: #58585a 1px dotted;				
				}	
		#content p {
				 padding-bottom:15px;
				 }			
		#content h1,
		#content h2, 
        #content h3,
		#content h4,
		#content form,
		#content p {
				padding-left:8px;
				padding-right:8px;	
		} 
		#content h1{
		 /*	see styles in sifr-config.js */
				margin-top:25px;
				margin-bottom:25px;
				color:#AA0715;
				font-size:28px;
				font-weight: 100;
		 } 
		 #content h2{
				margin-top:15px;
				margin-bottom:8px;				
				color:#AA0715;
				font-size:20px;
				font-weight:100;
		 } 
		 #content h3{
				margin-top:15px;
				margin-bottom:8px;				
				color:#AA0715;
				font-size:17px;
				font-weight:normal;
		 } 	
		 #content h5{
				margin-top:15px;
				margin-bottom:8px;				
				color:#AA0715;
				font-size:14px;
				font-weight:normal;
		 } 
		 
		 #content ul{
				padding-left:4px;
				padding-right:10px;
				list-style:none;
				margin: 8px 0 8px 0;
		 } 			 			
			 #content ul li{
   			    padding-left: 20px;
				background-image:  url(../img/raquo.gif);
				background-repeat: no-repeat;
				background-position: 7px 9px;
				margin-top:8px;
			 } 	
			 	#content ul li ul,
				#content ul.small{
					margin: 8px 0 8px 16px;
					list-style:none;
					font-size:80%;
				    } 	
				#content ul.small{
					margin-top: -8px;
				    } 	 
				#content ul li ul li,
				#content ul.small li{
					margin-top:0px;
				 } 
				 
				 #content .left{
				 	float:left; 
					margin-right:10px;
					margin-top:5px	
					}
				 
				 		 
		 #breadcrumb { 

				margin-top:6px;
				margin-left:-10px;
				margin-right:-10px;
				padding-left:18px;
				padding-right:10px;
				padding-top:13px;
				background-image: url(../img/bg_breadcrumb.gif);
				background-repeat: repeat-x; 
				font-size:80%;
		     }	
		* + html #breadcrumb{  /*starplus hack for IE7*/
				margin-top: 9px;
		     }		 
		 #content .teaser{
				font-weight:bold;
				padding-bottom:15px;
		 } 
		 #content .action{
				background-color:#f9dadc; 
				padding:3px; 
				border:#AA0715 1px dotted;
/*				border:#fff 3px dotted; */
				margin:15px 20px 35px 10px;
				width:600px;
		 }
				 #content .action h2{
						padding-top:0px; 
				 } 			  		 
		 #content .red,
		 #content .raquo,
		 #content strong{color:#AA0715;	} 	 	 
		 
		 #content .weiter { margin-left:473px; color:#AA0715; font-style:italic	}
/* werbung	*/	 

.adsense_banner {text-align:right; margin-right:80px}
#adsense_links {
			float: right; 
			width:177px; 
			height:146px; 
			background: url(../img/bg_adsense_links.gif) no-repeat; 
			margin:70px 9px 0px 0px; 
			color:#af0917; 
			padding: 11px 0px 0px 0px; 
			font-size:95%;		
		}		 
/* tools tables */


table{
	border-collapse: collapse;
	font-size: 12px;
	}

th {
	text-align: center;
	font-weight: bold;
	background:#dedacd;
	padding:5px;
	border:  #807b6a dotted 1px;
}
tr.dark {
       background-color: #F5F5F5;
}
tr.dark:hover {
       background-color: #FFF4F4;
}
tr.light {
       background-color: #ffffff;
}
tr.light:hover {
       background-color: #FFF4F4;
}

td {
    border: #CCCCCC dotted 1px;
	padding-left:5px;
	padding-right:5px;
}
#adwords_wrapper td {padding: 8px; background:#ece9d8 }
td.hidden {
	border: none;
}	


table#service,
table#adwords_wrapper
 {
	background:#f7f7f8;
	border: #807b6a dotted 1px;
	border-collapse: collapse;
	width:90%;
	margin:auto
}



table#service td {border:none; padding:5px; text-align:left}
table#service td.send {text-align:center}
table#service th {border: #807b6a dotted 1px; padding:3px; text-align:left}

table#adwords_wrapper td {padding:5px; text-align:left; background: #f7f7f8}
table#adwords_wrapper th {border: #807b6a dotted 1px; padding:3px;text-align:center}

table#kwdbresults { width:90%; margin:auto}
table#kwdbresults th {padding:2px; line-height:110%}
table#kwdbresults tr.abstand {padding:0px; height:6px}


table#webcataloge th{ line-height:100%}
table#webcataloge td { line-height:105%}
table#webcataloge td.komment { font-size:80%}

table#paging { background:white; width:728px;  border: #CCCCCC 1px  dotted; margin:auto; margin-top:15px}
table#paging td{ border:none}

/* form elements */
form#wochentracker{
	text-align: left;
	background:#dedacd;
	padding:5px;
	border:  #807b6a dotted 1px;
	width:560px;
	margin:auto;
}
form#wochentracker input, 
form#wochentracker select{
margin-left:20px;
border:  #807b6a dotted 1px;
}
INPUT.submit {
text-align:center;
background:#AA0715;
font-size:11px;
font-weight: bold;
color: #fff;
border:#fff 3px solid;
cursor:pointer;
padding:1px
}
INPUT.submit:hover{background-color:#105d91;color: #fff;}

INPUT.text, INPUT.select, .select, textarea,
input#services-domain,
input#services-keyword{border:#dedacd 1px solid;
		padding:2px; font-size:11px; color:#AA0715; font-weight:bold}

INPUT.radio,  INPUT.checkbox{background-color:#f7f7f7;}

		 
.right {float: right}		 
		 
		 
/*webkataloge*/		 
.redBold {
	color: #CF171F;
	font-weight: bold;
}
.green {color: #009933}
/*.red {color: #FF0000}*/
		 
		 
.clear { clear:both}		

.promobox {
border:1px dotted #AA0715;
float:right;
margin-left:6px;
margin-right:5px;
background:#F9DADC;
font-size:11px;
line-height:15px;
padding:6px;
width:185px; clear:right; margin-bottom:6px;
		 }
		 
.promobox img { float:left; background:white none repeat scroll 0 0;
border:1px solid #999999;
margin:0px 4px 4px 0px;
padding:2px;}

.promobox_event {
float:right;
font-size:11px;
line-height:15px;
padding:6px;
width:185px; clear:right; margin-bottom:6px;
		 }
#content #referenzen h3 {
	padding: 0;
	margin: 0 0 5px;
}
#content #referenzen h3 a:link,
#content #referenzen h3 a:visited
 {
	display: block;
	background: #8d8a81;
	padding: 5px;
	border: none;
	color: #FFF;
}

#content #referenzen h3 a:hover {
	color: #FFF;
	background: #AA0715;
}

#content #referenzen h3 span {
	float: right;
	display: inline;
	font-size: 12px;
	color: #FFF;
	margin-right: 10px;
	cursor: pointer;
}

#content #referenzen ul {
	display: none;
	overflow: hidden;
}

#content #referenzen ul.visible {
	display: block;
}

#content #referenzen ul li {
	background-image: none;
	padding: 0;
	margin: 10px 10px 10px 50px;
}

#content #referenzen ul li.alignright {
	text-align: right;
	padding-right: 50px;
}

#content #referenzen ul li a {
	border: none;
}