body {
	margin:0;
	background:#a4c9d8;
	font:12px Arial, Helvetica, sans-serif;
	color:#069;
}
img {border-style:none;}

a {
	text-decoration:none;
	color:#069;
}
a:hover {
    text-decoration:underline;
}


input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*main container*/
#main {
	position:relative;
	width: 100%;
}
/*header*/
#header {
	width:100%;
	background:url(../images/header-holder.gif) no-repeat 50% 100%;
}
.header {
	width:100%;
	background:#fff url(../images/header.gif) repeat-x 0 100%;
}
.header-holder {
	width:994px;
	margin: 0 auto;
	position:relative;
	overflow:hidden;
}
.header-bottom {
	display:block;
	width:994px;
	height:82px;
	overflow:hidden;
	background:url(../images/header-bottom.png) no-repeat;
	position:relative;
	margin:-82px 0 0;
}
.bgimg-index {
    background:url(../images/img-index.jpg) no-repeat top;
    width: 995px;
    height: 503px;
}
.bgimg-sub {
    background:url(../images/img-sub.jpg) no-repeat top;
    width: 995px;
    height: 214px;
}
/*login*/
.login {
	position:absolute;
	top:0;
	right:0;
	width:71px;
	height:20px;
	background:url(../images/login.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
/*top-nav*/
.top-nav {
	width:530px;
	overflow:hidden;
	margin:0 0 0 381px;
}
.top-nav div {
	float:left;
	background:#f2f7f9 url(../images/top-nav-left.gif) no-repeat 0 100%;
	padding:0 0 0 4px;
}
.top-nav ul {
	float:left;
	background:#f2f7f9 url(../images/top-nav-right.gif) no-repeat 100% 100%;
	list-style:none;
	margin:0;
	padding:3px 0 4px;
}
.top-nav ul li {
	float:left;
	padding:0 15px;
	font-size:11px;
	line-height:14px;
	color:#a5bac8;
}
.top-nav ul li a {
	color:#a5bac8;
	text-decoration:none;
}
.top-nav ul li.current a,
.top-nav ul li a:hover {
	color:#069;
	text-decoration:none;
}
.navigation {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:69px;
	left:378px;
}
.navigation li {
	float:left;
	padding:0 40px 0 0;
}
.navigation li a {
	display:block;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
}
.navigation li.ihre a {
	width:142px;
	background:url(../images/ihre.gif) no-repeat;
}
.navigation li.unsere a {
	width:194px;
	background:url(../images/unsere.gif) no-repeat;
}
.navigation li.mehr a {
	width:124px;
	background:url(../images/mehr.gif) no-repeat;
}
/*vermarktung*/
.vermarktung {
	position:absolute;
	cursor:pointer;
	width:306px;
	height:38px;
	background:url(../images/vermarktung.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	top:202px;
	left:370px;
}
.vermarktung.index {
	position:absolute;
	top:372px;
	left:27px;
}
.und {
	position:absolute;
	left:28px;
	top:192px;
	width:534px;
	height:155px;
	background:url(../images/und.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
/*logo*/
#header .logo {
	margin:0;
	padding:1px 0 28px 23px;
}
#header .logo a {
	display:block;
	width:276px;
	height:68px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
}
/*content*/
.container {
	width:994px;
	margin:0 auto;
	position:relative;
	background:#fff url(../images/container.gif) no-repeat 0 100%;
}
.container:after {
	content:"";
	display:block;
	clear:both;
}
#content {
	width:634px;
	float:right;
	padding:0 0 1px;
	position:relative;
	margin:-10px 0 0;
}
ul.links {
	list-style:none;
	margin:0;
	padding:0;
}
ul.links li {
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}
ul.links li a {
	float:right;
	padding:0 26px 0 0;
	background:url(../images/marker-2.gif) no-repeat 100% 2px;
	color:#069;
}
/*contact-list*/
.contact-list {
	list-style:none;
	margin:0;
	padding:4px 0 0;
}
.contact-list li {
	height:1%;
	overflow:hidden;
	line-height:24px;
	font-size:16px;
	color:#069;
	padding:0 0 7px;
}
.contact-list li div {
	float:left;
	padding:0 15px 0 0;
}
.contact-list li span {
	float:left;
	width:21px;
	height:24px;
	background:url(../images/number.gif) no-repeat;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	display:inline;
	padding: 0 0 0 1px;
	margin: 0px 11px 0 0;
/*  border: 1px solid red;*/
}
.contact-list li a {color:#069;}

.weitere-informationen,
.jetzt-konfigurieren,
.zur-startseite {
	height:1%;
	overflow:hidden;
	display:block;
	padding:10px 0 0;
}

/*green-box*/
#big-form .green-box .slide-block {display:none;}
#big-form .green-box {background:none !important;}
#big-form.current .green-box.green-box-gradient {background:url(../images/green-box-gradient.gif) no-repeat 100% 100% !important;}
#big-form.current .green-box .slide-block {display:block;}
.green-box-gradient .zur-auswertung {
	float:right;
	width:144px;
	height:24px;
	background:url(../images/zur-auswertung.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display: none;
}
.green-box-gradient .slide-block {
	width:100%;
	overflow:hidden;
}
.green-box-gradient .slide-block .title {
	padding:0 20px 20px;
	height:1%;
	overflow:hidden;
}
.green-box-gradient .current .zur-auswertung {display:none;}

.green-box .big-accordion {
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
	height:1%;
	overflow:hidden;
}
.slide-holder {
	padding:19px 10px 4px;
	width:544px;
	overflow:hidden;
}
.slide-holder h3 {
	padding:2px 30px;
	background:#d5ebbd;
	color:#61a815;
	margin:0 0 6px;
	font-size:14px;
	line-height:20px;
}
.slide-holder .text {padding:0 0 0 23px;}
.slide-holder .text-alt {
	padding:0 10px 0 32px;
	width:502px;
	overflow:hidden;
}
.slide-holder .text-alt input,
.slide-holder .text-alt textarea {
	display:inline;
	float:right;
	font-size:18px;
	color:#61a815;
	border:1px solid #61a815;
	background:#fff;
	padding:0 8px;
	width:105px;
	margin:4px 0 5px 30px;
	text-align:right;
}
.slide-holder .text-alt textarea {
	float:left;
	font-size:12px;
    padding:2px 8px;
	width:485px;
    margin:0px;
	text-align:left;
}
.slide-holder .text-alt p {
	margin:0 0 23px;
	color:#000;
	line-height:16px;
}
#content .slide-holder .text ul {
	list-style:none;
	margin:0;
	padding:0 0 23px;
	width:100%;
	overflow:hidden;
}
#content .slide-holder .text ul li {
	width:500px;
	padding:4px 10px;
	overflow:hidden;
	border-bottom:1px solid #d5ebbd;
	line-height:16px;
}
#content .slide-holder .text ul li label {
	float:left;
	color:#000;
}
#content .slide-holder .text ul li input {
	width:14px;
	height:16px;
	float:right;
	margin:0;
	padding:0;
}
.green-box .big-accordion li {
	padding:0 0 10px;
}
.green-box .big-accordion .opener {
	display:block;
	width:563px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
.green-box .big-accordion .fewowebsite .opener {background:url(../images/fewowebsite.gif) no-repeat;}
.green-box .big-accordion .fewowebsite.open a.opener {background-position:0 -39px;}
.green-box .big-accordion .fewomarketing .opener {background:url(../images/fewomarketing.gif) no-repeat;}
.green-box .big-accordion .fewomarketing.open a.opener {background-position:0 -39px;}
.green-box .big-accordion .fewoservice .opener {background:url(../images/fewoservice.gif) no-repeat;}
.green-box .big-accordion .fewoservice.open a.opener {background-position:0 -39px;}

.big-accordion div.slide {
	display: none;
}

.module-holder > p {
    margin: 20px 20px;
	width: 100%;
	overflow:hidden;
}
.module-holder .text {
    margin:0 0 10px 23px;
    width: 44%;
    float: left;
}
.module-holder .text h3 {
	padding: 5px 10px;
	background:#d5ebbd;
	margin:0 0 0px;
	font-size:14px;
}

.module-holder .text p {
	padding:2px 10px;
	margin:0 0 6px;
	line-height: 18px;
	height:90px;
	background-color: #fff;
}


/*form*/
.form {
	width:100%;
	overflow:hidden;
	padding:4px 0 16px;
}
.form-line {
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.form-line label {
	font-size:12px;
	line-height:18px;
	color:#000;
	display:block;
	padding:0 0 0 3px;
}
.form-column {
	float:left;
	width:264px;
}
.form-line input {
	width:251px;
	border:1px solid #61a815;
	font-size:12px;
	color:#000;
	padding:5px 5px;
}
.form-column div {padding:0 0 7px;}
.form-line .textarea {
	float:right;
	width:273px;
}
.form-line .textarea textarea {
	width: 265px;
	height:220px;
	border:1px solid #61a815;
	overflow:auto;
	font-size:12px;
	padding:4px 1px 4px 5px;
	color:#000;
}
.form strong {
	display:block;
	font-weight:normal;
	line-height:18px;
	color:#000;
	padding:0 0 8px 4px;
}
.form ul {
	height:1%;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0 0 28px 4px;
}
.form ul li {
	float:left;
	padding:0 30px 0 0;
}
.form ul li input {
	width:14px;
	height:16px;
	float:left;
	margin:0 6px 0 0;
	display:inline;
	padding:0;
}
.form ul li label {
	line-height:14px;
	color:#000;
	float:left;
}
.form .submit {
	float:right;
	display:inline;
	margin:0 10px 0 0;
}


/*sidebar*/
#sidebar{
	width:333px;
	float:left;
	margin:-147px 0 0;
	padding:0 0 0 2px;
	position:relative;
}
.sidebar-accordion-box {
	position:relative;
	margin:0 0 -72px;
}
.sidebar-box {
	background:url(../images/sidebar-top.png) no-repeat;
	width:297px;
	padding:244px 0 0 36px;
}
.sidebar-box-bottom {
	display:block;
	width:297px;
	height:35px;
	overflow:hidden;
	background:url(../images/sidebar-box-bottom.png) no-repeat;
}
.sidebar-box-body {
	width:297px;
	background:url(../images/sidebar-box.png) repeat-y;
}
.sidebar-box-body:after {
	content:"";
	display:block;
	clear:both;
}
.sidebar-box-text {
	width:250px;
	padding:0 0 0 22px;
	position:relative;
	margin:-19px 0 -4px;
}
.sidebar-box-text p {
	line-height:14px;
	color:#a0cb73;
	margin:0;
	text-align:center;
}
.sidebar-box .accordion {
	list-style:none;
	margin:0;
	padding:0 0 34px;
}
.sidebar-box-txt {
	position:relative;
	margin:-26px 0 0;
}
.sidebar-box .accordion li {
	padding:0 0 10px;
}
.sidebar-box .accordion .opener {
	display:block;
	width:249px;
	cursor:pointer;
	outline:none;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar-box .accordion .fewo-website .opener {background:url(../images/fewo-website.gif) no-repeat;}
.sidebar-box .accordion .fewo-website .opener.ui-state-active {background-position:0 -39px;}
.sidebar-box .accordion .fewo-marketing .opener {background:url(../images/fewo-marketing.gif) no-repeat;}
.sidebar-box .accordion .fewo-marketing .opener.ui-state-active {background-position:0 -39px;}
.sidebar-box .accordion .fewo-service .opener {background:url(../images/fewo-service.gif) no-repeat;}
.sidebar-box .accordion .fewo-service .opener.ui-state-active {background-position:0 -39px;}
.sidebar-box .slide div {
	width:227px;
	background:#5a9a14 url(../images/slide-gb.gif) no-repeat 0 100%;
	padding: 8px 11px 4px 11px;
	margin:0 0 3px;
	overflow:hidden;
}
#sidebar .sidebar-box .slide div p {
	color:#fff;
	margin:0;
	line-height:14px;
	text-align:left
}
.sidebar-box .slide .details {
	width:100%;
	overflow:hidden;
	background:none;
}
.slide-block .block {
	display: none;
}
.block {
	width:100%;
	float:left;
}
.search {
	position:absolute;
	top:151px;
	left:60px;
	z-index:1000;
}
.search input {float:left;}
.search span {
	float:left;
	width:141px;
	height:18px;
	background:url(../images/search-bg.gif) no-repeat;
	overflow:hidden;
	padding:2px 5px 0;
}
.search span input {
	width:141px;
	background:none;
	border-style:none;
	border:0;
	font-size:11px;
	color:#b2b2b2;
}
/*sub-nav*/
.sub-nav {
	list-style:none;
	margin:0;
	padding:0 0 10px;
	font-size:12px;
	line-height:18px;
}
#sidebar .sub-nav li {
	padding:0;
	width:100%;
	overflow:hidden;
	line-height: 1.8em;
}
#sidebar .sub-nav li.alt {padding:0 0 20px;}
#sidebar .sub-nav li a {
	padding:0 0 0 18px;
	color:#fff;
	background:url(../images/marker.gif) no-repeat 0 2px;
}
#sidebar .sub-nav li a:hover {
	text-decoration:none;
	background:url(../images/marker-hover.gif) no-repeat 0 2px;
}
#sidebar .sub-nav li.current a,
#sidebar .sub-nav li.current a:hover {
	text-decoration:none;
	background:url(../images/marker-active.gif) no-repeat 0 2px;
	font-weight:bold;
}
/*slide-blocks*/
.slide-blocks {
	width:200px;
	padding:100px 0 0 83px;
}
.slide-blocks .slide-block {
	width:200px;
	overflow:hidden;
	padding:0 0 10px;
}
.slide-blocks .slide-block .block {display:none;}
.slide-blocks .slide-block.current .block {display:block;}
.slide-block-text {
	background:#81b944 url(../images/slide-block-text.gif) no-repeat 0 100%;
	width:179px;
	padding:7px 10px 6px;
}
.slide-block-text p {
	font-size:12px;
	line-height:14px;
	color:#fff;
	margin:0 0 12px;
}
.slide-block-text h3 {
	font-size:12px;
	line-height:16px;
	color:#fff;
	margin:0 0 4px;
}
.form-login {
	width:179px;
	overflow:hidden;
}
.form-login div {
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.form-login div input {
	float:right;
	display:inline;
}
.form-login .input-text-1 {
	float:left;
	padding:2px 6px;
	width:164px;
	font-size:11px;
	color:#000;
	background:#fff;
	border:1px solid #fff;
}
.form-login .input-text-2 {
	float:left;
	padding:1px 6px;
	width:114px;
	font-size:11px;
	color:#000;
	background:#fff;
	border:1px solid #fff;
}
.slide-blocks .open-close {
	display:block;
	width:199px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
.slide-blocks .konfigurator {background:url(../images/konfigurator.gif) no-repeat;}
.slide-blocks .current .konfigurator {background-position:0 -25px;}
.slide-blocks .kontaktformular {background:url(../images/kontaktformular.gif) no-repeat;}
.slide-blocks .current .kontaktformular {background-position:0 -25px;}
.slide-blocks .ruckruf-service {background:url(../images/ruckruf-service.gif) no-repeat;}
.slide-blocks .current .ruckruf-service {background-position:0 -25px;}
/*footer*/
#footer {
	width:936px;
	overflow:hidden;
	padding:12px 32px 30px;
	margin:0 auto;
	
}
#footer ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#footer ul li {
	float:left;
	padding:0 11px 0 12px;
	background:url(../images/divider.gif) no-repeat 0 2px;
	line-height:14px;
	margin:0 2px 0 -2px;
}
#footer ul li a {color:#fff;}

.message {
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #61a815;
	border-color: red;
	color: red;
}
	.message.good {
	    background:#fff;
    	border: 3px dotted #61a815;
    	padding: .5em;
    	color: #61a815;
	}
	
	.message.warning {
		background-color: #ff9933;
    	border: 3px #FF9300;
    	color: white;
	}
	.message.bad {
		background-color: #ff3333;
    	border: 3px dashed #FF0000;
    	color: white;
	}



/* COMMENTS */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding: 10px 0 0 40px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding: 10px 0 0 40px;
		padding-left: 10px;
	}
		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}
.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}