@charset "utf-8";


body {
	background-color: #F7F7F7;
	color: #464646;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	
}
a {
	color: #464646;
	text-decoration: none;
}

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

a.download {
	display: block;
	background-image: url(../images/boxdownload.png);
	background-repeat: no-repeat;
	height: 18px;
	padding-left: 20px;
	padding-bottom: 8px;
	color: #fcb813;
	text-decoration: underline;
}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper {
	display: block;
	height: 600px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	
}
#header {
	display: block;
	height: 32px;
	width: 980px;
	padding-top: 32px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #DEDEDE;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#logo {
	display: block;
	float: right;
}


#content {
	display: block;
	width: 980px;
	padding-top: 12px;
	padding-bottom: 12px;
}
div.row {
	width: 980px;
	float: none;
	padding-top:12px;
	clear: both;
}
#headerimg {
	width: 980px;
	margin-top:8PX;
}
div.clear {
	clear: both;
}

#content div {
	/* background-color: #CCC;*/
}




	

.roundgrey  {
	background-color: #F0F0F0;
}

.roundwhite {
	background-color: #FFFFFF;
}

.rounddarkgrey {
	background-color: #F0F0F0;
}




div.teaser {
	display: block;
	height: 140px;
	width: 282px;
	float: none;
	overflow: hidden;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	font-size:14px;
	line-height:normal;
}
div.teaser img {
	display: block;
	float: left;
	padding-right: 16px;
}



div.content{
	display: block;
	width: 592px;
	float: left;
	padding-top: 28px;
	padding-right: 28px;
	padding-bottom: 56px;
	padding-left: 28px;
}


div.textItem a {
	text-decoration: underline;
}

div.startbox {
	display: block;
	font-size:10px;
	width: 980px;
	float: left;
	margin-top: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #999;
	line-height:normal;
}

div.content  img {
	display: block;
	float: left;
	padding-right: 20px;
}


table.data {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	background-color: #F9F9F9;
}


table.data td {
	font-size: 11px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	line-height: normal;
}
table.data  td h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
h2 {
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	color: #656565;
	font-size: 18px;
	line-height: normal;
}




p {
	margin-top: 0px;
	padding-top: 0px;
}
h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #464646;
	font-size: 24px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: normal;
}

div.teaser h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size:19px;
}

div.teaser h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size:16px;
	font-weight: bold;
}

div.teaser h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #757575;
	font-size: 14px;
	margin-bottom: 0px;
	line-height: normal;

}

div.teaser h4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #757575;
	font-size: 15px;
	margin-bottom: 0px;
	text-transform: uppercase;
	padding-bottom: 0px;
	line-height: 14px;
}



div.teaser p {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
		font-size:14px;
	line-height:normal;

}

div.leftcol {
	display: block;
	margin-right: 12px;
	float: left;
}

div.midcol{
	display: block;
	margin-right: 12px;
	float: left;
}

div.rightcol {
	display: block;
	margin-right: 0px;
	float: left;
}

/* Topnav */

ul#topnav {
	list-style-type: none;
	display: block;
	float: left;
	width: 740px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 16px;
	font-weight:normal;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

#topnav li a {
	color: #707070;
	text-decoration: none;
}
ul#topnav li.active a {
	color: #fcb813;

}

ul#topnav li.active{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FCB813;
}
ul#topnav li a:hover {
	color: #fcb813;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FCB813;
	text-decoration: none;
}
ul#topnav li {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Subnavtop */

ul.subnavtop  {
	list-style-type: none;
	display: block;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul.subnavtop li a {
	color: #707070;
	text-decoration: none;
}
ul.subnavtop li.active a {
	color: #fcb813;

}

ul.subnavtop li.active{
	color: #fcb813;

}
ul.subnavtop li a:hover {
	color: #fcb813;
}
ul.subnavtop li {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #707070;
}

/* Sub Sub Nav */

ul.subsubnav {
	padding: 0px;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.subsubnav li {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-image: url(../images/right_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}
ul.subsubnav li a {
	color: #999;
	text-decoration: none;
}

ul.subsubnav li a:hover {
	color: #FCB813;
	text-decoration: underline;
}


#footer {
	display: block;
	height: 60px;
	width: 980px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
	font-size: 12px;
	color: #B5B5B5;
	padding: 0px;
	padding-top: 8px;
	clear: both;

	margin-top:12px;
}

#footer a {
	
	color: #B5B5B5;

}


#subnavtop {
	width: 960px;
	height: 26px;
	display: block;
	padding-left: 20px;
	margin-top: 12px;
	padding-top: 8px;
}


/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }


/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
	padding: 3px 3px 3px 10px;
	font-weight:bold;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
	padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
	padding: 3px 3px 3px 50px;
}







/* Konfigurator */


table.formtable {
}
#configurator img {
	margin: 0px;
	padding: 0px;
}
table.formtable td {
	padding:5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

table.formtable td.header {
	background-color: #C5C5C5;
	font-weight: bold;
}
#configurator h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 20px;
	padding-top:20px;
	padding-bottom:4px;
	display: block;
	clear: both;
	float: none;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
}

.formsection {
	display: block;
	clear: both;	
}


/* Form Styling
----------------------------------*/
fieldset {
border: 0px;
width:240px;
float:left;
margin-right:20px;
margin-bottom:16px;
padding:8px;
}

legend {

font-size:12px;
}

label, input {
	display:block;	
}
label {
cursor: pointer;
}


input.radio {
float: left;
margin: 0.1em 1em 0 0;
}

input.text {
float: left;
margin: 0.1em 1em 0 0;
}


.pair {
clear: both;
padding-bottom: 6px;
}
.pair input{
	margin-bottom:4px;

}

.submit {
float: left;
margin-right:10px;
cursor: pointer;
}


/*Info and error boxes
----------------------------------*/
.info {
margin: 0 0 1em 0;
padding: 0.2em 0.5em;
}
.ui-formular-error li {
font-size: 0.8em;
}

.ui-formular-error{
position: absolute;
left: 22em;
top: 5.3em;
width: 20em;
}

 
 
 /* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */

#contactForm {

	display: block;
	width: 430px;	
	margin-top:32px;
}

#contactForm .contactRow {
	margin:4px 0;
}
#contactForm label {
	display:block;
	float:left;
	width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
	border:1px solid #ccc;
	padding:2px;
	width:342px;
}
#contactForm .contactRow select {
	border:1px solid #ccc;
	width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
	width:343px;
}

#contactForm .contactRow input {
	height:14px;
}

#contactForm .contactRow textarea {
	height:105px;
	font-size:12px;
}

#contactFormSubmit #contactFormSubmitLeft {
	float:left;
	
	
}
* html #contactFormSubmit #contactFormSubmitLeft {
	
}
#contactFormSubmit #contactFormSubmitRight {
	float:left;margin-right:10px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
	
}
#contactFormSubmit #contactFormSubmitLeft input {
	
}

#contactForm table {
	width:100%;border-collapse:collapse;
}
#contactForm table td {
	padding:0;
}
#contactForm table td.pt {
	padding-top:2px;
}
* html #contactForm table td.pt {
	padding-top:0;
}