/* CSS Document */

body
{
	margin:0px;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}

p
{
	margin:15px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:23px;
}

#sommer
{
	background-image:url(images/hand.jpg);
	background-repeat:no-repeat;
	float:left;
	width:138px;
	height:109px;
	margin-left:240px;
	position:absolute;
	z-index:2;
	
}

#logo
{
	height:104px;
	width:250px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	float:right;
	margin:5px 0 0px 0px;
	padding:0;
	
}

#background_dunkel
{
	height:22px;
	background-color:#133513;
	clear:right;
	padding:4px;
}

#background_hell
{
	height:20px;
	background-color:#c8df00;
	clear:right;
	
}


#navi_block
{
	
	width:300px;
	background-image:url(images/navi_bg.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:35px;
	
	

}

#navi
{
	
	width:140px;
	margin:280px 35px 70px 35px;
	
}

#content
{
	margin:5px 0 0 342px;
	width:900px;
	padding:10px 0;
	
	
}

#content1
{
	margin:5px 0 0 342px;
	width:650px;
	padding:10px 0;
	
}

#content2
{
	margin:0px 0 0 330px;
	width:640px;
	padding:0px 0;
	
}

#content3
{
	margin:10px 0 0 462px;
	width:350px;
	padding:20px 0;
	
}

#content_impressum
{
	margin:20px 0 0 440px;
	width:530px;
	
}

#box_referenzen
{
	float:left;
	width:700px;
	margin:30px 0;
	font-size:12px;
}

.ref_images { float:left; margin-right:25px; width:170px; }

.box_text_referenzen
{
	float:left;
	width:500px;
}

.box_text_referenzen h3
{
	font-size:14px;	
	margin:0 0 15px 0;
}

.link
{
	text-decoration:none;
	color:#336600;
}


#navi_link
{
	text-decoration:none;
	color:#133513;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

.navi_link
{
	text-decoration:none;
	color:#133513;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}


#navi_link:hover
{
	text-decoration:none;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

#navi_link:active 
{
	text-decoration:none;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}


li
{
	
	line-height:30px;
	margin:4px 0 4px 17px;
	text-decoration:none;
}

ul
{
	height:auto;
	list-style-type: none;
	
}

#footer1
{
	height:30px;
	background-color:#c8df00;
	margin:0px;
	padding:0px;
	position:absolute; 
	width:100%;
}

#footer2
{
	height:30px;
	background-color:#c8df00;
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
}

#footer
{
	height:30px;
	background-color:#c8df00;
	margin:0px;
	padding:0px;
	position:absolute; top:530px;
	width:100%;
}

#icons
{
	margin:0px 40px 0px 0;
	padding:0;
	float:right;
}

.icons
{
	margin:0px 40px 0px 0;
	padding:0;
	float:right;
}


.home_icon
{
	background-image:url(images/home_grafik.gif);
	background-repeat:no-repeat;
	margin:0px 40px 0px 0;
	padding:0;
	float:right;

}

.home_icon:hover
{
	background-image:url(images/home_grafik_hover.gif);
	background-repeat:no-repeat;
	margin:0px 40px 0px 0;
	padding:0;
	float:right;

}

.kontakt_icon
{
	background-image:url(images/email.gif);
	background-repeat:no-repeat;
	
}

.kontakt_icon:hover
{
	background-image:url(images/email_hover.gif);
	background-repeat:no-repeat;
}

.news_icon
{
	background-image:url(images/news.gif);
	background-repeat:no-repeat;
	margin:0px 40px 0px 0;
	padding:0;
	float:right;

}

.news_icon:hover
{
	background-image:url(images/news_hover.gif);
	background-repeat:no-repeat;
	margin:0px 40px 0px 0;
	padding:0;
	float:right;

}



.link_webdesign
{
	margin:0 0 0 410px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_webdesign:hover
{
	margin:0 0 0 410px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_webdesign_aktiv
{
	margin:0 0 0 410px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_ecommerce
{
	margin:0px 0 0 20px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_ecommerce:hover
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_ecommerce_aktiv
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_suchmaschiene
{
	margin:0px 0 0 20px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_suchmaschiene:hover
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_suchmaschiene_aktiv
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_programmier
{
	margin:0px 0 0 20px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_programmier:hover
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.link_programmier_aktiv
{
	margin:0px 0 0 20px;
	color:#c8df00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.bild
{
	float:right;
	margin:10px;
	
}

#w3c
{
	margin-left:10px;
	margin-top:70px;
}

#blog
{
	background-image:url(images/blog.gif);
	background-repeat:no-repeat;
	float:left;
}

.impressum_text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#666666;
}

.kontakt_fehler
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	margin-bottom:-3px;
	height:11px;
}

ol
{
	list-style-type:disc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#preis
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF0000;
}

#firma
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:7px 0px 15px 0px;
}

.firma
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:7px 0px 15px 0px;
}


#email
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#133513;
	text-decoration:none;
}

#email:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

/**** Referenzen neu 08.01.09  ****/
.referenzbox { margin:15px; }

#modalbox { width:500px; }

#modalbox_innen { padding:0 0 0 50px; left:30px; }

/* Twitter */
#twitter { font-size:12px;  }
#twitter_update_list span { margin-left:-30px; }
#twitter_update_list span a { color:#C8DF00; }
#twitter_update_list li a {  }
#twitter_update_list li { margin:0; line-height:14px; }

#social { float:left; margin:25px 0 0 80px; }