body {background: url(bilder/BG.jpg) repeat-x #beac94; font-family: verdana, helvetica, sans serif; font-size: 11px; color: #000; margin: 0; text-align: center;}

a, a:active, a:visited {color: #686868; text-decoration: none;}
a:hover {text-decoration: underline;}

#main {position: relative; width: 939px; margin: auto;}
#header {background: url(bilder/header.png) no-repeat; position: relative; top: 0px; left: 0px; height: 177px; z-index: 0;}
#top_nav {background: url(bilder/top_nav_bg.png); position: absolute; top: -28px; left: 37px; width: 605px; height: 29px; padding: 0px 2px 0px 7px; z-index: 3;}
#content {background: url(bilder/main_bg.png); position: relative; width: 939px; float: left; padding: 0px 0px; float: left; z-index: 0;}
#leftcolumn {position: relative; top: 0px; left: 30px; float: left; width: 175px; height: 100%; font-size: 12px; color: #b1c3d5; text-align: left;}
#leftcolumn a, #leftcolumn a:active, #leftcolumn a:visited {display: block; font-size: 11px; background: url(bilder/menuarrow.jpg) no-repeat left; width: 150px; text-align: left; color: #a0a0a0;text-decoration: none; padding: 0px 0px 0px 10px; margin: 2px 0px;} 
#leftcolumn a:hover {color: #82ade2; font-weight: bold;text-decoration: underline;}
#rightcolumn {position: relative; top: 0px; left: 40px; float: left; width: 695px; color: #b1c3d5; text-align: left;}
#google-ad {position: relative; top: 0px; left: 5px; width: 690px; height: 75px; margin: 0px 0px 10px 0px;}
#content_leftcolumn {position: relative; top: 0px; left: 5px; width: 300px; float: left;}
#content_rightcolumn {position: relative; top: 0px; left: 20px; width: 365px; float: left;}
#footer {background: url(bilder/footer.png); position: relative; top: 0px; width: 939px; height: 32px; clear: both; color: #c2b19a; font-size: 10px; padding: 55px 0px 0px 0px;}

/* ##### Dropdown ##### */
ul {padding: 0;margin: 0;list-style: none;}
li {float: left; position: relative;}
html>body .top {background: url(bilder/top_nav_a_bg.png) no-repeat top center; color: #87b1e5; height: 15px; width: 85px; padding: 5px 0px 0px 0px; text-align: center;}
.top {background: url(bilder/top_nav_a_bg.png) no-repeat top center; color: #87b1e5; height: 15px; width: 85px; padding: 5px 0px 0px 0px; text-align: center;}
.top a, .top a:active, .top a:visited {color: #87b1e5; font-size: 10px;}
.top a:hover {color: #FFF; font-weight: bold;}
li ul {display: none; position: absolute; top: 19px; left: -1px; border: 0;}
li.link > ul {top: auto;left: auto; border: 0;}
li:hover ul, li.over ul{display: block; border: 0;}
.dd_top {margin-top: 9px; display: block; width: 150px; height: 20px; background: url(bilder/dd_top.png);}
.dd_foot {display: block; width: 150px; height: 12px; margin: 0px 0px 8px 0px; background: url(bilder/dd_foot.png); clear: both;}
.link {position: relative; float: left; display: block; width: 150px;}
.link a, .link a:active, .link a:visited {display: block; width: 150px; background: url(bilder/dd_mid.png); color: #555; font-size: 10px; float: left;}
.link a:hover {background: url(bilder/dd_mid_over.png); color: #FFF; font-weight: bold;}
span.linkcount {width: 45px; font-size: 8px; margin: 0px 0px 0px 0px; float: left; text-align: right;}
span.linktext {width: 97px; text-align: left; display: block; float: left; padding: 0px 0px 0px 3px;}

/* #### Klassen #### */
.light {font-size: 9px; color: #cacaca;}
.inputsuche {background: url(bilder/input_suche.jpg); border: 0; height: 21px; width: 107px; color: #c0c0c0; padding: 4px 0px 0px 5px; margin: 0;}
.submitsuche {background: url(bilder/submit_suche_2.jpg); border: 0; height: 25px; width: 46px; color: #c0c0c0; padding: 0px 0px 0px 0px; margin: 0;}
.box_1 {background: url(bilder/box_1.jpg); width: 279px; height: 210px; color: #b6d5fb; font-size: 12px; padding: 20px 0px 0px 10px;}
.box_1 a, .box_1 a:active, .box_1 a:visited {background: url(bilder/box_1_arrow.png) no-repeat center right; display: block; width: 270px; line-height: 12px; height: 35px; color: #b6d5fb; text-decoration: none; margin: 0;}
.box_1 a:hover {background: url(bilder/box_1_arrow_over.png) no-repeat center right; color: #FFF;}
.box_1_small {font-size: 10px; color: #7daae1;}
.box_2 {color: #959595; font-size: 12px; width: 280px; padding: 3px 5px; margin: 20px 0px 0px 0px;}
.box_2 a, .box_2 a:active, .box_2 a:visited {color: #4880b6;}
.box_2 a:hover {font-weight: bold;}
.box_2 h4 {background: url(bilder/box_2_line.png) no-repeat bottom left; height: 20px; font-size: 14px; color: #4880b6; margin: 5px 0px 5px 0px;}
.price {width: 100%; text-align: right; margin: 10px 0px 5px 0px;}
.box_login {background: url(bilder/box_login_bg.png); width: 338px; height: 231px; padding: 10px 10px 0px 15px; color: #686868;}
.box_login a, .box_login a:active, .box_login a:visited {text-decoration: underline; font-weight: bold;}
.box_login a:hover {text-decoration: none;}
.box_login h4 {color: #315c86; margin: 20px 0px 5px 0px; font-size: 12px;}
.login_input {background: url(bilder/login_input.png) no-repeat; border: 0; width: 183px; height: 20px; padding: 3px 0px 0px 10px;}
.login_submit {background: url(bilder/login_submit.png) no-repeat; border: 0; width: 76px; height: 19px; margin: 0;}
.box_3 {color: #4880b6; font-size: 12px; width: 343px; text-align: center; padding: 0px 10px; margin: 20px 0px 0px 0px;}
.box_3 a, .box_3 a:active, .box_3 a:visited {background: url(bilder/box_3_arrow.png) no-repeat center left; display: block; width: 330px; line-height: 12px; height: 20px; color: #4880b6; text-decoration: none; margin: 0; text-align: left; padding: 0px 0px 0px 20px; margin: 15px 0px;}
.box_3 a:hover {background: url(bilder/box_3_arrow_over.png) no-repeat center left; font-weight: bold;}
.box_3_small {font-size: 10px; color: #989898;}
.box_3_small:hover {text-decoration: underline;}

.box_full {color: #959595; font-size: 10px; width: 680px; padding: 3px 5px; margin: 20px 0px 0px 0px;}
.box_full a, .box_full a:active, .box_full a:visited {color: #4880b6;}
.box_full a:hover {font-weight: bold;}
.box_full h4 {background: url(bilder/box_2_line.png) no-repeat bottom left; height: 20px; font-size: 14px; color: #4880b6; margin: 5px 0px 5px 0px;}

.xe_box_product { float:left; width:220px; height:220px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; }
	.xe_box_product h1 { text-align:left; font-size:18px; color:#c9c9c9; padding:10px 0; margin:0; font-weight:bold;}
	.xe_box_product p { text-align:left; font-size:11px; color:#c9c9c9; padding:10px 0; margin:0; font-weight:bold;}
	.xe_box_product a { width:220px; height:180px; background-color:#003366 }
	.xe_box_product .img_1 { width:219px; height:130px; background:url(bilder/full_service-off.jpg) no-repeat; }
	.xe_box_product .img_2 { width:219px; height:130px; background:url(bilder/e_mail_marketing-off.jpg) no-repeat; }
	.xe_box_product .img_3 { width:222px; height:130px; background:url(bilder/leadgenerierung-off.jpg) no-repeat; }
		.xe_box_product a:hover h1 { color:#4c4c4c; } 
		.xe_box_product a:hover p { color:#4c4c4c; } 
		.xe_box_product a:hover .img_1 { background:url(bilder/full_service-on.jpg); }
		.xe_box_product a:hover .img_2 { background:url(bilder/e_mail_marketing-on.jpg); }
		.xe_box_product a:hover .img_3 { background:url(bilder/leadgenerierung-on.jpg); }
		.xe_box_product a#active h1 { color:#4c4c4c; } 
		.xe_box_product a#active p { color:#4c4c4c; } 
		.xe_box_product a#active .img_1 { background:url(bilder/full_service-on.jpg); }
		.xe_box_product a#active .img_2 { background:url(bilder/e_mail_marketing-on.jpg); }
		.xe_box_product a#active .img_3 { background:url(bilder/leadgenerierung-on.jpg); }
		#news_con p  { padding:0; margin:0; }
.xe_box_product #xe_none { float:none; margin-left:450px; margin-right:0; }