html,body {	
margin: 0px;	
padding: 0px; 
font-family: Arial, Helvetica, sans-serif;
font-size:90%;

}

body{

/*background-position: center;*/

}

h1.csc-firstHeader {text-align: center; color:black;font-size:1.4em;  font-family: Arial, Helvetica, sans-serif; border-top: 2px solid teal; border-bottom: 2px solid teal; margin:0 0 10px 0; padding:0;}

h1{font-size:1.4em;  font-family: Arial, Helvetica, sans-serif; color:teal;}
h2{font-size:1.2em;  font-family: Arial, Helvetica, sans-serif; color:teal;}
h3{font-size:1.3em;  font-family: Arial, Helvetica, sans-serif; color:teal;}
h4{font-size:1.1em;  font-family: Arial, Helvetica, sans-serif; color:teal;}

a {font-size: 0.95em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; color:teal;}

p.bodytext {font-size: 0.95em;  line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; }

p.bodytext a {font-size: 0.95em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; color:teal;}
p.bodytext a.active {font-size: 0.95em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; color:teal;}
p.bodytext a:hover {font-size: 0.95em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; color:teal;}

img {border:none;}
a img{border:none;}
p.bodytext a img {	border:none;}
p.bodytext img {	border:none;}


/*++++++++++++++ container for whole website +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#all {
/*margin: 0 auto;	*/
padding: 0; 
margin:0 0px 0 0;

/*border: 1px solid black; */
background-image: url(../images/background_all.gif);
background-repeat: repeat-y;


}

/*++++++++++++++ first row - image header +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 #headimage{
 	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height:25px;
	margin-left: 33px;
	text-align:right;
	padding-right:40px; 
 }
 #headimage2{
 	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	height:25px;
	margin-left: 25px;
	text-align:right;
	padding-right:40px; 
 }
 #headimage_row2{
	height:60px;
	margin-left: 140px;
	padding-right:40px;
 }
 
#clickpath{	 float: right; text-align: right;}

#slogan{float:left;	text-align: left; }

/*++++++++++++++ left +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#row2{

	
}
	


/*++++++++++++++ left +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 #left{
 	float:left;
	width:170px;

 }
 
 #left_row2{
 	margin: 30px 0 30px 3px;
	/*width:120px;*/
	
 }
 /*++++++++++++++ right +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 
 
 #right{
 	float:right;
	width: 190px;

	/*background-image: url(../images/back_start_right.gif);
	background-repeat: no-repeat;*/
	
 }
 
  #image_right{
 	min-height:201px;
	width:160px;
 }
 
 #text_right{
 	width:160px;

 }
 
 /* #right_folge{
 	
	padding-left:170px;
   	
 }*/
 
   #right_folge{
  	float:right;
	margin-left:-100px;
         width: 84%;
	position:relative;
	
 }
 
 #content{
 padding-right:40px;
 	margin-bottom:10px;
 }
/*++++++++++++++ middle (start) +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

 #middle{
 	
	/*width: 65%;*/
	padding:0 210px 0 180px;
	margin-bottom:10px;

 }


 
/*++++++++++++++++++++++++++++++LOGIN PAGE++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#login_left{
	float:left;
	width:39%;


}

#login_right{
	float:right;
	padding-right:40px;


}
 

 

/*++++++++++++++ footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 #footer{
 	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	height:30px;
	background-color:teal;
	text-align: right;
	padding-right:40px;
	padding-top:3px;
	
 }
/*+++++++++++++++++++++++++++++++++++++ Navigation  ++++++++++++++++++++++++++++++++++++++++++++++++*/


#left_row1 a {
display: block;
width: 140px;
color:black;
border: 1px solid #008080;
padding: 5px 0 5px 10px;
margin-bottom:5px;
background-image: url(../images/nav_normal.gif);
background-repeat: repeat-y; 
font-size:12px;
font-weight:normal;
}


#left_row1 a:hover{	background-image: url(../images/nav_hover.gif);background-repeat: repeat-y; font-size:12px;}
#left_row1 a.active{ background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.active:hover{ background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px; }
#left_row1 a.aktiv {background-image: url(../images/nav_active.gif); background-repeat: repeat-y;font-size:12px;}
#left_row1 a.aktiv:hover {background-image: url(../images/nav_active.gif); background-repeat: repeat-y;font-size:12px;}

#left_row2 a.sub {}
#left_row1 a.sub:hover{	background-image: url(../images/nav_hover.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.sub.active{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.sub.active:hover{ background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
	
	
#left_row1 a.subaktiv {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.subaktiv.active {  background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.subaktiv:hover {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-size:12px;}
#left_row1 a.subaktiv.active:hover{ background-image: url(../images/nav_active.gif);background-repeat: repeat-y;	font-size:12px;}

#left_row1 a.shop {
display: block;
width:140px;
color:black;
border: 1px solid #008080;
padding: 5px 0 5px 10px;
margin-bottom:5px;
background-image: url(../images/nav_normal.gif);
background-repeat: repeat-y; 
font-weight:bold;
font-size:12px;
}
#left_row1 a.shop:hover{	background-image: url(../images/nav_hover.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.shop.active{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.shop.active:hover{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.shopaktiv{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.shopaktiv:hover{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}

#left_row1 a.subshop:hover{	background-image: url(../images/nav_hover.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.subshop.active{background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.subshop.active:hover{ background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}

#left_row1 a.subshopaktiv {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.subshopaktiv.active {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.subshopaktiv:hover {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
#left_row1 a.subshopaktiv.active:hover {background-image: url(../images/nav_active.gif);background-repeat: repeat-y;font-weight:bold;font-size:12px;}
/*+++++++++++++++++++++++++++++ second menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.function_menu a{}
.function_menu a.active{}
.function_menu a:hover{}

/*+++++++++++++++++++++++++++++++++++ clickpath ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#clickpath  {font-weight:normal; font-size:11px; color: Black;}

#clickpath a {font-weight:normal; text-decoration:underline; font-size:11px; color: Black;}
#clickpath a.active {font-weight:normal; text-decoration:underline; font-size:11px; color: Black;}
#clickpath a:hover {font-weight:normal; text-decoration:underline; font-size:11px; color: Black;}


/*+++++++++++++++++++++++++++++++++++ printversion ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#print_all{width:850px; padding-left:35px;}
#print_head{padding-left:35px; margin-bottom:20px;} 
#print_content{padding-left:35px;}

/*+++++++++++++++++++++++ General Settings ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.fixfloat{	float:none;	clear:both;	width:1px;	height:1px;	font-size:1px;	line-height:0px;	}

#function img { border:none;}

.csc-textpic-intext-left {	padding-right:15px;}
.csc-textpic-caption{padding-top:5px; padding-bottom:5px; font-size: 0.8em; font-weight:bold;  line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; }

#slogan  {	font-weight:bold; font-size: 11px;}



/*+++++++++++++++++++++++++++++++++++++++++++++Searchform++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.text {	color:teal; font-weight:bold;font-size:14px;	font-family: Arial, Helvetica, sans-serif; }

.submitsearch{	border: none; margin-left:2px; font-size:11px;font-family: Arial, Helvetica, sans-serif; }

.field{	width: 100px; padding-top:5px;	margin-bottom: 5px;  font-size:11px;font-family: Arial, Helvetica, sans-serif; }
*html .field{	width: 100px; padding-top:5px;	margin-bottom: 4px;  font-size:11px;font-family: Arial, Helvetica, sans-serif; }


#text_right p.bodytext {font-size: 0.85em;  line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; }

#text_right p.bodytext a{font-size: 0.85em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; }
#text_right a{font-size: 0.85em; font-weight: bold;  text-decoration: underline;font-family: Arial, Helvetica, sans-serif; }

.csc-sitemap a{color:black;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++Search form, specifically+++++++++++++++++++++++++++++++++++++++++++++ */

.csc-searchResultRange p{	font-weight:bold; padding:0; margin:10px 0 0px 0;font-size:12px;font-family : Arial, Helvetica, sans-serif;}

.csc-searchResultInfo{	padding:0; margin:0;font-size:12px;font-family : Arial, Helvetica, sans-serif;}

h3.csc-noSearchResultMsg{	font-size:12px;margin-top:10px;margin-bottom:10px;color:teal; font-family : Arial, Helvetica, sans-serif;}
h3.csc-searchResultHeader {	margin-top:10px;margin-bottom:10px;color:teal; font-family : Arial, Helvetica, sans-serif;}
h3.csc-searchResultHeader a{	padding:0px;color:teal; font-size:12px;font-family : Arial, Helvetica, sans-serif;}

.csc-searchResult p{	font-weight:bold; padding:10px 0 10px 0; margin:10px;font-size:12px;font-family : Arial, Helvetica, sans-serif;}

/*+++++++++++++++++++++++++++++++++++++++++++++Mailform++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

fieldset.csc-mailform label {font-family : Arial, Helvetica, sans-serif; color: #000;  font-size: 1.0em;  width: 300px;  }

fieldset.csc-mailform input { color: #000;  margin-bottom:5px;  margin-top:5px; border:1px solid teal;}

fieldset.csc-mailform  textarea {
color: #000;  
float: left; 
margin-bottom:5px;  
margin-top:5px; 
SCROLLBAR-FACE-COLOR: #FFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFF; 	
SCROLLBAR-SHADOW-COLOR: #FFF;	
SCROLLBAR-3DLIGHT-COLOR: #FFF;	
SCROLLBAR-ARROW-COLOR: #AEAEAD; 	
SCROLLBAR-TRACK-COLOR: #FFF; 	
SCROLLBAR-DARKSHADOW-COLOR: #FFF;
}

fieldset.csc-mailform  submit {margin-top:10px;margin-bottom: 5px; color: #teal; border:1px solid teal;}

DIV.csc-mailform-field{ font-family : Arial, Helvetica, sans-serif;  font-size: 1.0em;  margin-right: 0px;  margin-top:5px; border: 0px;  width: 300px; }

fieldset {border: 0px;  padding:0px; } 

form {
	margin:0;
	padding:0;
}
input, textarea {
	background-color:#FFFFFF;	 font-family: Arial, Helvetica, sans-serif;border: 1px solid teal; color:#000;
}
	
DIV.csc-mailform-field .csc-mailform-label.csc-mailform-label{width:150px;}

.csc-mailform img{margin-left:5px; height:20px; width:80px;}

/***************/
/* Bulletlists - Typo3 specifications*/
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 0.95em; color: teal;	list-style-image: url(../images/pfeil.gif); }
OL.csc-bulletlist LI { font-size: 0.95em; color: teal; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 {color:teal;	 list-style-image: url(../images/pfeil.gif); line-height:1.2em;}
UL.csc-bulletlist-1 {color:teal;	list-style-type : decimal; }
UL.csc-bulletlist-2 {color:teal;	  list-style-position : inside; }
UL.csc-bulletlist-3 {color:teal;	  }

li{ font-size: 0.95em;color: black; line-height:1.2em; margin-bottom:10px;   list-style-image: url(../images/pfeil.gif);}
ui{ font-size: 0.95em; color:teal;	} 
ol{ font-size: 0.95em; color:teal;		 } 

li a {text-decoration: underline; color: #7C7B79;	font-size: 0.95em;}

/*+++++++++++++++++++++++++++++++++++++++++++++Online Shop++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tx-newloginbox-pi1 .tx-newloginbox-pi1-submit {color:teal; border-color: teal; font-weight: bold;}

.product-color{color:teal; font-weight:bold;}

.listitem {width:100%; margin-bottom:30px; font-family: Arial, Helvetica, sans-serif; }
.listimage{float:left; width: 100px; padding-right:10px; padding-top:35px;}
.image{float:left;  padding-right:10px; }
.shop_content{float:left; width:55%; margin:0; padding:0;}
.shop_content h3{ margin:0; padding:0; font-size: 1.2em;}
.shop_price{float:right;width:24%;}
.list_price {float:left;}
.order_form{float:left; font-family: Arial, Helvetica, sans-serif;}
.order_form input{width:25px;text-align:center;}
.list_insert{float:right;}
.list_price{margin-right:20px;}
.price{font-weight:bold; color: Teal;}
.price_no_vat{font-weight:normal; color: Teal; font-size: 0.8em;}
p.listitem_subheader em{font-style:normal;}

.detail_content{float:right; width:85%; margin:0; padding:0;}
.product_note{width:100%;}
.single_price{float:left;padding-top: 4px; margin:0;}
.single_order_form{float:left;}
.single_anz{float:left; padding-top: 4px; margin:0;}
.single_korb{float:left;margin-left:30px;}
.summary{margin:20px 0 0 0; padding:0;}
.single_insert{float:right; padding:0; margin:0;vertical-align: top; height: 30px;}
.list_link{margin-top:30px;}

.datasheet {margin-top:15px;}
.datasheet a{text-decoration:none;}
.datasheet img {border:none; margin: 0; padding: 0;}

.tt_products_minibasket {height:22px;}
.minibasket_image{float:right;}
.minibasket{float:right; font-size:0.85em; line-height:1.0em;color:#fff;}
.minibasket a {color:#fff; font-weight:normal;}

.tt_products_basket th{text-align:left;}
.price_table {color:000; font-weight: normal; }
.tt_products_basket{font-size: 1.0em; font-family: Arial, Helvetica, sans-serif;}

.form_control input{color:teal; border-color: teal; font-weight: bold;}
.total_goods {font-weight:bold;}
.tt_products_basket_info p {color:black;}
.billing_address {color:black;}
.delivery_address{color:black;}
.notes{color:black;}
.delivery_notes{	vertical-align: text-top; }
.checkbox{color:teal;}
.anmerkung {font-size:0.9em; font-style:normal; font-weight: bold;}

.tt_products_basket_required_info_missing input{color:teal; border-color: teal; font-weight: bold;}
.tt_products_basket_payment th{text-align:left;}
.underline{border-bottom:1px double black; border-bottom-style: double;}
.basket_items th{text-align:left;}

.trading_conditions input {border:none;}
.delivery input {border:none;}
.delivery{float: left; margin-right:20px; padding-right:20px;border-right:1px solid teal; width: 40%;}
.payment {float: right;padding-right:20px;width: 40%;}
.price_summary {	width:100%; }
.price_summary table{	border: 1px solid teal; border-collapse: collapse; }
.price_summary tr{	border: 1px solid teal;}
.price_summary td{	border: 1px solid teal;padding:5px;}

.tt_products_basket_payment{width:100%;}
.tt_products_basket_payment .delivery-payment{float:left; width:30%; }
.tt_products_basket_payment .invoice_address{float:left;width:30%;border-right:1px solid teal; border-left:1px solid teal; padding-left:50px; padding-right:20px;}
.tt_products_basket_payment .delivery_address{float:right;width:25%;padding-right:40px;}

.tt_products_order_overview{width:100%;}
.tt_products_order_overview .delivery-payment{float:left; width:30%; }
.tt_products_order_overview .invoice_address{float:left;width:30%;border-right:1px solid teal; border-left:1px solid teal; padding-left:50px; padding-right:20px;}
.tt_products_order_overview .delivery_address{float:right;width:25%;padding-right:40px;}

/*+++++++++++++++++++++++++++++++++++++++++++++FE USER REGISTER++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tx-srfeuserregister-pi1 p{color: black; font-family: arial; padding: 0; margin: 0;}
.tx-srfeuserregister-pi1 h4{padding: 0; margin: 0;}
.tx-srfeuserregister-pi1 label{color: black;font-family: arial;}
.tx-srfeuserregister-pi1 dt{color: black;font-family: arial;}
.tx-srfeuserregister-pi1 dd{color: black;font-family: arial;}
.tx-srfeuserregister-pi1 a{text-decoration:none; list-style-image: none; list-style-type: none; list-style: none; background-image:none; margin: 0; padding:0;}
.tx-srfeuserregister-pi1-submit {color: teal; border: 1px solid teal; font-weight:bold;}


/*+++++++++++++++++++++++++++++++++++++++++++++Newsletter++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.newsletter p.bodytext {margin:0; padding:0; line-height:1.5em;}

/*+++++++++++++++++++++++++++++++++++++++++++++Reservierungssystem++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.listitem_book {	border-bottom:1px dotted teal;width:100%; padding:5px 0 5px 0;}
.instock{float:left;  width:15%; margin-top:5px;}
.price_book{color:black; font-weight: normal;float:left; width:15%; margin-top:5px;}
.title_book{color:black; font-size: 1em; font-weight:bold; float:left; width:15%;margin-top:5px; }
.listitem_subheader_book{color:black; font-size: 1em; font-weight:bold; float:left; width:20%;margin-top:5px; }
.order_form_book{float:left;margin-left:30px;}
.listitem_book input{margin-left:10px;}
.stocknumber {color:teal; font-weight:bold;}
/*################################################## sr freecap ###################################################################################*/

.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read { font-size:1em; 	color: #000; }
.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; color:teal; }

/*################################################## sr_email subscribe ###################################################################################*/

p.tx-sremailsubscribe-pi1-error{color:teal;padding:0; margin:0;}