body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #FFF;
	background-color: #78819a; 
	font-size: 11px;
	text-align: center;
	margin: 0px;
}
a{
	color: #FFF;
	
}

a img {
	border: none;
}

h1,h2 {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 12px;
	color: #333742;
	text-transform: uppercase;	
}

hr {
	height: 1px;
	background-color: #FFF;
	border: none;
}

strong{

} 

h3 {
	background-image: url(../images/h3bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;	
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #3f4450;	
	font-weight:normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	margin-bottom: 8px;	
}

div.startseite div#start_content h1, div.startseite div#start_content h2 {
	color: #ffffff;
    padding-top: 12px;
    padding-bottom: 20px;
}

ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	list-style-image:url('../images/bullet.gif');
}

li {
	margin-left: 40px;
	color: #3f4450;
}

ul.navi {
	background-image: url('../images/menubg.gif');
	background-repeat: repeat-x;
	list-style-type: none;
	list-style-image: none;
	height: 36px;
	margin-bottom: 0px;
}

ul.navi li {
	float: right;
	list-style-type: none;
	line-height: 36px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;	
	font-size: 12px;
	text-transform: uppercase;
}

ul.navi li a {
	text-decoration: none;
	color: #FFF;
	padding-bottom: 7px;
}
ul.navi li a:hover, ul.navi li a.active {
	border-bottom: 2px solid #ccff66;
}





ul.subnavi {	
	background-image: url('../images/submenubg.jpg');
	background-repeat: no-repeat;
	width: 282px;
	background-color: #717a91;
	border-bottom: 6px solid #596072;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

ul.subnavi li {
	margin: 0px;
	padding: 0px;
	text-align: right;
	border-top: 1px solid #7e87a0;
	border-bottom: 1px solid #515664;
	line-height: 34px;
	padding-right: 44px;
	background-image: url('../images/sub-bullet.gif');
	background-repeat: no-repeat;
	background-position: 261px 13px;
	text-transform: uppercase;	
}

ul.subnavi li.first {
	border-top: none;
	padding-top: 20px;
	background-position: 261px 33px;	
}

ul.subnavi li.active {
	background-image: url('../images/sub-bullet2.gif');
}

ul.subnavi li.level4 {
	height: 27px;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
    background-image: url('../images/menu_level4_bg.jpg');	
}

ul.subnavi li.active level4 {
	height: 27px;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.subnavi li a {
	text-decoration: none;
	color: #FFF;
}

ul.subnavi li a:hover {
	text-decoration: none;
	color: #ccff66;
}

div.imgcaption {
	font-size: 10px;
	font-weight: normal;
	color: #333742;
	background-color: #8e96ac;
	padding: 6px 9px 5px 9px;
	text-align: left;
}

div#container {
	width: 815px;
	margin-top: 29px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #78819a; 
}
div.block {
	margin-bottom: 20px;
}

blockquote {
	margin: 30px 36px 10px 36px;
	padding: 8px 0px 8px 12px;
	border-left: 1px dotted #ccff66;
	font-size: 11px;
	color: #3f4450;
}

div.startseite div.blockbild_left {
    float:left;
    margin-right: 18px;
    margin-bottom: 9px; 
    margin-top: 3px;
}

div.startseite div.blockbild_right {
    float:right;
    margin-left: 18px;
    margin-bottom: 9px;   
    margin-top: 3px;
}


div.blockbild_left {
    float:left;
    margin-right: 18px;
    margin-bottom: 9px;
    margin-top: 3px; 
}

div.blockbild_right {
    float:right;
    margin-left: 18px;
    margin-bottom: 9px;    
    margin-top: 3px;
}

div.blockbild_left_no_float {
	float: left;
    margin-top: 3px;	
}

div.blockbild_right_no_float {
    float: right;
    margin-top: 3px;    
}

div.blockbild_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
}

div.smallblock div.blockbild_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

div.wrapper {
	margin-top: 10px;
}

div.column {
	float: left;
}

div.col1{
	width: 328px;
}

div.startseite div.col1{
	width: 290px;
}

div#callback {
	border-top: 6px solid #434855;
	width: 266px;
	padding: 8px;
	background-image: url('../images/submenubg.jpg');
	background-repeat: no-repeat;
	background-color: #B5B5B5;
	font-size: 11px;
}

div#callback input.text {
	background-color: #cacdd3;
	color: #85868c;
	font-size: 13px;
	height: 17px;
	border-top: 1px solid #636774;
	border-left :1px solid #636774;
	border-bottom: 1px solid #697184;
	border-right: 1px solid #697184;
	margin-top: 2px;
}

div#callback h2 {
	color: #FFF;
	padding-bottom: 8px;
}

div.col2 {
	width: 487px;
	margin-top: 35px;
	line-height: 15px;
}


div.startseite div.col2 {
	width: 525px;
	margin-top: 0px;
}

div.startseite div.col2 div#start_welcome {
    background-image: url('../images/start_content_bg.jpg');
    padding: 12px;
    width: 500px;
    height: 131px;
    overflow: hidden;
}

div.startseite div.col2 div#start_content {
    margin-left: 171px;
}


div.footer {
	margin-top: 10px;
	border-top: 1px solid #585f70;
	padding-top: 6px;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #3f4450;	
	text-transform: uppercase;
}

div.footer a {
	color: #3f4450;	
	text-decoration: none;
}

div.footer a:hover {
	color: #ccff66;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Bildstyles für die News in der Scrollbox */

img.news_bild {
   padding: 3px;
   border: 1px solid #a5acbd; 
   margin-right: 6px;
}

div.news_block {
    background-color: #78819a;
    color: #ffffff;
    width: 254px;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
    cursor: pointer;
}

div#scrollcontent a:link, div#scrollcontent a:active, div#scrollcontent a:visited, div#scrollcontent a:hover {
    text-decoration: none;
    cursor: pointer;
}

div.news_block:hover {
    background-color: #6e768c;
    color: #ffffff;
}

div.news_block_text {
    width: 249px;
    padding-left: 1px;
}

div.news_block_text_bild {
    width: 147px;
}

hr.news_block_spacer {
    border: 0px;
    border-bottom: 1px solid #8b94ab;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 258px;     
    padding-right: 6px;
    padding-left: 1px;
}

div.keramik_thumb {
    float:left;
    border: 1px solid #a5acbd;
    padding: 1px;
    cursor: pointer;
}

div#keramik_bild_wrapper {
    float: left;
    width: 281px;
    height: 304px;
    margin-right: 19px;
}

div#keramik_bild {
    padding: 16px;
    padding-top: 14px;
    height: 247px;
    width: 247px;
    border: 1px solid #e6e8ed;
    background-color: #ffffff;
    background-image: url('../images/keramik_bg.jpg');
    background-position: 0px -2px;
    background-repeat: no-repeat;
}

div#keramik_bild_toolbar {
    padding-top: 5px;
    height: 18px;
    padding-left: 1px;
    padding-right: 3px;
}

div#keramik_bild_toolbar .left {
    float: left;
    text-align: left;
    width: 200px;
}

div#keramik_bild_toolbar .right {
    float: right;
    width: 77px;
    text-align: right;
}

div.shop_item {
    padding: 14px;
    padding-bottom: 0px;
    padding-right: 8px;
}

div.shop_item_bild {
    float:left;
    width:120px;
    height:120px;
    margin-right: 22px;
}

div.shop_item_text {
    float:left;
    width: 315px;
}

div.shop_addtocart_form table tr {
    background-color: #c1c6d2;
    color: #596072;
    height: 23px;
    width: 300px;
    padding: 0px;
}

div.shop_addtocart_form table tr.spacer, div.shop_addtocart_form table tr.spacer td {
    line-height: 2px;
    height: 2px;
    background-color: #8891a8;
}

div.shop_addtocart_form td.price {
    font-size: 14px;
    font-weight: bold;
    width: 80px;
    padding-left: 6px;  
	text-align: right;
}

div.shop_addtocart_form td.name {
    width: 90px;
}

div.shop_addtocart_form td.button {
    padding-right: 6px;
}

div.shop_addtocart_form td input.text {
    width: 25px;
    margin-right: 5px;
    height: 13px;
    font-size: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    padding: 0px;
}

/* WARENKORB */

div.shop_warenkorb_liste td input.text {
    width: 25px;
    margin-right: 20px;
    height: 13px;
    font-size: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    padding: 0px;
}

div#warenkorb_menu input.refresh {
    margin-top: 3px;
    margin-bottom: 3px;
}

div#warenkorb_menu td {
    text-align: left;
}

div#warenkorb_menu td.versand {
    border-top: dotted 1px white;
    border-bottom: dotted 1px white;
    margin-bottom: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
}



div.shop_warenkorb_liste table th {
    background-color: #596072;
    color: #ffffff;
    height: 19px;
    padding: 0px;
    font-weight: normal;
}

div.shop_warenkorb_liste table tr {
    background-color: #c1c6d2;
    color: #596072;
    height: 19px;
    width: 300px;
    padding: 0px;
}

div.shop_warenkorb_liste table tr.artikel {
    background-color: #c1c6d2;
    color: #596072;
    height: 23px;
    width: 300px;
    padding: 0px;
}

div.shop_warenkorb_liste table tr.spacer, div.shop_warenkorb_liste table tr.spacer td {
    line-height: 4px;
    height: 4px;
    background-color: #78819a;
}

div.shop_warenkorb_liste th.name, div.shop_warenkorb_liste td.name {
    width: 281px;
    padding-left: 5px;
}

div.shop_warenkorb_liste th.anzahl, div.shop_warenkorb_liste td.anzahl {
    width: 74px;
}

div.shop_warenkorb_liste th.price, div.shop_warenkorb_liste td.price {
    width: 44px;
    text-align: right;
    padding-right: 10px;
}

/* Sidebar-Warenkorb */

div#warenkorb_sidebar {
    width: 282px;
    background-color: #8891a8;
}

div#warenkorb_sidebar div#header {
    background-color: #555c6d;
    background-image: url('../images/cart.gif');
    background-repeat: no-repeat;
    background-position: 261px 6px;
    padding: 5px;
    padding-right: 30px;
    text-align: right;
    font-size: 12px;
    
}

div#warenkorb_sidebar div#content {
    padding: 0px;
    margin: 0px;
    margin-left: 50px;
}

div#warenkorb_sidebar div#content .bold {
    font-size: 14px;
    font-weight: bold;
    color: #596072;
}

div#warenkorb_sidebar div#anz_artikel {
    border-bottom: 1px dotted #ffffff;
    padding: 6px;
    padding-left: 40px;
}

div#warenkorb_sidebar div#versand {
    border-bottom: 1px dotted #ffffff;
    padding: 6px;
    padding-top:0px;
    padding-left: 40px;
}

div#warenkorb_sidebar div#gesamt {
    padding: 6px;
    padding-left: 40px;
}

div#warenkorb_sidebar div#summe {
    margin-top: 2px;
    border-bottom: 1px dotted #ffffff;
    border-top: 1px dotted #ffffff;
    padding: 6px;
    padding-left: 40px;
}

div#warenkorb_sidebar div.floatright {
    float:right;
    width: 100px;
    text-align:right;
}

div#accordion {
    background-color: #8891a8;
}

div.col2 a:link,div.col2  a:visited {
    color: #3f4450;
}

div.col2 a:hover,div.col2  a:active {
	color: #3f4450;
    text-decoration: none;
}

ul.error li {
	color: #ccff66;
}