
body{
	background: #fff;
	text-align: center;
}
body, input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #303030
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

img{
	border: none;
}

.clear{
	clear: both;
	display: block;
	height: 1px;
	font-size: 1%;
}

/*-------------   CONTENT   -------------*/
#content{
	text-align: left;
	margin-top: 3em;
}

.half{
	float: left;
	width: 45.5%;
	margin-bottom: 2em;
}
.half.left{
	margin: 0 2% 0 0;
	padding-right: 2%;
	border-right: 2px solid #d6d3aa;
}
.half.right{
	margin: 0 0 0 2%;
	padding-left: 2%;
}

#content h1{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	color: #46b3df;
	padding: 0;
	margin: 0 0 0.6em 0;
}

#content h2{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #1d7fa1;
	padding: 0;
	margin: 1em 0 0.6em 0;
}
#content h2 a{
	color: #1d7fa1;
	text-decoration: none;
}
#content h2 a:hover{
	text-decoration: underline;
}

#content h3{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #848156;
	font-weight: normal;
	padding: 0;
	margin: 0 0.4em 0 0;
}
#content h3 a{
	color: #848156;
	text-decoration: none;
}
#content h3 a:hover{
	text-decoration: underline;
}

#content p{
	margin-top: 0;
}

a{
	color: #1d7fa1;
}

#content .bold{
	font-weight: bold;
}

span.info{
	color: #1d7fa1;
	padding: 0 0 1px 22px;
	background: url(/images/www/ico_info.gif) no-repeat 4px center;
}


/* Icons */
.icon_barchart{
	background: url(/images/www/icon_barchart.png) no-repeat;
}
.icon_plus{
	background: url(/images/www/icon_plus.png) no-repeat;
}
.icon_info{
	background: url(/images/www/icon_info.png) no-repeat;
}
.icon_power{
	background: url(/images/www/icon_power.png) no-repeat;
}
.icon_arrow{
	background: url(/images/www/icon_arrow.png) no-repeat;
}
.icon_paragr{
	background: url(/images/www/icon_paragr.png) no-repeat;
}
.icon_screen{
	background: url(/images/www/icon_screen.png) no-repeat;
}
.icon_globe{
	background: url(/images/www/icon_globe.png) no-repeat;
}
.icon_save{
	background: url(/images/www/icon_save.png) no-repeat;
}

/* home > freebox */
#freebox{
    background: url(/images/www/bg_freebox.png) no-repeat center top;
	padding: 8px 0 0 74px;
	margin: 0 0 0 72px;
	height: 89px;
	color: #daedb5;
	width: 544px;
}
#freebox h1{
	font-size: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	float: right;
	width: 134px;
}
#freebox h1 a{
    color: #fff;
	text-transform: uppercase;
    text-decoration: none;
}
#freebox form{
	width: 400px;
	height: 82px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 14px;
	color: #445622;
}
#freebox form p{
    margin: 0;
	padding: 0;
}
#freebox label{
    display: block;
	font-weight: bold;
}
#freebox .tf{
    font-size: 14px;
	border-color: #89ae43;
}
#freebox #account_subdomain{
    width: 280px;
	height: 20px;
	vertical-align: middle;
}
#freebox #subdomain_preview{
    display: block;
	width: 380px;
	height: 20px;
	overflow: hidden;
}
#freebox .help_btn{
    background: url(/images/www/bg_help2.gif) no-repeat 2px 2px;
	padding: 17px 17px 0 0;
}
#freebox .btn_form{
    font-size: 14px;
    font-weight: bold;
	color: #89ae43;
	border: 2px solid #89ae43;
	height: 26px;
	vertical-align: middle;
}
p.freeinfo{
    font-weight: bold;
	font-size: 90%;
	color:#999999;
	text-align: center;
	margin: 0.4em 0 0 0;
	padding: 0;
}


/* Testimonial-Liste */
ul.testilist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.testilist li{
	padding: 0;
	margin: 0.2em 0 1.6em 0;
}

.testilist .eisinger{
	background:url(/images/www/_dummy_portrait2.jpg) no-repeat;
}
.testilist .dummer{
	background:url(/images/www/portrait_konrad_dummer.jpg) no-repeat;
}
.testilist .marton{
	background:url(/images/www/portrait_susanne_marton.jpg) no-repeat;
}
.testilist .horvath{
	background:url(/images/www/portrait_peter_horvath.jpg) no-repeat;
}

.testilist .head{
	clear: both;
	min-height: 60px;
	padding-left: 55px;
}
/*
.testilist img{
	width: 50px;
	height: 60px;
	float: left;
	margin-bottom: -20px;
}
*/
.testilist .company{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.testilist .company, .testilist .company a{
	color: #77744c;
	text-decoration: none;
}
.testilist .company a:hover{
	text-decoration: underline;
}

.testilist blockquote{
	margin: -14px 0 0 0;
	padding: 30px 14px 0 8px;
	background: url(/images/www/bg_testi_bubble.png) no-repeat;
	display: block;
}

/* Feature-Liste */
ul.featurelist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.featurelist li{
	padding: 0 0 1em 80px;
	margin: 0;
}

/* Home > Bestell-Button: */
a#home_free{
	display: block;
	height: 68px;
	margin-left: -17px;
	padding-left: 80px; 
	color: #4f691e;
	text-decoration: none;
	background: url(/images/www/bg_home_free.png) no-repeat 0px 0px;
}
a#home_free strong{
	display: block;
	padding: 8px 0 0 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 26px;
}
a#home_free:hover{
	color: #fff;
	background: url(/images/www/bg_home_free.png) no-repeat 0px -68px;
}
a#home_free.tour{
	background-image: url(/images/www/bg_home_free_tour.png);
	margin-left: 2px;
}

/* Home > Teaser-Ani: */
#teaserani{

}
#mySlides, #mySlides div{
	width: 760px;
	height: 224px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
}
#mySlides{
	overflow: hidden;
}
#mySlides img{
	width: 760px;
	height: 224px;
	position: absolute;
	z-index: 1;
}
#mySlides .txt{
	position: absolute;
	z-index: 2;
	display: block;
	color: #fff;
	top: 34px;
	left: 15px;
	width: 160px;
}

#myController{
	margin: 0;
	padding: 0;
	height: 63px;
	list-style-type: none;
	background:#c9c36b;
}
#myController li {
	margin: 0 -33px 0 0;
	padding: 0;
	float: left;
	height: 63px;
	background: url(/images/www/bg_slidecontr_right_off.png) no-repeat top right;
}
#myController h4 {
	margin: 0;
	padding: 14px 33px 0px 42px;
	height: 52px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #fff;
	font-weight: normal;
	background: url(/images/www/bg_slidecontr_left_off.png) no-repeat top left;
}
#myController li.jFlowSelected {
	background: url(/images/www/bg_slidecontr_right_on.gif) no-repeat top right;
}
#myController li.jFlowSelected h4{
	background: url(/images/www/bg_slidecontr_left_on.gif) no-repeat top left;
}

/* Produkte */
.productTable{
    width: 99%;
	margin-bottom: 2em;
}

img.productBox{
width: 183px;
height: 112px;
}

.productTable td{
    width: 183px;
	padding: 6px 6px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #b3b3b3;
}

.productTable tr.dark td, .productTable tr.dark th{
    background: #f0f0f0;
}

.productTable tr.sum td, .productTable tr.sum th{
    border-top: 3px double #cdcdcd;
}
.productTable tr.sum th{
    text-align: right;
	font-weight: bold;
	padding: 8px;
	vertical-align: top;
}

th.thLeft{
    width: auto;
	padding-left: 6px;
	font-weight: normal;
}

td.orderFree{
    border-top: 2px solid #c2f0a7;
}
td.orderStandard{
    border-top: 2px solid #f3e0a8;
}
td.orderPremium{
    border-top: 2px solid #c7eaf8;
}

.productTable .gotIt{
    display: block;
	height: 11px;
	text-indent: -9999px;
	font-size: 1%;
	background: url('/images/www/product_ok.gif') no-repeat center center;
}


#prodlist{
	height: 275px;
	clear: both;
}

#prodlist div{
	width: 148px;
	height: 219px;
	margin: 0 8px 0 0;
	padding: 12px 18px;
	position: relative;
	float: left;
	background: #999999;
}
#prodlist .free{
	background: #b4d575 url('/images/www/bg_prod_free.gif') no-repeat;
}
#prodlist .standard{
	background: #9ad1b1 url('/images/www/bg_prod_standard.gif') no-repeat;
}
#prodlist .premium{
	background: #80ceec url('/images/www/bg_prod_premium.gif') no-repeat;
}
#prodlist .custom{
	background: #c4ced2 url('/images/www/bg_prod_custom.gif') no-repeat;
	margin-right: 0;
}

#prodlist h2{
	color: #fff;
	margin: 0;
}

#prodlist .price{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	padding: 20px 0 7px 76px;
}
#prodlist .price strong{
	display: block;
	font-size: 34px;
	line-height: 20px;
}
#prodlist .free .price{
	background: url(/images/www/icon_employee1.png) no-repeat 0 10px;
}
#prodlist .standard .price, #prodlist .premium .price{
	background: url(/images/www/icon_employee5.png) no-repeat 0 10px;
}

#prodlist div.order{
	width: 166px;
	height: 60px;
	padding: 0 0 0 18px;
	margin: 0;
	position: absolute;
	bottom: -20px;
	right: 0px;
	background: none;
}

.productTable label{
	display: block;
	padding-top: 4px;
	height: 20px;
}

.productTable select{
	float: right;
	height:24px;
	width: 46px;
	padding: 2px 0 0 0;
	background: #fff;
	border: 1px solid #fff;
	border-top-color: #f1f8f4;
}

.buybtn{
	float: right;
	height: 26px;
	max-width: 162px;
	padding: 0px 16px 0 6px;
	margin-right: 8px;
	background: url(/images/www/bg_buybtn.png) no-repeat top right; 
	white-space: nowrap;
	border: none;
}
html* .buybtn{ /* for IEs */
	padding: 0px 2px 0 0;
}

.productTable select, .buybtn{
	color: #1d7fa1;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#basket{
	background: #fbf5b1 url(/images/www/bg_basket.gif) no-repeat left center;
	border: 2px solid #e9dd76;
	border-left: none;
	margin: -1em 0 1em 0;
	padding: 21px 0 21px 80px;
	font-size: 110%;
	text-align: center;
}

/* Tour > Carousel */
div.presentation{
	position: relative;
	top: 0;
	left: 0;
	height: 320px;
	margin-bottom: 40px;
}
/*div.presentation h3{
	border-bottom: 1px solid #dedbaa;
}*/

.carousel-previous, .carousel-next{
	position: absolute;
	width: 27px;
	height: 32px;
	left: -8px;
	top: 120px;
	z-index: 99;
}
.carousel-previous.disabled, .carousel-next.disabled{
    opacity:0.40; /* firefox, opera, safari, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* IE 8 */
    filter:alpha(opacity=40); /* IE 4, 5, 6 and 7 */
}

.carousel-next{
	right: -8px;
	left: auto;
}
.carousel-wrap{
	margin: 0 6px;
	width: 948px;
}

.carousel-wrap ul{
	width: 948px;
	height: 280px;
	list-style-type: none;
	margin: 0;
	padding: 0; 
	background: #f0f0f0;
}
.carousel-wrap li{
	width: 732px;
	padding: 4px 106px;
	margin: 0;
	background: #f0f0f0;
}
.carousel-wrap li, .carousel-wrap li p.img{
	float: left;
}
#content .carousel-wrap li p{
	margin-top: 0.6em;
}
#content .carousel-wrap li p.img{
	margin: 0 0.6em 0 0;
}
.carousel-wrap li p.img img{
	width: 418px;
	height: 260px;
}
/*.carousel-wrap li.textonly{
	width: 628px;
	padding: 4px 60px;
}*/

.carousel-pagination{
	text-align: center;
	background: #dedbaa;
	margin: 0 6px;
}
.carousel-pagination a{
	padding: 2px 6px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	position: relative;
}
.carousel-pagination a.active{
	padding: 0 26px;
}
.carousel-pagination a.active span{
	position: absolute;
	top: -27px;
	left: 4px;
	background: url(/images/www/carousel-page.png);
	width: 45px;
	height: 48px;
	padding-top: 9px;
	text-align: center;
	color: #ada753;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 20px;
}

/* Forms: */
#content form p{
	margin-bottom: 0.2em;
}

.tf{ 
	border: 2px solid #d1cc85;
	margin: 1px;
	padding: 2px;
	width: 280px;
	background: #FFF url(/images/www/bg_tf.png) repeat-x; 
}
.tf:focus{
	border: 3px solid #51beea;
	margin: 0px;
}
#setting_max_employees{
	width: 40px;
}


.btn_form, .btn_right, .btn_left{
	border: 2px solid #cdcdcd;
	margin: 1px;
	padding: 2px 6px;
	color: #1d7fa1;
	text-decoration: none;
	background: #d6d6d6 url(/images/www/bg_btn.gif) repeat-x; 
}

p.btns{
	margin: 1em 0;
	padding: 6px 4px;
	background: #f7f5d4;
	border-top: 4px solid #d6d3aa;
	min-height: 28px;
	clear: both;
}

a.btn_form, a.btn_right, a.btn_left{
	display: block;
	padding: 3px 6px;
}
.btn_left{
	float: left;
}
.btn_right{
	float: right;
}

label.block{
	display: block;
}

.errorbox{
	background: #fbebeb url(/images/www/bg_errorbox.gif) no-repeat center bottom;
	padding: 6px 6px 22px 6px;
}
#content .errorbox p{
	font-weight: bold;
}
#content .errorbox h2{
	margin: 0;
}
.errorbox ul{
	margin: 0;
	padding: 0;
}
.errorbox li{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(/images/www/ico_err_small.gif) no-repeat 0px 5px;
}

.fieldWithErrors{
	display: inline;
}

.fieldWithErrors .tf{
	border-color: #e67c7c;
}

.help_btn{
	width: 1px;
	height: 1px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 17px 17px 0 0;
	background: url(/images/www/bg_help.gif) no-repeat;
	cursor: help;
	font-size: 1%;
}

#tooltip {
	position: absolute;
	z-index: 9000;
	background: #fffcca;
	border: 1px solid #6d6d6d;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
}


/* News: */
.newsitem{
	margin-left: 83px;
	position: relative;
	clear: both;
}

.pubdate{
	position: absolute;
	top: 0px;
	left:-83px;
	width: 72px;
	height: 56px;
	padding: 7px 0 0 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #ada753;
	background: url(/images/www/bg_newsdate.gif) no-repeat;
}
.pubdate span{
	display: block;
	width: 46px;
	font-weight: bold;
	/*letter-spacing: -1px;*/
	text-align: center;
}

.pubdate .day{
	font-size: 22px;
	line-height: 16px;
}
.pubdate .month{
	font-size: 17px;
	line-height: 15px;
}
.pubdate .year{
	font-size: 12px;
	line-height: 15px;
}


/*-------------   HEADER   -------------*/
#header{
	height: 104px;
	background: url(/images/www/bg_header.gif) repeat-x;
}

#sitelogo{
	float: left;
	margin: 0 32px 8px 0;
}

#quickorder{
    float: right;
	width: 120px;
	height: 104px;
	position: relative;
	top: 0;
	border-left: 8px solid #fff;
	background: url(/images/www/bg_header_order.gif) repeat-x;
}
#quickorder .btn{
    position: absolute;
	top: 38px;
	right: 10px;
	width: 62px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999%;
	background: url(/images/www/btn_gratistesten_small.png) no-repeat;
}

#quickorder.home{
	width: 312px;
}
#quickorder.home .btn{
	top: 30px;
	right: 20px;
	width: 98px;
	height: 98px;
	background: url(/images/www/btn_gratistesten.png) no-repeat;
}

#nav{
	margin: 71px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#nav li{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#nav li a{
	display: block;
	height: 18px;
	padding: 4px 10px 0 0;
	text-decoration: none;
	color: #b2b2b2;
}
#nav li a:hover{
	color: #51beea;
}

#nav li.active{
	background: #51beea url(/images/www/bg_navli.gif) no-repeat top left;
}
#nav li.active a{
	color: #fff;
	background: #51beea url(/images/www/bg_nava.gif) no-repeat top right;
}

h3.intro{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #7eb0c4;
	width: 830px;
}
h3.intro strong{
	color: #1d7fa1;
	letter-spacing: -1px;
	line-height: 25px;
}


/*-------------   FOOTER   -------------*/
#footer{
	background: url(/images/www/bg_footer.gif) repeat-x;
	margin-top: 25px;
	clear: both;
	height: 80px;
	font-weight: bold;
}
#footer, #footer a{
	color: #b3ae60;
	text-decoration: none;
}
#footer a:hover{
	color: #51beea;
}
#footer p{
	margin: 0;
	padding: 0;
}
#footer p.first{
	padding-top: 16px;
}

#totop{
	display: block;
	float: right;
	width: 41px;
	height: 1px;
	overflow: hidden;
	margin: 0 16px;
	padding: 31px 0 0 0;
	background: url(/images/www/bg_2top.gif) no-repeat; 
}

#socbookmarks{
	float: right;
	margin: 22px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#socbookmarks li{
	display: inline;
}

#socbookmarks a{
	display: block;
	float: left;
	width: 24px;
	height: 1px;
	margin: 0 0 0 3px;
	padding: 23px 0 0 0;
	overflow:hidden;
	background: url(/images/www/soc_blogger.gif) no-repeat 0px -28px;
}
#socbookmarks a:hover{
	background-position: 0px 0px;
}
#socbookmarks .google{
	background-image: url(/images/www/soc_google.gif);
}
#socbookmarks .blogger{
	background-image: url(/images/www/soc_blogger.gif);
}
#socbookmarks .delicious{
	background-image: url(/images/www/soc_delicious.gif);
}
#socbookmarks .su{
	background-image: url(/images/www/soc_su.gif);
}
#socbookmarks .furl{
	background-image: url(/images/www/soc_furl.gif);
}
#socbookmarks .digg{
	background-image: url(/images/www/soc_digg.gif);
}
#socbookmarks .nv{
	background-image: url(/images/www/soc_nv.gif);
}
#socbookmarks .fb{
	background-image: url(/images/www/soc_fb.gif);
}
#socbookmarks .twitter{
	background-image: url(/images/www/soc_twitter.gif);
}
#socbookmarks .fav{
	background-image: url(/images/www/soc_fav.gif);
	display: none; /* erst mit js anzeigen */
}

#footernav{
	
}
