* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	margin:0;
	padding:0;
	background-color:#b0c9e0;
	background-image:url(../images/bgh.jpg);
	background-repeat:repeat-x;
	color:#000;
}

.display {
	display:none;
}

.transparent {
	behavior:url("styles/pngbehavior.htc");
}

form {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#1A62A7;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

input, textarea {
	border:1px #ccc solid;
}

h1 {
	margin:0 0 10px 0;
	font-size:24px;
	color:#000;
	font-weight:normal;
}

h1 em {
	margin:0 0 10px 0;
	font-size:24px;
	color:#000;
	font-weight:normal;
	font-style:italic;
}

h2 {
	margin:15px 0 15px 0;
	font-size:14px;
	color:#747576;
	font-weight:normal;
}

h3 {
	margin:0;
	font-size:12px;
	color:#000;
}

h4 {
	margin:0;
	font-size:12px;
	color:#000;
	font-style:italic;
	font-weight:normal;
}

h5 {
	margin: 0;
	font-size: 16px;
}

h5 a {
	margin: 0;
	font-size: 16px;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

li {
	position:relative;
	background-image:url(../images/li.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}

table tr td {
	vertical-align:top;
}

hr {
	border:none;
	border-top:1px solid #cccccc;
	height:1px;
}

#outer {
}

#main {
	margin:0 auto 0 auto;
	width:998px;
	background-image:url(../images/bg-body.png);
	background-repeat:repeat-y;
}

* html #main { /* IE6 */
	background-image:url(../images/bg-body.gif);
}

#header {
	position:relative;
	width:998px;
	height:143px;
	background-image:url(../images/bgh.jpg);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	top:42px;
	left:27px;
}

#global {
	position:absolute;
	top:53px;
	left:267px;
	color:#fff;
	font-size:11px;
}

#global a {
	color:#fff;
}

#theme {
	position:absolute;
	top:46px;
	left:768px;
}

#body {
	float:left;
	width:746px;
	padding:0 0 0 6px;
}

#rechte-randleiste {
	position:relative;
	float:left;
	width:210px;
	padding:17px 15px 0 15px;
	background-image:url(../images/bg-rechte-randleiste.jpg);
	background-repeat:repeat-x;
	min-height:300px;
	height:auto !important;
	height:300px;
	color:#1A62A7;
}

#rr-ecke {
	position:absolute;
	top:0px;
	right:-6px;
	width:17px;
	height:11px;
	background-image:url(../images/rr-ecke.jpg);
	background-repeat:repeat-x;
}

* html #rr-ecke { /* IE6 */
	background-image:url(../images/rr-ecke2.jpg);
}

.con-rand, .con-rand-left {
	position:relative;
}

#navigation {
	position:relative;
	height:41px;
}

.trenner {
	float:left;
	width:2px;
	height:36px;
	background-image:url(../images/nav0-1-trenner.gif);
}

.ecke-l {
	position:absolute;
	top:-5px;
	left:-11px;
	width:17px;
	height:13px;
	z-index:20;
}

.ecke-r {
	position:absolute;
	top:-5px;
	left:730px;
	width:11px;
	height:11px;
	z-index:30;
}

#nav0-1 {
	position:absolute;
	top:5px;
	left:5px;
	z-index:10;
	background-image:url(../images/nav0-1.jpg);
}

.nav01_div {
	overflow: hidden; 
	width: 740px;
}

#nav0-1 a {
	display:block;
	float:left;
	background-image:url(../images/nav0-1.jpg);
	line-height:36px;
	font-size:14px;
	color:#C2C2C2;
	padding:0 35px 0 26px;
}

#nav0-1 a:hover, #nav0-1 a.active, #nav0-1 a.activesub {
	background-image:none;
	background-color:#000;
}

#nav0-2  {
	width:225px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav0-2 li {
	margin:0;
	padding:0;
	position:static;
}

#nav0-2 li a {
	display:block;
	border-top:1px #D1D1D1 solid;
	background-color:#F4F4F4;
	color:#000;
	font-weight:bold;
	padding:6px 0 6px 11px;
	width:214px;
}

#nav0-2 li a:hover, #nav0-2 li a.active {
	color:#1A62A7;
	text-decoration:none;
}

#nav0-2 li a.activesub {
	color:#1A62A7;
	background-image:url(../images/nav0-2.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#end {
	border-top:1px #D1D1D1 solid;
}

#nav0-3 {
	width:225px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav0-3 li {
	margin:0;
	padding:0;
	position:static;
}

#nav0-3 li a {
	display:block;
	border-top:1px #D1D1D1 solid;
	background-color:#fff;
	color:#000;
	font-weight:normal;
	padding:6px 0 6px 11px;
}

#nav0-3 li a:hover, #nav0-3 li a.active {
	color:#1A62A7;
	background-color:#fff;
	text-decoration:none;
}

#nav0-3 li a.activesub {
	color:#1A62A7;
	background-image:none;
}

#nav0-4{
	width:225px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav0-4 li {
	margin:0;
	padding:0;
	position:static;
}

#nav0-4 li a {
	display:block;
	border-top:1px #D1D1D1 solid;
	background-color:#fff;
	color:#000;
	font-weight:normal;
	padding:6px 0 6px 16px;
}

#nav0-4 li a:hover, #nav0-4 li a.active {
	color:#1A62A7;
	background-color:#fff;
	text-decoration:none;
}

#nav0-4 li a.activesub {
	color:#1A62A7;
	background-image:none;
}

#left {
	float:left;
	width:225px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
}

#right {
	float:left;
	width:465px;
	margin:20px 0 0 15px;
}

#rightshopping_cart {
	float:left;
	width:695px;
	padding: 25px 0 0 15px;
}

#pathfinder {
	margin:7px 0 10px 0;
}

#pathfinder a {
	color:#000;
}

#pathfinder img {
	vertical-align:middle;
}

#content {
	position:relative;
}

#navi {
	clear:both;
	margin:20px 0 0 0;
}

#navi a {
	display:block;
	float:left;
	background-color:#F4F4F4;
	line-height:20px;
	margin:0 4px 0 0;
	padding:0 18px 0 25px;
	color:#000;
	background-repeat:no-repeat;
}

.print {
	background-image:url(../images/print.gif);
	background-position:9px 6px;
}

.top {
	background-image:url(../images/top.gif);
	background-position:10px 8px;
}

.weiterempfehlen {
	background-image:url(../images/seiteweiterempfehlen.gif);
	background-position:7px 6px;
}

#footer {
	clear:both;
	margin:20px 0 0 20px;
	line-height:17px;
	font-size:11px;
}

#footer a {
	color:#000;
}

#copyright, #copyright a {
	color:#4F5255;
}

#search input {
	border:0;
	vertical-align:middle;
}

#search .textfield {
	width:172px;
	height:16px;
	padding-left:3px;
}

#bottom {
	margin:0 auto 0 auto;
	background-image:url(../images/footer.jpg);
	width:998px;
	height:16px;
}

* html #bottom { /* IE6 */
	background-image:url(../images/footer02.jpg);
}

#faircompany {
	display:block;
	border-top:1px #CFCFCF solid;
	border-bottom:1px #CFCFCF solid;
	padding:24px 0 24px 85px;
	background-image:url(../images/faircompany.jpg);
	background-repeat:no-repeat;
	background-position:0 24px;
	color:#000;
}

#ueberbetrieblicher {
	width:225px;
	display:block;
	border-bottom:1px #CFCFCF solid;
	padding:0 0 20px 0;
	color:#000;
}

.referenzen_img {
	margin:0 0 10px 10px;
}
.referenzen_img td {
	padding:10px;
	width:164px;
	height:80px;
	background-color:#fff;
	vertical-align:middle;
	text-align:center;
	border:1px solid #cccccc;
}

#sitemap {

}

#sitemap .ebeneTop {
	font-weight:bold;
	font-size:12px;
	margin:10px 0 5px 0;
}

#sitemap div a {
	display:block;
	border-bottom:1px #e2e2e2 solid;
	padding:1px 3px 1px 0;
	font-weight:normal;
}

#sitemap div a.eebene {
	display:block;
	padding:1px 3px 1px 3px;
	font-weight:bold;
}

.clear {
	clear:both;
}

.step {
	width:207px;
}

.con-rand .cebit {
	background-image:none;
	padding:0;
}

.con-rand a, .con-rand a, .randleiste_1 a, .content a.link {
	display:block;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:6px 0 0 0;
	padding:0 0 0 15px;
}

.con-rand .pdf, #content .pdf {
	display:block;
	background-image:url(../images/download_icons/pdf_files.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:6px 0 0 0;
	padding:1px 0 0 25px;
}

#content ul li a, .con-rand ul li a, .content ul li a, .randleiste_1 ul li a, .randleiste_2 ul li a, .con-rand .teaser a, .aktu-rand a {
	display:inline;
	background-image:none;
	margin:0;
	padding:0;
}

#content a.none {
	display:inline;
	background-image:none;
}

#content a.link, .con-rand a.link {
	display:block;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:6px 0 0 0;
	padding:0 0 0 15px;
}

.aktu-rand {
	color:#000;
}

.aktu-rand .text {
	margin:5px 0 0 0;
}

/* !!! WebCMS-Teil / WYSIWYG !!! ANFANG */

.directedit {
	position:absolute;
	right:0px;
	top:0px;
}

.content {
	font-size:12px;
	padding:10px;
	background-image:none;
	background-color:#fff !important;
}

.content a {
	color:#5692CC !important;
 	text-decoration:none !important;
}

.content table {
	border-collapse:collapse;
}

.content table tr td {
	vertical-align:top;
	font-size:12px;
}

.randleiste_1, .randleiste_2 {
	background-image:none;
	background-color:#fff !important;
}

/* !!! WebCMS-Teil / WYSIWYG !!! ENDE */


#about_con {
	margin:0px 0 20px 0;
	width:225px;
}

#inhalt {
	border-right:1px solid #AFAFAF;
	border-left:1px solid #DCDCDC;
	padding:17px 34px 0 13px;
	background-image:url(../images/bg-kunden.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#themepic {
	margin:1px 0 0 5px;
}

.teaser {
	margin:0 0 0 0;
}

.teaser a strong {
	color:#000;
}

.teaser img {
}

.teaser-text {
	float:left;
	width:318px;
}

#productinfo {
	width:706px;
	height:29px;
	background-image:url(../images/bg-grau.jpg);
	margin:0 auto 0 auto;
}

.produktinfo {
	margin: 0 15px 0 0;
}

#shop_info {
	margin: 15px 0 0 20px;
}


#detail {
}

#detail .productInfo {
	float: left;
}

#detail .productView {
	float: left;
}

#detail .infoMenu {
	clear: both;
	padding: 5px 15px;
	background-color: #d6e3f7;
	border-top:10px #fff solid;



}

#detail .infoMenu label {
	margin-right:10px;
}

#detail .infoMenu .back {
	float: right;
	line-height: 24px;
}

#detail .infoMenu #quantity {
	margin-right: 10px;
	padding: 2px;
}


#detail .infoMenu .button {
	vertical-align: middle;
	border: 0;
	padding: 0;
	margin: 0;
}


/* MessageStack */
#error {
	background-color:#ffe4e4;
	background-image:URL(../images/admin/error.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;
	border: 1px solid #ff0000;
	padding:10px 10px 10px 55px;
	color:#ff0000;
	margin-bottom:15px;
}

.meldungueber {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}

#error ul, #ok ul, #info ul {
	margin-left: 15px;
}

#ok {
	background-color:#cbffc4;
	background-image:URL(../images/admin/ok.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;
	border: 1px solid #3f9519;
	padding:10px 10px 10px 55px;
	margin-bottom:15px;
	color:#3f9519;
}

#info {
	background-color:#edf8fe;
	background-image:URL(../images/admin/info.jpg);
	background-position:8px 8px;
	background-repeat:no-repeat;
	border: 1px solid #2d6bb4;
	padding:10px 10px 10px 55px;
	color:#2d6bb4;
	margin-bottom:15px;
}

#info li, #ok li, #error li {
	list-style-type: disc;
	background-image: none;
	padding-left: 0;
}

.letterBox {
	margin: 5px 0;
	height:30px;
}

.letterBox a {
	float: left;
	display: block;
	background-color: #D6E3F7;
	width: 17px;
	line-height: 17px;
	text-align: center;
	color: #1861AD;
	margin-right: 1px;
}

.letterBox a.active {
	background-color: #1861AD;
	color: #fff;
}

#referenzenFilter {
	border-top: 3px #E2E2E2 solid;
	border-bottom: 3px #E2E2E2 solid;
	padding: 15px 0;
}

#referenzenFilter label {
	display: block;
	float: left;
	width: 135px;
	padding-right: 15px;
}

#referenzenFilter select {
	margin: 6px 0;

}

#nextSteps {
	width: 210px;
}

optgroup {
	padding: 0 5px 0 3px;
}

optgroup option {
	padding: 0;
}

.submit_block {
	padding: 5px;
	background-color: #e7e7e7;
	text-align: right;
	border-top: 1px #fff solid;
}

.submit_block input {
	border: 0;
}

.formular {
	/*background-color: #f7f7f7;*/
	padding: 10px 15px;
}

.formular label {
	float: left;
	display: block;
	width: 120px;
	margin-right: 10px;
	color: #000;
}

.formular input {
	width: 175px;
	margin-bottom: 10px;
}

.formular select {
	margin-bottom: 10px;
}

.formular textarea {
	width: 225px;
	height: 75px;
	margin-bottom: 10px;
}

.formular br.clear {
	clear: both;
}

.formular .preform {
	margin: 15px 0;
	border-top: 1px #cecfce solid;
	padding-top: 15px;
}

.formular .preformcebit {
	margin: 0 0 15px 0;
	padding-top: 15px;
}

.formular .preform .noborder {
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

.formular .preform input, .formular .preformcebit input {
	width: auto;
	margin: 0;
}

.formular .preform label .formular .preformcebit label {
	float: none;
	width: auto;
	display: inline;
}

/* CRM Livedemo Baustein Styles */
.crm_livedemo {
	background-color:#e5e5e5;
	width:225px;
}

.crm_livedemo th {
	text-align:left;
	padding:7px 0 7px 7px;
}

.crm_livedemo td {
	padding: 0 0 8px 8px;
}

.crm_livedemo .light, .crm_livedemo .light_start, .crm_livedemo .light_border, .crm_livedemo .light_border_start {
	background-color:#f1f1f1;
}

.crm_livedemo .border, .crm_livedemo .border_img, .crm_livedemo .light_border, .crm_livedemo .light_border_start {
	border-bottom:1px solid #fff;
}

.crm_livedemo .border_img {
	padding:0;
}

.crm_livedemo .light_start, .crm_livedemo .light_border_start {
	padding-top:8px;
}

#privatepolicy, .crm_livedemo .left {
	float:left;
}

.crm_livedemo .left {
	padding-left:3px;
}

.crm_livedemo .button {
	padding:0;
	text-align:center;
}

.crm_livedemo .button  input {
	border:none;
}