/* CSS Document */


body {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 1em;
	margin:0px;
	padding:0px;
    text-align:center;
}

img {
    padding:0px;
    margin:0px;
	border:0px;
    display:block;
}

h1 {
	/* Ein Padding für linken Abstand ist in #content definiert.
	Alle darin enthaltenen Elemente haben kein eigenes Padding, außer H1, weil
	es eine eigene Hintergrund-Farbe hat.
	*/
    padding-left:22px;
	padding-top:15px;
	padding-bottom:8px;
	margin:0px;
    margin-left:-23px;
	margin-bottom:12px;
    font-size:1.2em;
    display:block;
    background-color:#FFF4C2;
    color:#38580F;
    font-weight:bold;
}

h2 {
    padding:0px;
    margin-top:10px;
    margin-bottom:5px;
    font-size:0.9em;
	font-weight:bold;
}

h3 {
    padding:0px;
    margin-top:10px;
    margin-bottom:5px;
    font-size:0.8em;
	font-weight:bold;
}


p, p.bodytext {
    margin:0px;
	margin-top:0px;
	padding:0px;
	padding-right:10px;
    line-height:1.3em;
    font-size:0.8em;
}

p.kleinSchwarz {
	margin:0px;
	font-size:0.65em;
}

p.kleinGrau {
	margin:0px;
	font-size:0.65em;
	color:#555555;
}

p.news-subheader {
    margin:0px;
    color:#999999;
    padding-left:5px;
}

UL {
  	font-family: Verdana, sans-serif;
  	font-size: 0.8em;
  	list-style-position: outside;
	margin-bottom: 9pt;
  	list-style-image: url("../images/aufzaehlungszeichen.gif");
	padding-right:10px;
	line-height:1.3em;
	margin-top:10px;
	padding-top:0px;
}

ol {
	margin-top:0px;
	margin-bottom:8px;
	padding-left:25px;
	margin-left:5px;
	font-size:0.8em;
	padding-right:10px;
	line-height:1.3em;
}

li {
	margin-bottom:7px;
	padding-top:0px;
}

table td {
	vertical-align:top;
}

caption {
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-top:10px;
}

table.htmlarea-showtableborders,tbody{	
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border-spacing:0px;
}

table.htmlarea-showtableborders td {
	border:1px #DAE4DD dotted;
	padding-left:10px;
	margin:0px;
	
}

table.htmlarea-showtableborders p {
	padding:0px;
	margin:0px;
	line-height:1em;
}



a:link, a:active, a:visited {
    text-decoration:underline;
    color:#416B20;
	/*
	
	*/
}

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

/* Layout - Boxen */

#allinclusiv {
    width:990px;
    margin:0px auto;
    text-align:left;
}

#alltaf {
    width:834px;
    margin:0px auto;
    text-align:left;
    color:#999999;
    border:1px solid #006600;
}

#menu_top {
    width:988px;
    height:38px;
    background-image:url(../images/image_01.jpg);
    vertical-align:middle;
    border:1px solid #006600;
}


#logo {
    float:left;
    width:830px;
    height:156px;
    background-image:url(../images/image_02.jpg);
    border-left:1px solid #006600;
}

#menu_topright {
    float:left;
    width:158px;
    padding-bottom:5px;
    background-image:url(../images/image_03.jpg);
    border-right:1px solid #006600;
    padding-top:25px;
    height:126px;
}

#picture {
    float:left;
    border-right:1px solid #006600;
    border-left:1px solid #006600;
    border-top:1px solid #006600;
}

#menu_main {
    padding:0px;
    margin:9px 0px 0px 50px;
}

#menu {
    float:right;
    width:180px;
    border-right:1px solid #006600;
    border-left:1px solid #006600;
}

#content {
	/* Wird exakt zwischen die Spalten eingepaßt*/
    padding-left:283px;
	padding-right:183px;
	padding-bottom:20px;
    border-top:1px solid #006600;
}


#footer {
    float:left;
    width:988px;
    height:43px;
    background-image:url(../images/image_05.jpg);
    border:1px solid #006600;
    text-align:right;
}

#footer p {
    float:none;
    margin-top:15px;
    margin-right:30px;
    color:white;
	font-size:0.7em;
}

#alldivs {
    float:left;
	/* Für Opera wird extra eine Breite für das Div angegeben, da Opera im gegensatz zu FF & IE versucht die Divs so klein wie möglich zu machen */
	width:990px;
    background-image:url(../images/leiste_schwarz.gif);
}

/* Menüboxen */

a.menu_main_NO:link, a.menu_main_NO:active, a.menu_main_NO:visited {
	font-weight:bold;
	color:white;
	font-size:0.75em;
	text-decoration:none;
}

a.menu_main_NO:hover {
	text-decoration:underline;
}


a.menu_main_ACT:link, a.menu_main_ACT:active, a.menu_main_ACT:visited {
	/* Wird nur zusätzlich zu _NO zugewiesen! */
	text-decoration:underline;
}

a.menu_left:link, a.menu_left:active, a.menu_left:visited {
	/*Das Untermenü (jetzt rechts) des gewählten Hauptpunktes*/
	font-size:0.8em;
	color:#423472;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:3px;
	padding-left:10px;
}

a.menu_left:hover{
	background-color:#FfFca8;
}

a.menu_left_ACT:link, a.menu_left_ACT:active, a.menu_left_ACT:visited {
	background-color:#FfFca8;
}

a.menu_right_NO:link, a.menu_right_NO:active, a.menu_right_NO:visited {
	font-size:0.7em;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:15px;
	color:#416B17;
	text-align:right;
	text-decoration:none;
}

.menu_main_cell {
    padding:0px 30px 0px 0px;
}

.label_header {
    height:25px;
    background-color:#F06635;
    color:#ffffff;
    font-weight:bold;
    border-top:1px solid #006600;
}

.label_header p {
    margin:4px 0px 0px 10px
}

.menu_main_menu {
    background-color:#FDF17B;
    color:#39362F;
    margin:0px;
    padding:12px 0px 12px 10px;
}

.menu_news_list {
    background-color:#8BBE73;
    color:#1D4135;
    margin:0px;
    padding:10px 0px 15px 20px;
}

/* Mailform designen */
.csc-mailform {
	border:none;
	margin-top:20px;
	padding:0px;
}

.csc-mailform-field {
	padding-top:5px;
}

label {
	margin:0px;
	display:block;
	width:232px;
	margin-bottom:3px;
	float:left;
	font-size:0.8em;
}

Input{  	
	border: 1px #999999 solid;
	width:230px;
}

input.csc-mailform-submit{
	float:none;
	margin-right:45px;
	margin-left:232px;
	width:232px;
}

input.csc-mailform-check {
	/* für Checkboxen */
	border:none;
}

Textarea{  	
	border: 1px #999999 solid;
	font-family: Verdana,Arial,Sans-Serif;
	width:230px;
}

/* Styles für News*/
.news-item-latest {
	margin-top:5px;	
}

.news-item-latest a:link, .news-item-latest a:active, .news-item-latest a:visited {
	color:#423472;
	text-decoration:none;
}

.news-item-latest p {
	font-size:0.7em;
}


/* sonstige Styles für Extensions */

.tipafriend {
	color:#000000;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px #006600 dashed;
}

.tafpic {
	margin-bottom:10px;
	border-bottom:1px #006600 solid;
}

.detail_images {
	/*Umschließend um alle Bilder in der Detailansicht der Produktdatenbank*/
	float:right;
	border-right:none;
	padding:0px;
	text-align:center;	
}

.detail_single_image {
	/*Umschließend einzelnes Bild in der Detailansicht der Produktdatenbank*/
	margin:10px;
	margin-top:0px;
	border:1px #006600 solid;
	padding:8px;
}

label.products_search {
	display:block;
	width:150px;
}


/* Styles für die Matrix-Liste*/
.label_col {
	/* Alle Spalten */ 
  	width:48px;
  	text-align:center;
  	border-bottom:1px #999999 solid;
	padding-right:0px;
}

td.p1 {
	background-color:#C3DFC4; 
}

td.p2 {
	background-color:#CBE9C9; 
}

td.p3 {
	background-color:#E0EFE1; 
}

td.p4 {
	background-color:#EFFFF0; 
}

td.p5 {
	background-color:#faFFFF; 
}

td.p6 {
	background-color:#FFFFFF; 
}

td.dots {
	
}

img.inline{
	display: inline; 
}

img.langflag {
	display: inline; 
	margin-right:10px;
}

small {
	font-size:0.7em;
}

a.navigation {
	font-size:0.7em;
}

#suchform {
	background-color:#66FFCC;
	margin-left:-23px;
	padding-left:22px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#FFF4C2;
}


.csc-textpic {
	/*block und overflow hidden notwendig, damit die Bilder im FF innerhalb des umschließenden DIVs bleiben und 
	nicht irgendwohin floaten */
	display:block;
	overflow:hidden;
	margin-right:10px;
	
}

.csc-linkToTop {
	/* Link "Nach Oben..." auf breite 400 gesetzt, damit der IE x-6 nicht floatet und der link nach oben rutscht */
	width:400px;
}

.csc-textpic-imagewrap {
	margin-top:5px;
	margin-left:20px;
	margin-bottom:20px;		
	
}


.csc-textpic-image {
	border:0px #cccccc solid;
}


div.csc-textpic-clear {
	/* Damit die Bilder rechts nicht unter die Höhe des Menüs links rutschen.
	Bei Typo3 ist hier ein clear:both drin.
	 */
	float:left;
	visibility:hidden;
	height:1px;
	font-size:1px;
	margin:0px;
	padding:0px;
	border:1px red solid;
}

.produkttabelle {
	background-color:#E0EFE1;
	padding-left:4px;
}

.produkttabelle p {
	font-size:0.65em;
}

.produkttabelle td {
	padding:2px;
	padding-left:4px;
}

.produkttabelle tr:hover {
	background-color:#8CBF74;
}

.produkt-aktiviert {
	background-image:url(../images/tx_datamintsproductbase_dot.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.produkt-deaktiviert {
	background-image:url(../images/tx_datamintsproductbase_nodot.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.white-background {
	background-color:#FFFFFF;
}

.hellblau-background {
	background-color:#F4FDFA;
}