/*-------------------------------------------------
Allgemeine Einstellungen der Seite
-------------------------------------------------*/
* {
    margin:					0;
    padding:              	0;
    font-family:		 	verdana, arial, "Lucida Grande", helvetica, sans-serif;
}

body {
	color:			      	#fff;
	font-size:			  	11px;
	background:				#4b4b4b url(images/back.gif) repeat-y center;
	text-align:				center;
}

* html body {
	background:				#4b4b4b;
}

option {
	padding-right:		  	5px; /* Fixing a Firefox Bug */
}

img {
    border:               	0;
}

a img, a img:link, a img:visited, a img:hover {
	background:		      	none;
	border:			      	none;
}

.cleaner {
    clear:             	  	both;
	height:            	  	1px;
	font-size:         	  	0px;
	line-height:       	  	0px;
	border:            	  	none;
	background:           	transparent;
}

.clean {
    clear:             	  	both;
}

.left {
	float:				  	left;
}

.right {
	float:				  	right;
}


/*-------------------------------------------------
Definitionen
-------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-size:		     	11px;
	color:			     	#000;
	text-decoration:	 	underline;
	background:		     	none;
}

a:hover {
	color:					#3b3b3b;
}

p, input, select, textarea, td {
	font-size:		      	11px;
	line-height:		  	18px;
	color:			      	#3b3b3b;
}

p.margin, a.margin {
	margin-bottom:		 	10px;
}

p.margin5 {
	margin-bottom:		 	5px;
	line-height:			16px;
}

p.margin10 {
	margin-bottom:		 	10px;
	line-height:			16px;
}

p.margin15 {
	margin-bottom:		 	15px;
	line-height:			16px;
}

p.margin20 {
	margin-bottom:		 	20px;
	line-height:			16px;
}

h1 {
    font-family:		 	verdana, arial, "Lucida Grande", helvetica, sans-serif;
	padding:		     	0;
	border-bottom:		 	0;
	margin:			     	0;
    color:                  #3b3b3b;
	font-size:		     	16px;
	font-weight:		 	bold;
}

h2 {
    font-family:		 	verdana, arial, "Lucida Grande", helvetica, sans-serif;
	color:			    	#3b3b3b;
	font-size:		    	12px;
	font-weight:			bold;
}

ul li {
	list-style:        		none;
}

li {
	font-size:		    	12px;
	line-height:			16px;
}

label {
	padding-top:			3px;
	color:					#881210;
	font-size:		    	12px;
}

.input {
	padding:				3px;
	padding-bottom:			4px;
	height:					20px;
	background:				#f6f4f1;
	border:					1px solid #e8e3dc;
}

textarea {
	padding:				3px;
	padding-bottom:			4px;
	width:                  500px;
	background:				#f6f4f1;
	border:					1px solid #e8e3dc;
}

.bold {
	font-weight:			bold;
}

.green, a.green, p.green {
	color:			    	#016d53;
}

.csc-textpic-caption {
	color:				#333;
}
.ueber_uns{
	float:left;
	width:420px;

}
.ueber_uns_right{
	float:right;
	width:240px;
	padding-top:10px;

}

/*-------------------------------------------------
Boxen
-------------------------------------------------*/
.outer {
	margin: 					0 auto;
	width:					950px;
	text-align:				left;
	background:				url(images/back.gif) repeat-y center;
}

.header {
	height:					120px;
	width:					950px;
	background:				#000;
}




.logo {
	float:					left;
	margin-top:				35px;
	margin-left:			19px;
	width:					198px;
	height:					48px;
	/* background:				url(./images/logo.gif) no-repeat; */
	display:				inline;	
}

.top-menu {
	width:					200px;
	float:					right;
	text-align:				right;
	margin-right:			30px;
	display:				inline;
}

.top-menu ul {
	margin-top:				17px;
	list-style:				none;
}

.top-menu ul li { 
	margin-bottom:			9px;
}
* html .top-menu ul li { 
	margin-bottom:			8px;
}

.main-menu {
	height:					35px;
	width:					950px;
	background:				#cfcfcf;
}




.menu-left {
	float:					left;
	height:					35px;
	width:					250px;
}

.menu-left-inner {
	margin-top:				12px;
	margin-left:			19px;	
}

.menu-right {
	float:					right;
	width:					700px;
}

.main-menu .menu-right ul {
	height:					18px;
	margin-top:				12px;
	margin-left:			5px;
}

.main-menu .menu-right ul li {
	float:					left;
	padding-left:			20px;
	margin-left:			18px;
	background:				url(images/mm_trennlinie.gif) no-repeat;
}

.main-menu .menu-right ul li.first {
	padding-left:			17px;
	margin-left:			0px;
	background:				none;
}

.zwei-spalten {
	width:					950px;
	background:				#4b4b4b url(images/back.gif) repeat-y center;
}

.sub-menu {
	float:					left;
	width:					250px;
}



.sub-menu ul {
	list-style:				none;
	padding-top:				8px;
	padding-bottom:			8px;
	border-bottom:			1px solid #2f2f2f;
	line-height:				0px;
	font-size:				0px;
}

.content {
	float:					left;
	width:					700px;
}

* html .content .main-img {
	margin-top:				-20px;
	margin-left:				1px;
}

#sum {
display: none;
}

#fullt {
display: block;
}

.main-img {
	width:					700px;

}

.home-img {
	height:					300px;
	width:					700px;

}

.headline {
	width:					700px;
	height:					75px;
	background:				#eee;
}
.product_headline{
	width:700px;
	background:#eeeeee;
	height:75px;
	border-top:2px solid #fff;
}
.product_logo{
	width:350px;
	padding-left:20px;
	float:left;
}
.headline_right{
	float:right;
	padding-right:16px;
	padding-top:10px;
	font-size:9px;
}
.headline_text{
	font-size:9px;
	line-height:13px;
	
}
.lower_content{
	float:left;
	width:700px;
	background:#fff;
}
.float_left1{
	float:left;
	position: relative;
	left: -10px;
}
.lower_left{
	width:310px;
	float:left;
	padding-top:20px;
	padding-left:20px;
}
.lower_right{
	
	float:right;
	padding-top:20px;
	padding-right:20px;
}
.packshot{
	width:120px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}


* html .headline {
	margin-left:1px;
}

.headline-masse {
	float:					right;
	margin-right:				16px;
	margin-top:				10px;
}

.headline-masse p {
	font-size:				9px;
	line-height:				13px;
}

.headline-logo {
	clear:					right;	
	float:					left;
	margin-left:				20px;
	margin-top:				7px;
	position:					absolute;
	
}

* html .headline-logo {
	margin-top:				0px;
	position:					absolute;
	top:						285px;
}

.content-inner {
	padding:				20px;
	width:				660px;
}

* html .content-inner {
	padding:				20px;
	width:				700px;
	overflow:				hidden;
}

.content_img_right {
	float: 					right; 
	/* margin-left: 			24px; */
}

.content_img_left {
    float:                  left;
    /* margin-right:           24px; */
}

.contact_input {
    width:                  380px;
}


/*******************************************
*** Hier beginnen Klassendefinitionen für die typo3-eigenen Klassen ***
********************************************/

.csc-textpic-intext-left .csc-textpic-image {
	float:left;
	margin-right:10px;
	margin-top:4px;
	margin-bottom:10px;
	clear:both;
}

* html .csc-textpic-intext-left .csc-textpic-image {
	margin-top:6px;
}

.csc-textpic-intext-right .csc-textpic-image {
	float:right;
	margin-top:4px;
	margin-left: 10px;
	margin-bottom:10px;
}

* html .csc-textpic-intext-right .csc-textpic-image {
	margin-top:6px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-image { /* nowrap funktioniert noch nicht ... */
	float:left;
	margin-top:3px;
	margin-right:24px;
}

* html .csc-textpic-intext-left-nowrap .csc-textpic-image { /* nowrap funktioniert noch nicht ... */
	margin-top:2px;	
	margin-right:12px;
}

.csc-textpic-intext-right-nowrap .csc-textpic-image { /* nowrap funktioniert noch nicht ... */
	float:	right;
	/* margin-left:24px; */
}

* html .csc-textpic-intext-right-nowrap .csc-textpic-image { /* nowrap funktioniert noch nicht ... */
	margin-left:12px;
}


/*******************************************
*** Settings für Bilder UNTER Text (textpic-below left/center/right) ***
********************************************/

.csc-textpic-left.csc-textpic-below .csc-textpic-image {
	float:left;
	clear:right;
	margin-top:	20px;
	margin-right:5px;
}

.csc-textpic-right.csc-textpic-below .csc-textpic-image {
	margin-top:20px;
}

.csc-textpic-center.csc-textpic-below .csc-textpic-image {
	/* bleibt leer, in typo auswählen für keine positionierung */
}

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

/*******************************************
*** Settings für Bilder ÜBER Text (textpic-above left/center/right) ***
********************************************/

.csc-textpic-center.csc-textpic-above { /* zentriert das bild auf id=44 */
		width:		202px;
		margin:		auto;
}


/*******************************************
*** Schriftgröße für einige Header ***
********************************************/

.csc-header .csc-firstHeader {
	font-size:11px;
	line-height:16px;
}

.csc-header h1 {
	font-size:11px;
	
}


/*******************************************
*** TEMPLATE "produkte.html" (im templates, nicht content-ordner) - Alle Produktserien-Unterseiten ***
********************************************/

.thumbnails_produkte img {
	margin-left:	20px;
}



/*******************************************
*** TEMPLATE "wir_ueber_uns.html" - Wir über uns Unterseite "Qualität" ***
********************************************/

.box1, .box2, .box3 {
	float:left;
	width:134px;
	border-right:1px solid #ccc;
	margin-right:20px;
	padding-right:20px;
	overflow:hidden;
}

.box4 {
	float:left;
	width:135px;
	overflow:hidden;
}

* html .box1, * html .box2, * html .box3, * html .box4 { /* display:inline behebt den IE bug, das der margin doppelt angerechnet wird */
	display:inline;
}

* html .box1, * html .box2, * html .box3 {
	width:155px;	
}


/*******************************************
*** TEMPLATE "24_sms.html" - sms Seiten "1 - Innovation" und "2 - Details" ***
********************************************/


.sms_zweispaltig_links {
	float:			left;
	width:			450px;
}

.sms_zweispaltig_rechts {
	float:			right;
	width:			130px;
	margin-right:		24px;
}

* html .sms_zweispaltig_rechts { /* display:inline behebt den IE bug, das der margin doppelt angerechnet wird */
	display:inline;
}

* html .sms_zweispaltig_rechts .csc-textpic-center.csc-textpic-below .csc-textpic-image { /* fixed, das die bilder in der rechten spalte dieses templates eine margin-top von 20px haben. fehler besteht nur im IE */
	margin-top:0px;
}



/*******************************************
*** TEMPLATE "medienmoebel.html" - Medienmöbel-Hauptseite ***
********************************************/

.medienmoebel_box1, .medienmoebel_box3 {
	float:			left;
	width:			116px;
	margin-right:		20px;
	overflow:			hidden;
}

.medienmoebel_box2 { /* da es nur 4 felder gibt, wird das typo-feld NORMAL in 2 spalten aufgeteilt und muss daher doppelt so breit sein (+20px, weil 2x margin) */
	width:			252px;
	float:			left;
	margin-right:		20px;
	overflow:			hidden;
}

.medienmoebel_box4 {
	float:			left;
	width:			116px;
	overflow:			hidden;
}

* html .medienmoebel_box1,
* html .medienmoebel_box2,
* html .medienmoebel_box3,
* html .medienmoebel_box4,
* html .medienmoebel_box5 { /* display:inline behebt den IE bug, das der margin doppelt angerechnet wird */
	display:inline;
}

.medienmoebel_box1 .csc-textpic-center.csc-textpic-below .csc-textpic-image,
.medienmoebel_box2 .csc-textpic-center.csc-textpic-below .csc-textpic-image,
.medienmoebel_box3 .csc-textpic-center.csc-textpic-below .csc-textpic-image,
.medienmoebel_box4 .csc-textpic-center.csc-textpic-below .csc-textpic-image,
.medienmoebel_box5 .csc-textpic-center.csc-textpic-below .csc-textpic-image { /* fixed, das die bilder in den spalten dieses templates eine margin-top von 20px haben. fehler besteht nur im IE */
	margin-top:0px;
	margin-bottom:20px;
}

.medienmoebel_uebersicht {
	width:		116px;
	overflow:		hidden;
	margin-right:	0px;
}

.medienmoebel_uebersicht2 {
	width:		116px;
	margin-right:	20px;
}

* html .medienmoebel_uebersicht2 {
	margin-right:	10px;
}

/*******************************************
*** TEMPLATE "medienmoebel_unterseite.html" - Medienmöbel-unterseite ***
********************************************/



.thumbnails_medienmoebel {
	width:			350px;
	float:			right;
}

.thumbnails_medienmoebel .csc-textpic-center.csc-textpic-below {
	margin-top:		0px;
	margin-left:		20px;
	float:			right;
	margin-top:		20px;
}

* html .thumbnails_medienmoebel .csc-textpic-center.csc-textpic-below {
	display:			inline;
	margin-top:		5px;
}

.text_medienmoebel {
	width:			300px;
	position:			relative;
	top:				-50px; /* 16px; */
}

.content-inner.medienmoebel {
	margin-top:		-20px;
}

* html .content-inner.medienmoebel {
	margin-top:		-40px;
	position:relative;
	left:1px;
	overflow:hidden;
}

/*******************************************
*** TEMPLATE "32.html" - Esstische ***
********************************************/

.esstische_text {
	position:			absolute;
	top:				385px;
	left:			547px;
	background:		green;
	width:			152px;
	height:			95px;
	font-size:		8px !important;
}

* html .esstische_text {
	top:				225px;
	left:			186px;
}

/* haendlersuche */
* html .haendlersuche {
	margin-left:		20px;
	width:			600px;
}

* html .map_anfahrt {
	margin-top:-15px;
}

.brinkmann_uhr {
	position:		relative;
	top:			18px;
	left:		60px;
}

* html .brinkmann_uhr {
	top:			14px;
}


/*******************************************
*** TEMPLATE "27.html" - News ***
********************************************/

.news_spalte1 {
	width:				234px; /* 234px; */
}

.news_spalte2 {
	width:				234px;
}

.news_spalte3 {
	width:				232px;
}

.bild_gross {
	border-right:		1px solid #cfcfcf;
	border-bottom:		1px solid #cfcfcf;
	width:				233px;
	heigth:				124px;
	overflow:			hidden;
}

* html .bild_gross {
	width:				234px;
}

.bild_gross_rechts {
	border-right:		0px;
	border-bottom:		1px solid #cfcfcf;
	width:				232px;
	heigth:				124px;
	overflow:			hidden;
	}

.box_grau, .box_grau_rechts {
	border-bottom:		1px solid #cfcfcf;
	height:				39px;
	background:			#cfcfcf;
	height:				40px;
	background:			#cfcfcf;
	overflow:			hidden;
	font-weight:		bold;
	line-height:		16px;
	}

.box_grau {
	border-right:		1px solid white;
	width:				233px;
}

* html .box_grau {
	width:				234px;
}

.box_grau_rechts {
	border-right:		0;
	width:				232px;
}



.box_grau_inner {
	margin-left:		18px;
	margin-top:			5px;
	color:				#3b3b3b;
	}
	
.box_weiss, .box_weiss_rechts {
	border-top:			1px solid white;
	border-bottom:		1px solid #cfcfcf;
	background:			white;
	height:				265px;
	background:			white;
	overflow:			hidden;
	}

.box_weiss {
	border-right:		1px solid #cfcfcf;
	width:				233px;
}

* html .box_weiss {
	width:				234px;
}

.box_weiss_rechts {
	border-right:		0;
	width:				232px;
}

.box_weiss_inner {
	margin-left:		18px;
	margin-right:		10px;
	margin-top:			5px;
	color:				#3b3b3b;
	line-height:		16px;
	}

.newspic_small {
	margin-right:		12px;
	}