* {
	margin: 0;
	padding: 0;
}
body{
	color: #131313;
	font-size: 0.95em;
	letter-spacing:0.01em;
	font-family:arial, verdana, Georgia, "Times-New-Roman", serif;
	background-color: ffffff;
	
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none; color:#333333;}
a{background:#0099FF; background:#FFFFFF; color:#0353cb; color:#FFFFFF; text-decoration:none;}
a:hover{text-decoration:underline;}
strong {color:#333333;}


#wrapper {
	margin:10px 0 0 0;
	}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
	margin-top:10px;
	}
#header {
	border:0px solid #999999;
	height:277px; 
	background:url(images/header_bg.gif) 0 0 repeat-x; 
	margin:0 auto;
}
#content {
	width: 560px;
	min-height: 354px;
	height: auto !important;
	height: 300px;
	float: left;
	padding:20px 0 0 0;
}
#content p {
	font-size:1em;
	line-height:1.4em;
	color:#666666;
	padding-right:10px;
	
	}
#content #home{
		background: url(images/zahnrad.jpg) right bottom no-repeat;
		background:none;
			padding-right:30px;
		}
#content #grafik{
		background: url(images/grafik.jpg) right bottom no-repeat;
		margin-right:50px;
		}
#content p span,
#content p strong{
	font-style:italic;
	font-weight:bold;
	color:#333333;
	}
#content p span a{
	color:#333333;
	color:#0066ff;
	text-decoration:none;
	border-bottom:1px dotted #333333;
	}	
#content p span a:hover{
	color:#333333;
	text-decoration:none;
	border-bottom:2px dotted #333333;
	}
#content p a{color:#333333; text-decoration:none;border-bottom:1px dotted #333333;}

#sidebar {
	width:330px;
	min-height: 300px;
	height: auto !important;
	float:left;
	background:#999999;
	background:url(images/sidebar_bg.jpg) repeat-y;
	padding:30px 0 0 30px;
	}
#sidebar p {
	width:240px;
	text-align:justify;
	color:#999999;
	color:#666666;
	}	
#sidebar_bottom {
	width:330px; 
	height:24px; 
	background:url(images/sidebar_bottom.gif) 0 0 no-repeat; 
	float:left;
	}
#footer {
	background-color: #666666;
	width:940px;
	min-height:60px;
	float:left;	
	padding:10px 0 0 10px;
	font:0.8em Arial, Helvetica, sans-serif;
	}
#footer #copy{color:#99FF00; color:#CCCCCC;padding-left:10px;}
#footer ul li{float:left;padding-left:10px;}	
#footer ul li a{background-color: #666666;display:block;}

#w3c {
	position:relative;
	float:right;
	top:-20px;
	background-color:#666666;
	padding:0 20px 0 0;
	}
#w3c p{	float:left; padding-left:20px; }
#w3c a{ background-color:#666666;}
	
/* NAVIGATION */
#nav_left ul{width:114px; height:124px; position:absolute; top:109px; left:23px;}
#nav_left ul li{width:114px; height:24px; background:url(images/dot-line.gif) 0 100% repeat-x;}
#nav_left ul li a{display:block; width:102px; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; font:0.85em/1.6em Arial, Helvetica, sans-serif;font-weight:bold;  text-decoration:none; padding:0 0 0 12px;}
#nav_left ul li a:hover{text-decoration:underline; background:url(images/li.png) 0 4px no-repeat;text-indent:0.5em;} 
#nav_left ul li.active a{background:url(images/li.png)0 4px no-repeat; color:#FFFFFF; text-indent:0.5em; }

#nav_right {width:305px; height:277px; float:left; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000;}
#nav_right ul{width:270px;  margin:0 0 0 10px;}
#nav_right ul li{width:90px; height:277px; float:left;}

#nav_right  ul li.grafik{width:90px; height:277px;}
#nav_right  ul li.grafik a{width:90px; height:277px; display:block; background:url(images/navi/grafik.jpg) 0 0 no-repeat; text-indent:-20000px;}
#nav_right  ul li.grafik a:hover{width:90px; height:277px; background:url(images/navi/grafik_hover.jpg) 0 0 no-repeat;}

#nav_right  ul li.webdesign a{width:90px; height:277px; display:block; background:url(images/navi/webdesign.jpg) 0 0 no-repeat; text-indent:-20000px;}
#nav_right  ul li.webdesign a:hover{width:90px; height:277px; background:url(images/navi/webdesign_hover.jpg) 0 0 no-repeat;}

#nav_right  ul li.freelancer a{width:90px; height:277px; display:block; background:url(images/navi/freelancer.jpg) 0 0 no-repeat; text-indent:-20000px;}
#nav_right  ul li.freelancer a:hover{width:90px; height:277px; background:url(images/navi/freelancer_hover.jpg) 0 0 no-repeat;}

#logo {
	width:570px; 
	height:277px; 
	background-color:#0066FF;
	background-color:#FF0000;
	background-color:#0066FF;
	float:left; /*
	background:url(images/heade.jpg) 0 0 no-repeat;*/	
	position:relative;
	margin:0 0 0 0;
	}
#logo img{border:none;}	
/*  Font */
h2 {
	font-size:1.5em;
	color:#3A3A3A;
	color:#61A804;
	color:#046CB8;
	color:#ff0099;	
	padding-bottom:2px;
	border-bottom:1px solid #666666;
	width:90%;
	font-style:italic;
	}
h2 span{
	font-style: normal;
	font-variant: small-caps;
	color:#333333;
	}
h3 {
	color:#3A3A3A; 
	font:1em Arial, Helvetica, sans-serif; 
	padding:18px 0 0 0px; 
	text-transform:uppercase; 
	margin:0px;
	letter-spacing:0.05em;
	}
h4 	{
	color:#3A3A3A;
	border-bottom:1px solid #ff0099;
	width:245px;
	padding:0 0 3px 0;
	font-variant:small-caps;
	font:1em verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#content ul{width:500px; margin:16px 0 30px 26px;line-height:2.5em;}
#content ul li.punkt{background:url(images/bullet.gif) 0 17px no-repeat;  padding:0 0 0 20px; }
#content ul ul{margin:2px 0 10px 20px; }
#content ul li ul li{background:none; padding: 1px; line-height:0.5em; margin:0px; font-style:italic; color:#666666;}


#kontakt {
	width:400px;
	float: left;
	}
#content img{
	float: left;
	padding:10px 0 0 0;
	}
.referenz {
	position:relative;
	float:left;
	}
.referenz_text {
	position:relative;
	float:left;
	width:250px;
	height:280px;
	padding:20px 0 10px 30px;
	}
.referenz_text ul li {
	list-style:circle;
	line-height:1.5em;
	width:200px;
	color:#333333;
	}
.referenz_text a{float: right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0353cb; text-decoration:none; border:none;}
.referenz_text a:hover{text-decoration:underline;}

.referenz a img{border:none; border:1px solid#ffffff;}
	
#zusatz{
	color:#333333;
	font-variant:small-caps;
	}
.info_details p{
	font-size:0.8em;
	line-height:1.4em;
	width:245px;
	color:#333333;
	}
.info_details a{font-family:Verdana, Arial, Helvetica, sans-serif; color:#0353cb; text-decoration:none;}
.info_details p a:hover{text-decoration:underline;}

.angebot_text{
	font-size:0.8em;
	line-height:1.4em;
	}
#info_wko{
	position:relative;
	float:left;
	font-size:0.8em;
	line-height:1.4em;
	width:250px;
	}
#sitemap ul{color:#0353cb; width:500px; margin:16px 0 30px 26px;line-height:1.5em;}
#sitemap ul li.punkt{background:url(images/bullet.gif) 0 8px no-repeat;}
#sitemap ul ul li{color:#0353cb; list-style:circle;}
#sitemap a, #sitemap a:active, #sitemap a:visited{color:#0353cb; text-decoration:none; line-height:1.4em;}
#a_graphic {color:#0353cb; text-decoration:none; line-height:1.4em;}
#sitemap a:hover{text-decoration:underline;}