INPUT 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; }
TEXTAREA	{BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
SELECT 		{BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}

table.userdata th{background:#5a7296;color:#fff;font-weight:400;padding:5px;text-align:left;}
table.userdata td{border-bottom:1px solid #5a7296;border-left:1px solid #5a7296;padding:5px;}

p {
	margin: 0px auto;
}

h2 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10pt;
}

h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 8pt;
}

form {display:inline}

A:HOVER		{Color: #8B0000}
a { 
   text-decoration: none;
   COLOR: #191970;
}

.ueberschrift_dunkelblau
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #191970;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}	
.ueberschrift_orange
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #F4A460;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}	
.warnung
{
	FONT-WEIGHT: bold;
	FONT-SIZE: smaller;
	COLOR: Maroon;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.cat_name
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: Black;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}	

.NormalTextGross {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; color: #003333}
.NormalTextKleiner {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-H1}
.NormalTextKleiner2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-H1;
	color : #2F4F4F;
}
.NormalTextKleiner3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-H1;
	color : #2F4F4F;
}
.Menue2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-H1;
	COLOR: Black;
}
.Menue2 A:hover {
	COLOR: Black;
}
.Menue2 A {
	COLOR: Black;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.NormalTextGrossHervorgehoben {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; color: #990000}
.TextEinzahlung {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-H1
}
TH
{
	BACKGROUND-COLOR: #CCCCCC;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif;
	FONT-SIZE: 10px;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal
}
.Text1 {
	FONT-WEIGHT: bolder;
	COLOR: #191970;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 12px;
}
.Text1_klein {
	FONT-WEIGHT: normal;
	COLOR: #191970;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 10px;
}
.Text2_klein {
	FONT-WEIGHT: normal;
	COLOR: #191970;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size : 10px;
}
.Text2 {
	FONT-WEIGHT: normal;
	COLOR: #191970;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 12px;
}
.Text3_klein {
	FONT-WEIGHT: normal;
	COLOR: Black;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 10px;
}
.WK_kl {
	FONT-WEIGHT: normal;
	COLOR: Gray;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 10px;
}
.ShowTitle{
	FONT-WEIGHT: bold;
	COLOR: Maroon;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	font-size : 14px;
}
.level1 {
	FONT-SIZE: 12px; MARGIN: 5px 0px 0px
}
.level1 A {
	FONT-WEIGHT: bold;
	COLOR: Black;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none
}
.level1 A:HOVER	{
	Color: #8B0000;
}
.level1_ns4 {
	FONT-SIZE: 12px; 
}
.level1_ns4 A {
	FONT-WEIGHT: bold;
	COLOR: Black;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none
}
.level1_ns4 A:HOVER	{
	Color: #8B0000;
}
.level2 {
    FONT-SIZE: 11px; MARGIN: 3px 0px 0px 10px
}
.level2 A {
	COLOR: Gray;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none
}
.level2_ns4 {
    FONT-SIZE: 11px; 
}
.level2_ns4 A {
	COLOR: Gray;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none
}
.level2 A:hover {
	COLOR: Black;
}
.level3 {
	MARGIN: 3px 0px 0px 20px; FONT-FAMILY: verdana
}
.level3 A {
	FONT-SIZE: 10px; COLOR: red; TEXT-DECORATION: none
}
.level3_ns4 {
  FONT-FAMILY: verdana
}
.level3_ns4 A {
	FONT-SIZE: 10px; COLOR: red; TEXT-DECORATION: none
}
.level3 A:hover {
	COLOR: Black;
}
.norm_ct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.fett_ct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.bgr_wgr
{
	BACKGROUND-COLOR: #006699;
}
<!-- WK -->
.wk
        {
        font-size : 8pt;
        }
.wk_content
        {
        font-family : arial,helvetica;
        font-size : 8pt;
        }
.wk_rowcolor1 {
        background-color : #FFFFFF;
        color : #006699;
        }
.wk_rowcolor2 {
        background-color : #f0f0f0;
        color : #006699;
        }
.wk_rowcolor_vc {
		background-color: #ECEED5;
		color: #336600;
}
.wk_text1
        {
        font-family : arial,helvetica;
        font-size : 8pt;
        color : #006699;
        }
.wk_border_horizontal
        {
        font-family : arial,helvetica;
        color : #006699;
        background-color : #006699;
        }
.wk_border_vertical
        {
        font-family : arial,helvetica;
        color : #006699;
        background-color : #006699;
        }

<!-- WK -->
.WKTable {
	background-color: #708090;
	font-family:Helvetica, Univers, Arial, Sans-Serif;
	font-size:10pt
}
.WKText {
	color: #191970;
	font-family:Helvetica, Univers, Arial, Sans-Serif;
	font-size:10pt
}
WKHeaderTxtBody {}
#WKBodyTable {}
#WKBodyTHName {}
#WKBodyTHWKInfo {}
#WKBodyTHAttribut {}
#WKBodyTHPrice {
font-size : 10pt;
color: #191970;
}
#WKBodyTHHead {
font-size : 8pt;
color: #191970;
}
#WKBodyTHMWST {}
#WKBodyTHQty {}
#WKBodyTHTotal {
	font-size : 10pt;
	color: #191970;
}
#WKBodyTHDeleteQ {}
#WKBodyTHButton {}
#WKBodyTableRowOdd {
	background-color: #FFDC9B;
}
#WKBodyTableRowEven {
	background-color: #FFCC99;
}
#WKBodyTCellName {}
#WKBodyTCellWKInfo {}
#WKBodyTCellAttribut {}
#WKBodyTCellPrice {}
#WKBodyTCellQty {}
#WKBodyTCellTotal {}
#WKBodyTCellDeleteQ {}
#WKBodyTCellExcl{
	font-size : 8pt;
color: #191970;
}
}
#WKBodyTCellButton {}
#WKBodyTRowTotal {
	font-family : Arial, Helvetica, sans-serif;	
}
#WKBodyInfoFont {
	color:red;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
}
#WKBodyTCellTotal {
	font-weight:bold;
	color: #191970;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}
#WKBodyTCellMWST {
	font-weight:normal;
	color: #191970;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
#WKBodyTCellIncl {font-weight:bold; color:red}
.popshadow{
position:relative;
left:-2;
top:-2;
filter:shadow(silver,direction=-150)
}
.editor_10px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
.editor_12px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
.editor_14px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 14px}
.editor_16px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 16px}
.editor_18px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 18px}
.editor_24px		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 24px}
.editor_arial	{FONT-FAMILY: Arial;}
.editor_verdana   {FONT-FAMILY: Verdana,Helvetica;}
.editor_comicsans	{FONT-FAMILY: "Comic Sans MS";}
.editor_courier  {FONT-FAMILY: Courier;}
.editor_times	{FONT-FAMILY: "Times New Roman";}

.TextPages {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-H1;
	color : #000000;
}

.TextPagesHeader {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	font-size: 18px;
	font-style: normal;
	line-H1;
	color : #000000;
}

.TextPagesAlert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-H1;
	color: White;
	background: Red;
}

.TextPagesHeaderAlert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-H1;
	color: White;
	background: Red;
}

.tabFont{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
} 

.tabFont A:hover {
	COLOR: #8B0000;
}


###### Theme

.ts-1 {
	border: none;
	height: 846px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 992px;
}

.ts-1-1 {
	border: none;
	display: inline;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	width: 986px;
}

.ts-2 {
	border: none;
	height: 152px;
	text-align: left;
	width: 986px;
}

.ts-2-1 {
	/*background-image: url('users/images/100/theme-header.png');*/
	border: none;
	float: left;
	min-height: 1px;
	padding: 0px;
	width: 986px;
}

.ts-3-1 {
	border: none;
	display: inline;
	float: left;
	line-height: 74px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	width: 407px;
}

.ts-3-2 {
	border: none;
	display: inline;
	float: left;
	line-height: 74px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	text-align: right;
	width: 488px;
}

.ts-3-3 {
	border: none;
	display: inline;
	float: left;
	line-height: 74px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	width: 77px;
}

.ts-3-4 {
	border: none;
	display: inline;
	float: left;
	line-height: 68px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	width: 407px;
}

.ts-3-5 {
	border: none;
	display: inline;
	float: left;
	line-height: 68px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	text-align: left;
	width: 488px;
}

.ts-3-6 {
	border: none;
	display: inline;
	float: left;
	line-height: 68px;
	margin-left: 2px;
	margin-top: 2px;
	min-height: 1px;
	padding: 1px;
	width: 77px;
}

.gen-1 {
	clear: both;
}

.ts-4 {
	border: none;
	height: 600px;
	text-align: left;
	width: 986px;
}

.ts-4-1 {
	background-image: url('users/images/100/theme-middle.png');
	border: none;
	float: left;
	min-height: 1px;
	padding: 0px;
	width: 986px;
}

.ts-5 {
	border: none;
	height: 600px;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 800px;
}

.ts-5-1 {
	border: none;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	min-height: 1px;
	padding: 1px;
	width: 794px;
	top: 10px;
}

.ts-6 {
	border: none;
	height: 88px;
	text-align: left;
	width: 986px;
}

.ts-6-1 {
	background-image: url('users/images/100/theme-footer.png');
	border: none;
	float: left;
	line-height: 88px;
	min-height: 1px;
	padding: 0px;
	width: 986px;
}

img.responsive {
    max-width:100% !important;
    height: auto; 
}

.shadow {
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);

}

.clearfix {
    clear:both;
    height:0px;
    font-size:1px;
    line-height:1px;
}
.clearfix_1 {
    clear:both;
    height:0px;
    font-size:1px;
    line-height:1px;
}

.clearfix_5 {
    clear:both;
    height:5px;
    font-size:5px;
    line-height:5px;
}
.clearfix_10 {
    clear:both;
    height:10px;
    font-size:10px;
    line-height:10px;
}
.clearfix_20 {
    clear:both;
    height:20px;
    font-size:20px;
    line-height:20px;
}
.clearfix_30 {
    clear:both; 
    height:30px;
    font-size:30px;
    line-height:30px;
}
.mobileMenuLogo-2 {
    border: none;
    float: left;
    height: 24px;
    text-align: left;
    vertical-align: baseline;
    width: 202px;
    margin:25px 0 20px -13px;
/*    height: 100px; */
    width:100%;
/*    position: absolute;
    left: 0;
    bottom: 0;*/     
}

.mobileMenuLogo-2-1 {
    border: none;
    float: left;
    height: 22px;
    padding: 1px;
    width: 96px;
}

.mobileMenuLogo-3 {
    border: none;
    float: right;
    height: 24px;
    text-align: left;
    vertical-align: baseline;
    width: 98px;
}

.mobileMenuLogo-3-1 {
    border: none;
    float: left;
    height: 22px;
    padding: 1px;
    text-align: right;
    width: 6px;
}

.mobileMenuLogo-3-2-1 {
    border: none;
    float: left;
    height: 22px;
    padding-left: 5px;
    width: 88px;
    line-height: 11px;
    margin-top: -7px;
}
.mobileMenuLogo-3-2-2 {
    border: none;
    float: left;
    height: 22px;
    padding-left: 5px;
    width: 88px;
    line-height: 11px;
    margin-top: -12px;
}

.mobileMenuLogoText {
    color: rgb(128, 128, 128);
    font-family: sans-serif;
    font-size: 9px;
    line-height: 9px;
    text-decoration: none; 
}

.mobileMenuLogo-2-2 {
    border: none;
    float: left;
    height: 20px;
    text-align: right;
    width: 102px;
    margin: -3px 0 0 -10px;
}
.bgr_zurkasse {
    background: url(../../../images/bgr_zurkasse.png) no-repeat right top;
    font-family:Candara, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    height:21px;
    width:176px;
    cursor: pointer;   
}
.bgr_zurkasse:hover {
    background-position:right bottom;
    line-height: 22px;
}

/* NEW CSS SYSTEM LAYOUT */
#contentFrame {
    min-height: 200px; 
    position:relative;
    margin-top: 20px;
}
#content_leftRow {
    margin-top: -20px;
    padding: 0 10px 0 10px;  
    width: 27%; 
    height: auto; 
    position: relative; 
    float: left; 
    text-align: right;  
}
#content_rightRow {
    
    width: 70%; 
    height: auto; 
    position: relative; 
    float: left; 
    
}

/* Categories Overview START */

.productTitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: Black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-align: left;
    float: right;
    width: 85%; 
    /*border-style: solid;*/
}

@media only screen and (min-width: 1000px) {
  .productTitle {
    width: 80%;
  }
/*  .top-clearfix {
    padding-top: 10px;
  }*/
}
 
.wgrBDescription_Wrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
    overflow:hidden;
    clear:both;
/*    border-style: solid;
    border-width: thin;*/
}
.wgrBDescription_leftColumn {
     
    float: left; 
    width: 300px; 
    padding: 5px;
    padding-right: 15px;
    overflow:hidden; 
/*    border-style: solid;
    border-width: thin;*/ 
     
}
.wgrBDescription {
    background-color: #FFF;
    FONT-SIZE: 11px;
    COLOR: Black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0 auto;
    overflow: hidden;
    max-width: 200px; 
    height: auto;
    border-style: solid;
    border-width: thin;
    z-index: 10;
    position: relative;
    padding: 3px;
     
}
.wgrBDescription_rightColumn {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: Black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-align: center;    
    width: 100%; 
    padding: 5px;
/*    border-style: solid;
    border-width: thin;  */  
}
.wgrB_layout0_wrapper {
    padding: 5px 10px 5px 20px; 
    padding-left: 20px; 
    padding-right: 10px; 
    overflow: hidden; 
    text-align: left;   
    
} 
.wgrB_layout0_Picture {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.wgrB_layout0_Description {
    float: left; 
    width: 200px; 
} 
.wgrB_layout0_Offer {
    float: left; 
    padding: 10px;
}
 
/* desktop view*/
@media only screen and (min-width: 768px) {
    .wgrBDescription_rightColumn {    
        float: right;
    }
    .wgrBDescription {
        float: left;    
    }
    .wgrBDescription_rightColumn {
        text-align: left;    
        width: 500px;                 
    }

}

/* Categories Overview END */

/* Contact Form START */
.contact_errorMessage{
    margin-top: 5px;        
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: red;    
    text-align: center;       
}
.contact_Callus {
    height:50px;
    line-height:50px;       
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;    
    float: center; 
    text-align: center;
    clear:both;
}

.contact_Wrapper {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 10px; 
  margin: 0 auto;
  max-width: 470px;
  padding-right: 5px;
  /*background-color: #fff;*/
  line-height: 1.3;
  position: relative;
  text-align: left; 
}



input {
    FONT-SIZE: 12px; 
}
textarea {
    FONT-SIZE: 12px; 
}
/* Contact Form END */

/* Menu START */
.WgrA_style{
    font-family: verdana; 
    font-size: 11px; 
    border:0px; 
    color: black;
    margin-left: -6px;
    margin-top: 0px;
    float:left;
    text-align: left;
    background: none;
}
.WgrA_style:hover {
    color: gray; 
}
/* Menu END */

/* Shipping & Handling START */
.shipping_Wrapper {
  margin-top: 20px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px; 
  margin: 0 auto;
  max-width: 500px;
  /*background-color: #fff;*/
  line-height: 1.3;
  position: relative;
  text-align: left; 
}


 
/* Shipping & Handling END */

/* Privacy START */
.privacy_Wrapper {
  padding: 20px 0 0 20px;
  margin-top: 20px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px; 
  margin: 0 auto;
  max-width: 600px;
  /*background-color: #fff;*/
  line-height: 1.3;
  position: relative;
  text-align: left; 
}


	
/* Privacy END */

/* Terms & Conditions START */
.conditions_Wrapper {
  margin-top: 20px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px; 
  margin: 0 auto;
  max-width: 600px;
  /*background-color: #fff;*/
  line-height: 1.3;
  position: relative;
  text-align: left;
} 
/* desktop view*/
@media only screen and (min-width: 768px) {
    .conditions_Wrapper { 
        margin-top: 0;
        margin-right: 20px;
        margin-bottom: 0;
        margin-left: 20px; 
        margin: 0 auto;       
    }   
}   
 
/* Terms & Conditions END */

/* Product Detail View START */

.detailViewWrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.detailViewBackground {
    /*background: url(../../../images/guestbook/karo2x2.gif) repeat;*/
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px;
    color: #000;
    position: relative;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden; 
}
.detailViewBackground p {
    margin: 3px auto;
}
.detailViewTermsAndConditions{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 10px;
    border-style: solid; 
    border-width: thin;
    border-color: #CCC;
}
.detailViewOtherPictures {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal;
    float: left; 
    max-width: 130px; 
    padding: 15px;
}


/* Product Detail View END */

/* Produktanzeige Navigation START */

.productNavigation_Wrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
    max-width: 600px;
    overflow:hidden;
    border-style: solid;
    border-width: thin; 
    border-color: #CCC;   
}  
.productNavigation_leftColumn {
    float: left; 
    width: 270px; 
    padding: 5px;
    padding-right: 15px;
    overflow:hidden;
/*    border-style: solid;
    border-width: thin;*/  
}
.productNavigation_rightColumn {
    /*float: right;*/ 
    width: 260px; 
    padding: 5px;
    overflow:hidden;
/*    border-style: solid;
    border-width: thin;*/    
}
@media only screen and (max-width: 570px) {
  .productNavigation_leftColumn {
    padding-bottom: 15px;
    border-bottom: solid;
    border-width: thin;
    border-color: #CCC;
    float: none;
    margin: 0 auto;
  }
}
  .productNavigation_rightColumn {
    margin: 0 auto;
    padding-top: 15px;
  }
  .productNavigation_Wrapper {
    border:none;   
  }


/* Produktanzeige Navigation END */

/* Checkout START */

.checkoutWrapper {
    background-color: #FFF;
    overflow: hidden;
    padding: 10px;
    margin: 0 auto;
    max-width: 520px;
    position: relative;
    text-align: left;
/*    border-style: solid;
    border-width: thin;*/ 
}
.checkoutHeader_Wrapper {
    overflow: hidden;
    padding-bottom: 20px;
}
.checkoutHeader_rightColumn {
    float: right; 
    text-align: right;  
    width: 40%; 
    padding: 5px;   
}
.checkoutHeader_leftColumn {
    float: left;
    text-align: left; 
    width: 40%; 
    /*width: 300px;*/ 
    padding: 5px;
    padding-right: 15px;
    overflow:hidden; 
}
.checkoutBackButton{
    font-family:Arial, Helvetica, sans-serif;  
    line-height: 20px; 
    font-size: 18px;
    font-weight: bold;
    text-align: center; 
    color: #404040;      
    cursor: pointer; 
    padding: 5px 5px 5px 5px; 
    border:2px solid #404040;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);    
}
.checkoutBackButton:hover {
    margin: 1px 9px -1px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75); 
}
.checkoutBackButton.center {
  margin-left: auto ;
  margin-right: auto ;
}

.checkoutLoginButton{
    font-family:Arial, Helvetica, sans-serif;  
    font-weight: bold;
    font-size: 15px; 
    line-height: 22px;    
    width:90%; 
    color: #000;        
    cursor: pointer;
    padding: 5px 5px 5px 5px; 
    border:2px solid #309c7b;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);  
}
.checkoutLoginButton:hover {
    margin: 1px 9px -1px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75); 
} 
.checkoutLoginButton.left {
    float:left;
    text-align: left;
    margin-left: 10px;
}
.checkoutLoginButton.right {
    float:right;
    text-align: right;
    margin-right: 10px;
}
.checkoutLoginButton.center {
  margin-left: auto ;
  margin-right: auto ;
}

.customerForm_leftColumn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;  
    color: #003333;    
    width:110px; 
    padding:5px 0 0 45px; 
    float:left;    
    text-align: right;
/*    border-style: solid;
    border-width: thin; */
}
.customerForm_leftColumn.highlighted {
    color: #990000;    
}
.customerForm_rightColumn {
    float:left; 
    text-align:left;   
    width:270px;
    padding:3px 0 0 10px; 
/*    border-style: solid;
    border-width: thin;*/
}
.customerForm_textBox {
    width: 95%;
 }
.customerForm_textBox.highlighted {
    background-color:#EEE;
 }
@media only screen and (max-width: 480px) {
  .customerForm_leftColumn {
    padding:0 0 0 10px;
    text-align: left;
    float: none; 
  }
}

/* Checkout END */

/* Portfolio START */
.portfolioWrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.portfolioNewsBackground {
    /*background: url(../../../images/guestbook/karo2x2.gif) repeat;*/
    background-color: #404040;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px;
    position: relative;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.portfolioNewsBackground p {
    margin: 10px auto;
}
.portfolioAllBackground {
    /*background: url(../../../images/guestbook/karo2x2.gif) repeat;*/
    background-color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px;
    position: relative;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.portfolioAllBackground p {
    margin: 10px auto;
}
.portfolioHomeBackground {
    /*background: url(../../../images/guestbook/karo2x2.gif) repeat;*/
    background-color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px;
    position: relative;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.portfolioHomeBackground p {
    margin: 3px auto;
}
.portfolioTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
}
.portfolioTab{
    font-family:Arial, Helvetica, sans-serif;  
    line-height: 20px; 
    font-size: 18px;
    font-weight: bold;
    text-align: center; 
    color: #404040;      
    cursor: pointer;
    padding: 5px 5px 5px 5px; 
    border:2px solid #404040;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);    
}
.portfolioTab:hover {
    margin: 1px 9px -1px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75); 
}
.portfolioTab.left {
    float:left;
    text-align: center;
    margin-left: 10px;
}
.portfolioTab.right {
    float:right;
    text-align: right;
    margin-right: 10px;
}
.portfolioTab.center {
  margin-left: auto ;
  margin-right: auto ;
}

/* Portfolio END */

.mobileIcon{
    background: url(../../../themes/100/images/mobile-button.png) no-repeat right top;
    height:50px;
    width:50px;
    cursor: pointer;
    float:right;
    margin:-3px 0px 0px 4px;
}
.mobileIcon:hover {
    background-position:right bottom;
}
.desktopIcon{
    background: url(../../../themes/100/images/desktop-button.png) no-repeat right top;
    height:50px;
    width:60px;
    float:right;
    color: #FFF; 
    margin-top: -15px;
}
.desktopIcon:hover {
    background-position:right bottom;
}

.exit-link {
    text-align: right;
    
}

.wrapper {
    max-width: 480px;
    background-color: #fff;
    line-height: 1.3;
    position: relative;
}
/* desktop view*/
@media only screen and (min-width: 768px) {
    .wrapper {    
        margin: 10px 0 0 30px;
    }
    .clearfix {
        width:575px;
    }
    .messageform_frame{
        padding: 20px 20px 20px 20px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);        
    }
    .hidden-non-mobile{
        display: none;
    }    
}

input {
    FONT-SIZE: 1em; 
}
textarea {
    FONT-SIZE: 1em; 
}

.slideshow1{
    padding-left: 5px;
}

hr.style-five { 
    border: 0; 
    height: 0; 
/* Firefox... */ 
    box-shadow: 0 0 10px 1px black;
} 
hr.style-five:after { 
/* Not really supposed to work, but does */ 
content: "\00a0"; /* Prevent margin collapse */ 
}

hr.style-seven { 
    overflow: visible; 
    /* For IE */ 
    height: 30px; 
    border-style: solid; 
    border-color: #C0C0C0; 
    border-width: 1px 0 0 0; 
    border-radius: 20px; 
} 
hr.style-seven:before { 
/* Not really supposed to work, but does */ 
    display: block; 
    content: ""; 
    height: 30px; 
    margin-top: -31px; 
    border-style: solid; 
    border-color: #C0C0C0; 
    border-width: 0 0 1px 0; 
    border-radius: 20px; 
}
.header_active_link{
    padding: 2px 4px;
    background-color: #F0F0F0; 
    font-weight: bold;
}