/* 
    Document   : layout
    Created on : 04.01.2010, 07:18:05
    Author     : netboot
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#main_container {
	height: 32px;
}

/*
Top Container and Elements
*/

#top_container {
	height: 78px;
	background-color: #fff;
}

#logo_container {
	float: left;
	margin: 22px 0 0 12px;
}

#servicenavigation_container {
	display: none;
}

/*
Main Navigation
*/


#mainnavigation_container {
	display: none;
}

/*
Content Container and Elements
*/

#contentmain_container {
	background: url(../img/bg_maincontent.gif) repeat-y right;
}

#content_container {
	width: 738px;
	float: left;
}

#content_right_column_container {
	display: none;
}

.content_background {
	padding-bottom: 30px;
}

#content_top_container {
}

#content_top_container h1 {
	margin: 25px 12px;
}

#content_top_container p {
	margin: 0 12px;
}

.content_f3_container {
	float: left;
	margin: 0 0 0 12px;
}

.content_container_wrapper {
	display: block;
	clear: both;
	padding-top: 12px;
}

.content_f2_container {
	float: left;
	margin: 0 0 0 12px;
}

#content_container .inner {
	margin: 12px;
	clear:both;
}

.content_container_left {
	margin: 5px;
	float: left;
	width: 230px;
}

.content_container_right {
	margin: 5px 10px;
	float: right;
	width: 440px;
}

/*
Right Column Boxes
*/

.box_container {
	margin-right: 6px;
	margin-top: 30px;
	float: right;
}

#content_right_column_container h1 {
	height: 18px;
	background: #a6a6a6 url(../img/bg_box_top.gif) no-repeat;
	color: #fff;
	margin: -22px 0 0 -10px;
	padding: 4px 0px 0 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
}

.box_content {
	background: url(../img/bg_box_content.gif) repeat-y;
}

.box_content .inner {
	padding: 4px 10px;
}

.box_content .inner p {
	margin-top: 10px;
	margin-bottom: 8px;
}

.box_content .inner .csc-textpic-above {
	padding-top: 5px;
}

.box_footer {
	background: url(../img/bg_box_footer.gif) no-repeat;
	height: 23px;
}

/*
Footer Container and Elements
*/

#footer_container {
	display: none;
}

#search_box {
}

.infobox {
	background-color: #e0f4f3;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.infobox .csc-header {
	background-color: #09aaa4;
	padding: 0px 3px;
}

.infobox h1, .infobox h1.csc-firstHeader {
	font-size: 12px;
	color:#FFFFFF;
	line-height: normal;
	margin: 0;
	font-weight: bold;
	padding: 3px 0;
}

.infobox p, .infobox ul {
	margin: 12px 8px 0px 8px;
}

/*
**********Categories Teaser*********
*/
/* first element - full width */
.category_viewtop {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.category_viewtop hr{
	color: #e0e0e0;
	background-color: #e0e0e0;
}
.category_viewtop p {
	margin-bottom: 0.5em;
}

.category_viewtop a {
	font-weight: normal;
}

.category_viewtop .content_container_wrapper {
	margin: 0px 15px;
}

.category_viewtop h1 {
	margin: 0;
	padding: 0;
	margin-top: 12px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}
/* additional elements - all */
.category_viewsub01, .category_viewsub02 {
	width: 229px;
	margin: 0px 0px 20px 12px;
	float: left;
}

.category_viewsub01 p, .category_viewsub02 p{
	margin-bottom: .08em;
}
.category_viewsub01 h1, .category_viewsub02 h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

/* additional elements - 1/3 width */
.category_viewsub01, .category_viewsub02 {
	width: 229px;
}

.category_viewsub01.catfirstrow {
	width: 229px;
	margin-left: 15px;
	float: left;
}

/* additional elements - 1/2 width */

.category_viewsub02 {
	width: 348px;
}

/*??*/
#content_container .content_container_right .box_top .inner {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
/* layoutbasics */
/*
    Document   : layoutbasics
    Created on : 04.01.2010, 07:18:05
    Author     : netboot
    Description:
        Purpose of the stylesheet follows.
*/


* {
    /*-moz-outline: none;*/
    outline:none; /* fx 1.05, Safari, Mac IE*/
}

/************* Content Elements *****************/



/* =basics
--------------------------------------------------------------- */
html {

}

body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    color: #656364;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: #fff;
}

.invisible {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

p, .normal {
    margin: 0;
    padding: 0;
    margin-bottom: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
}

.important {
	font-size: 14px;
	font-weight: bold;
}

h1.csc-firstHeader {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    /*border-bottom: 3px solid #dedede;*/
}

h1, .titel {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0.4em;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
}

h3, .untertitel {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
}

h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
}

hr {
    color: #999;
    background-color: #999;
    height: 1px;
    border: 0
}

ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    list-style-type: square;
}

.td-h ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    list-style-type: square;
}

.untertitel {
    font-weight: bold;
    font-size: 12px;
}

table {
    clear:both;
    font-size: 12px;
}

table th {
    font-weight: bold;
    text-align: left;
}

table td {
    vertical-align: top;
}

img {
    border: 0;
}

/* =links
--------------------------------------------------------------- */
a {
    color: #656364;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

/* =table formatings
--------------------------------------------------------------- */


.td-download {
    background-color:#E9E9E9;
    vertical-align:middle;
}

.td-w {
    background-color:#fff;
}

.contenttable {
    background-color:#fff;
    width:100%;
}

.contenttable td {
    vertical-align:top;
    padding: 2px;
    margin: 1px;
}

.contenttable p.bodytext {
    margin:0;
    padding:0;
}

.contenttable-1 {
    background-color:#fff;
}

.contenttable-1 tr.tr-even, .td-h {
    background-color:#E9E9E9;
}

.contenttable-1 tr.tr-odd {
    background-color:#E9E9E9;
}

.contenttable-1 th, .td-m {
    background-color: #cbcbcb;
}


.c2l1-left {
    border-right: none;
}




/* =formatings downloadlist
--------------------------------------------------------------- */

.td-download {
    background-color: #fff;
    vertical-align:middle;
    border-top: 1px solid #dedede;
}

.tx-damdownloadlist-pi1 {
    border-bottom: 1px solid #dedede;
}

/* =formatings downloadlist
--------------------------------------------------------------- */

.csc-textpic-image {
    padding-bottom: 5px;
}

.csc-textpic-imagewrap, .csc-textpic-clear {
	padding-bottom: 10px;
}

/* default styles for extension "tx_cssstyledcontent" included in print.css (since it is normally included with media=screen) */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }
	
/*Formulare*/
	
.mailform {
	border: none;
}

.csc-mailform-label {
	clear: both;
}

.mailform-field {
	margin-bottom: 5px;
}

.mailform-field input {
	display: none;
	border: 1px solid #ccc;
	background-color: #333333;
}

.mailform-checkbox {
	border: 1px solid #ffffff;
}

.mailform-submit {
	background-color: #CCCCCC;
	color: #FFFFFF;
	border: 1px solid #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	margin-left: 180px;
}

.textform {
	border: 1px solid #ffffff;
	font-size: 0.9em;
	width: 170px;
}

.csc-mailform {
	border: none;
	margin: 0;
	padding: 0;
}

.csc-mailform-field label {
	/*width: 150px;*/
    /*display: block;*/
    font-size: 12px;
}

.csc-mailform-field {
	margin-bottom: 5px;
	clear: both;
}

form {
	margin-top: 10px;
}

input {
	font-size: 10px;
	border: 1px solid #656364;
	margin-right: 5px;
	color: #656364;
	display: block;
	float: none;
}

select {
	font-size: 11px;
	width: auto;
	border: 1px solid #656364;
}

textarea {
	font-size: 12px;
	border: 1px solid #656364;
	color: #656364;
	background: none;
	display: block;
	float: none;
}

.form-row, .formRow {
	margin-top: 5px;
	clear: both;
}

.lgprodukte {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 16px;
	vertical-align: bottom;
}

.lgproduktelead {
	color: #739d39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.lgproduktetitel {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}

.field-label-input {
	padding-top: 10px;
	width: 200px;
	float: left;
	text-align: right;
}

.field-input {
	padding-top: 10px;
	display: block;
	width: 255px;
	float: right;
}

/******** Login Box *************/

.tx-felogin-pi1 legend {
	visibility: hidden;
}

/******** Mailform Plus *************/

.tx-thmailformplus-pi1 form {
	border: none;
	margin: 0;
	padding: 0 0 10px 0;
}

.csc-mailform-field {
	margin-bottom: 5px;
}

fieldset {
	border: none;
}

.field-label {
}

.form-row {
	padding-top: 8px;
}

.form-error {
	color: #FF0000;
	font-size: 12px;
}

.form-error-top {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}

legend {
	padding-top: 10px;
	font-weight: bold;
	clear: both;
}

#formintro {
	background-color: #fff;
}

.csc-mailform-check, input.csc-mailform-radio {
	float: left;
	display: inline;
}

input.csc-mailform-radio {
	float: none;
}

.infobox form {
	padding: 5px;
}

span.csc-mailform-radio {
	margin: 3px 5px 0 0;
}

input.csc-mailform-radio {
	margin: 3px 5px 0px 0;
}

.csc-mailform-field fieldset {
	padding: 0 0 10px 0;
}

.csc-mailform-field label {
	padding: 0;
	display: inline;
}