/* */
/* WEBFONTKITS ANFANG MUSS GANZ AM ANFANG STEHEN */
/* */



@font-face {
    font-family: 'dincond-black';
    src: url('webfontkit/dincond/dincond-black-webfont.eot');
    src: url('webfontkit/dincond/dincond-black-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincond-black-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincond-black-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincond-black-webfont.svg#dincond-blackblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-bold';
    src: url('webfontkit/dincond/dincond-bold-webfont.eot');
    src: url('webfontkit/dincond/dincond-bold-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincond-bold-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincond-bold-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincond-bold-webfont.svg#dincond-boldbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-light';
    src: url('webfontkit/dincond/dincond-light-webfont.eot');
    src: url('webfontkit/dincond/dincond-light-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincond-light-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincond-light-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincond-light-webfont.svg#dincond-lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-regular';
    src: url('webfontkit/dincond/dincond-regular-webfont.eot');
    src: url('webfontkit/dincond/dincond-regular-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincond-regular-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincond-regular-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincond-regular-webfont.svg#dincond-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-medium';
    src: url('webfontkit/dincond/dincond-medium-webfont.eot');
    src: url('webfontkit/dincond/dincond-medium-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincond-medium-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincond-medium-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincond-medium-webfont.svg#dincond-mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'dincond-blackalternate';
    src: url('webfontkit/dincond/dincondalternate-blackalternate-webfont.eot');
    src: url('webfontkit/dincond/dincondalternate-blackalternate-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincondalternate-blackalternate-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincondalternate-blackalternate-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincondalternate-blackalternate-webfont.svg#dincond-blackalteBlkalternate') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-boldalternate';
    src: url('webfontkit/dincond/dincondalternate-boldalternate-webfont.eot');
    src: url('webfontkit/dincond/dincondalternate-boldalternate-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincondalternate-boldalternate-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincondalternate-boldalternate-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincondalternate-boldalternate-webfont.svg#dincond-boldalternBdalternate') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-lightalternate';
    src: url('webfontkit/dincond/dincondalternate-lightalternate-webfont.eot');
    src: url('webfontkit/dincond/dincondalternate-lightalternate-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincondalternate-lightalternate-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincondalternate-lightalternate-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincondalternate-lightalternate-webfont.svg#dincond-lightalterLtalternate') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-mediumalternate';
    src: url('webfontkit/dincond/dincondalternate-mediumalternate-webfont.eot');
    src: url('webfontkit/dincond/dincondalternate-mediumalternate-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincondalternate-mediumalternate-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincondalternate-mediumalternate-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincondalternate-mediumalternate-webfont.svg#dincond-mediumalteMdalternate') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dincond-regularalternate';
    src: url('webfontkit/dincond/dincondalternate-regularalternate-webfont.eot');
    src: url('webfontkit/dincond/dincondalternate-regularalternate-webfont.eot?#iefix') format('pxbedded-opentype'),
         url('webfontkit/dincond/dincondalternate-regularalternate-webfont.woff') format('woff'),
         url('webfontkit/dincond/dincondalternate-regularalternate-webfont.ttf') format('truetype'),
         url('webfontkit/dincond/dincondalternate-regularalternate-webfont.svg#dincond-regularaltRgalternate') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* */
/* RESETS LAUT ERIC MEYER */
/* */

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*/

/* */
/* RESETS */
/* */

*
{
 margin:0;
 padding:0;
}

html
{
 height:100%;
}

body
{
 /* SETZT BASIS SCHRIFTGROESSE FUER VERERBUNG 1.6EM = 16pt (px = nicht pt!) */
/* font-size: 62.5%;*/
 background-color: #f5f5f5;
 background-image: url(files/carbonhintergrund.png);
 background-repeat: repeat;
}

h1
{
}

h2
{
/* font-family: 'dincond-bold', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 letter-spacing: 0.05em;*/
 line-height: 2.92em;
}

h3
{
}

h4
{
}

h5
{
}

h6
{
}

.rot
{
    color: #a6032f;
}

.mixrot
{
    color: #7e2222;
}

.gruen
{
    color: #8cc04b;
}

.mixgruen
{
    color: #9a8836;
}

.grau
{
    color: #b4babf;
}

.weiss
{
    color: #ffffff;
}



#fahne
{
 height: 100%;
 width: 1200px;
 margin-top: 25px;
 margin-right: auto;
 margin-bottom: 25px;
 margin-left: auto;
 background-color: #FFFFFF;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 /* http://www.css3-generator.de/box-shadow.html */
-webkit-box-shadow: inset -2px -2px 2px 2px rgba(240, 240, 240, 1); /* WebKit */
-moz-box-shadow: inset -2px -2px 2px 2px rgba(240, 240, 240, 1); /* Firefox */
box-shadow: inset -2px -2px 2px 2px rgba(240, 240, 240, 1); /* Standard */ 
 /* IE ergänzen */
}

#inhalt
{
 height: 100%;
 width: auto;
 margin-right: 50px;
 margin-left: 50px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#kopf
{
 height: 150px;/*175px*/
 width: auto;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 70px;
 padding-top: 25px;
}

#seitenecke
{
 height: 354px;
 width: 344px;
 left: auto;
 top: 25px;
 position: absolute;
 z-index: 1;
 background-image: url(files/seitenecke.png);
 background-repeat: no-repeat;
 background-position: left top;
}

#logo
{
 height: 139px;
 width: 231px;
 left: 0px;
 top: 0px;
 position: relative;
 z-index: 2;
 float: left;
}

#navigation
{
 height: 50px;
 width: 740px;
 position: relative;
 z-index: 1;
 float: right;
 top: 72px;
 /*background-color: #f5f5f5;*/
}

#visual
{
 height: 500px;
 width: 100%;
}

/* 960er Raster aufteilen in Spalten 5 mehr damit Spalten auf einer Höhe sind */
#info
{
 height: auto;
 width: 960px;
 padding-top: 25px;
 padding-bottom: 25px;
 /*font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.8em;
 letter-spacing: 0.05em;*/
 margin-right: auto;
 margin-left: auto;
 /*text-align: center;*/
 overflow: hidden;
}

/* 960er Raster aufteilen in Spalten 5 mehr damit Spalten auf einer Höhe sind */
#footer
{
 height: auto;
 width: 960px;
 padding-top: 25px;
 padding-bottom: 25px;
 /*font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.8em;
 letter-spacing: 0.05em;*/
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 overflow: hidden;
/* background-color: #f5f5f5;*/
}

footer
{
/* background-color: #f5f5f5;*/
}

footer p
{
 margin: 0;
}

footer img
{
 margin: 3px;
}

footer .abstandlogo
{
 margin-right: 100px;
}

footer .abstandhaus
{
 margin-right: 7px;
}

footer .copyright
{
 font-size: 0.8em;
}

 
 
/* DIESE SPALTENDEFINITION FUNKTIONIERT IN ALLEN BROWSERN FUER ALLE SPALTEN MACHEN IN px */

.dreispaltig
{
 float: left;
 width: 278px;
 height: 100%;
 font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 letter-spacing: 0.05em;
 line-height: 1.92em;
 padding-top: 50px;
 /*padding-bottom: 50px;*/
 padding-right: 20px;
 padding-left: 20px;
 text-align: left;
}

/* DIESE SPALTENDEFINITION FUNKTIONIERT  N I C H T  IN ALLEN BROWSERN, CHROME MACHT PROBLEME */

#spalte-1
{
 height: 100%;
 width: 280px;
 float: left;
 font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 letter-spacing: 0.05em;
 line-height: 1.92em;
 padding-top: 50px;
 /*padding-bottom: 50px;*/
 padding-right: 20px;
 padding-left: 20px;
 text-align: left;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 /* ÜBERLEGEN OB ICH DAS MACHE */
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -moz-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -khtml-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -webkit-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -o-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 background-color: #f5f5f5;
 background-image: url(files/carbonhintergrund_hell.png);
 background-repeat: repeat;
}

#spalte-2
{
 height: 100%;
 width: 280px;
 float: left;
 font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 letter-spacing: 0.05em;
 line-height: 1.92em;
 padding-top: 50px;
 /*padding-bottom: 50px;*/
 padding-right: 20px;
 padding-left: 20px;
 text-align: left;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 /* ÜBERLEGEN OB ICH DAS MACHE */
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -moz-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -khtml-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -webkit-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -o-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 background-color: #f5f5f5;
 background-image: url(files/carbonhintergrund_hell.png);
 background-repeat: repeat;
}

#spalte-3
{
 height: 100%;
 width: 280px;
 float: left;
 font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 letter-spacing: 0.05em;
 line-height: 1.92em;
 padding-top: 50px;
 /*padding-bottom: 50px;*/
 padding-right: 20px;
 padding-left: 20px;
 text-align: left;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 /* ÜBERLEGEN OB ICH DAS MACHE */
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -moz-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -khtml-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -webkit-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 -o-box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 box-shadow: 2px 2px 2px rgba(179,185,189,0.5);
 background-color: #f5f5f5;
 background-image: url(files/carbonhintergrund_hell.png);
 background-repeat: repeat;
}

.clr
{
 clear: both;
}

#fuss
{
 height: 354px;
 width: 100%;
 padding-top: 25px;
 padding-bottom: 25px;
/* background-image: url(files/seitenecke_fuss.png);*/
 background-repeat: no-repeat;
 background-position: right;
}

/* TEXTFORMATIERUNGEN */

.sechzehnregular
{
 font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 letter-spacing: 0.05em;
 line-height: 1.92em;
}

.sechzehnregular a
{
 text-decoration: underline;
 color: #000000;
}

.sechzehnregular a:hover
{
 text-decoration: underline;
 color: #A6032F;
}

.zentriert
{
 text-align: center;
}

.bold
{
 font-family: 'dincond-bold', Verdana, Arial, Helvetica, sans-serif;
}

.medium
{
 font-family: 'dincond-medium', Verdana, Arial, Helvetica, sans-serif;
}


.required{
	color:#990000;
	margin-right:6px;
	font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
}


.keinrand{
	margin: 0px!important;
	padding: 0px!important;
}

.keineinzug{
	margin-left: 0px!important;
	padding-left: 0px!important;
}

.display-block{
	display: block!important;
}



/***** VALIDATION & ERROR MESSAGES *****/

#validation{
	display:none;
	background:url('contactform/img/loading.gif') no-repeat 0 1px;
	padding-left:20px;
	font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.errormessage, .validationmessage{
	font-family: 'dincond-regular', Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.errormessage{
	display:none;
	margin:4px 0;
	width:260px;
}

.validationmessage{
	width:950px;
	margin-bottom:16px;
	padding:10px 6px;
}


.validationmessage{background-color:#f3fbe9; border:1px solid #b4babf; color:#285c00;}

.errormessage{background-color:#fff0f0; border:1px solid #a6032f; color:#a6032f; padding:4px 6px;}















/* */
/* ANFANG MAGAZIN LAYOUT MODUL REDAXO */
/* */


	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	
/* */
/* ENDE MAGAZIN LAYOUT MODUL REDAXO */
/* */




/* */
/* FÜR DEN VERKAUFSARTIKELSLIDER MIT THUBS ANFANG http://jsfiddle.net/ivanarvizu/JS6JV/16/ */
/* */

h4 {
    margin: 20px 10px 10px;
}

p {
    margin: 10px;
}

.innenrand-35 {
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
}

.obenrand-45 {
	margin-top: 45px;
}

.linksrand-15 {
	margin-left: 15px;
}

.tab-content-inner {
	background-color: #f5f5f5;
	background-image: url(files/carbonhintergrund.png);
	background-repeat: repeat;
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
}

.tab-pane p, {
	margin: 15px;
}

.hrtrenner { 
    width: 100%; 
    height: 3px; 
    margin: 0 auto;
    background-color: #f5f5f5;
	background-image: url(files/carbonhintergrund.png);
	background-repeat: repeat;
}

/*Listendesign für Tabsdarstellungen*/

.listendesign ul {
	list-style-position: inside;
	list-style-type: square;
}

.listendesign ol {
	list-style-position: inside;
}





/* */
/* FÜR DEN VERKAUFSARTIKELSLIDER MIT THUBS ENDE http://jsfiddle.net/ivanarvizu/JS6JV/16/ */
/* */