/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    andy budd
email:     info@andybudd.com
website:   http://www.andybudd.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0 0 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


#wrapper {
	width: 994px;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  /* font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;*/ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

p {
	line-height: 1.2em;
	text-align:justify;
}

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

a:hover {
	color: #999999;
}


/* =Headings
-----------------------------------------------------------------------------*/
#logo {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	height: 117px;
	margin-left: 174px;
	width: 818px;
}


/* =Links
-----------------------------------------------------------------------------*/




/* =Menu Bar
-----------------------------------------------------------------------------*/
#menu-bar {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	display: inline;
	float: left;
	width: 994px;
	overflow: hidden;
}

/* =News Nav
-----------------------------------------------------------------------------*/
#news-menu {
	float: left;
	width: 174px;
	overflow: hidden;
}

#news-menu ul {
	list-style-type: none;
	padding: 2px 0 2px 0;
	margin: 0;

}

#news-menu ul li {
	display: inline;
	padding-left: 20px;
}

#news-menu ul li a {
	text-decoration: none;
}

#news-menu ul li.menuItem-CUR {
	font-weight: bold;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#main-menu {
	border-left: 1px solid #dedede;
	float: left;
	width: 500px;
	overflow: hidden;
}

#main-menu ul {
	list-style-type: none;
	padding: 2px 0 2px 0;
	margin: 0;

}

#main-menu ul li {
	display: inline;
	padding-left: 20px;
}

#main-menu ul li a {
	text-decoration: none;
}

#main-menu ul li.menuItem-CUR {
	font-weight: bold;
}

#editPanel {
	position: absolute;
	left: 175px;
	top: 100px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#meta-menu {
	border-right: 1px solid #dedede;
	float: right;
	width: 300px;
	overflow: hidden;
}

#meta-menu ul {
	list-style-type: none;
	padding: 2px 0 2px 0;
	margin: 0;
	text-align: right;
}

#meta-menu ul li {
	display: inline;
	padding-right: 20px;
}

#meta-menu ul li a {
	text-decoration: none;
}

#meta-menu ul li.menuItem-CUR {
	font-weight: bold;
}


/* =Main Content
-----------------------------------------------------------------------------*/
#content-container {
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	clear: both;
	float: left;
	width: 993px;
	overflow: hidden;
}

/* =Design Navigation
-----------------------------------------------------------------------------*/
#sub-menu {
	float: left;
	width: 174px;
	padding-top: 45px;
	overflow: hidden;
}

#designs-menu {
	width: 174px;
}

#designs-menu ul {
	border-bottom: 1px solid #dedede;
	list-style-type: none;
	padding: 2px 0 0 0;
	margin: 0;
}

#designs-menu ul li {
	border-top: 1px solid #dedede;
	padding: 2px 0 2px 14px;
}

#designs-menu ul li a {
	color: #000000;
	text-decoration: none;
}

#designs-menu ul li a:hover {
	color: #999999;
}

#designs-menu ul li.menuItem-CUR {
	font-weight: bold;
}

/* =Language Navigation
-----------------------------------------------------------------------------*/
#language-menu {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	width: 160px;
	margin-top: 45px;
	padding: 2px 0 2px 14px;
}

#language-menu a {
	text-decoration: none;
}

/* =Content
-----------------------------------------------------------------------------*/
#main-content {
	border-left: 1px solid #dedede;
/*	border-right: 1px solid #dedede;*/
	display: inline;
	float: left;
	padding: 45px 0px 20px 20px;
	width: 778px;
	overflow: hidden;
}

#main-content .csc-textpic img {
	/*border: 1px solid #dedede;  */
}

#main-content p.bodytext {
	/*width: 465px;*/
}

#main-content .csc-textpic.csc-textpic-intext-right-nowrap img {
	/*border: 1px solid #dedede;  */
}

/* Liste mit Telefon ... */
#main-content dl{
	float: left;
	width: 325px;
}

#main-content dt{
	float: left;
	width: 60px;
}

#main-content dd{
	float: left;
	width: 265px;
}


/* Überschreibe csc Stile */
	/* Pictures on left, add margin on right 
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; *//* IE fix for double-margin bug 
		margin-right: 0;
	}*/

	/* Space below each image (also in-between rows) 
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { background-color: #CC0066;margin-bottom: 20px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic {margin-bottom: 30px; }*/
	

/* =Produkt Overview
-----------------------------------------------------------------------------*/
#product-selection .model-designer {
	display: none;
}

#product-selection .product {
	float: left;
	width: 130px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 40px;
	padding-right: 60px;
}

#paging {
	clear: both;
	float: left;
}

#paging h3 {
	float: left;
	font-weight: normal;
	padding: 2px 10px 2px 0;
}

#paging ul {
	list-style-type: none;
	padding: 2px 0 2px 0;
	margin: 0;

}

#paging ul li {
	display: block;
	float: left;
}

#paging ul li a {
	display: block;
	text-decoration: none;
	text-align:center;
	width: 20px;
}

#paging ul li.menuItem-CUR {
	font-weight: bold;
	text-align:center;
	width: 20px;
}


/* =Single Product
-----------------------------------------------------------------------------*/
#product-field {
	float: left;
	width: 778px;
}

#product-field #product-image {
	border: 1px solid #dedede;
	float: left; 
	width: 390px;
}

#product-field #product-information {
	float: left;
	padding-left: 50px;
	width: 325px;
}

#product-field #product-information dl{
	float: left;
	width: 325px;
}

#product-field #product-information dl.material,
#product-field #product-information dl.price {
	margin-bottom: 15px;
}

#product-field #product-information dt{
	float: left;
	width: 90px;
}

#product-field #product-information dd{
	float: left;
	width: 235px;
}

#tools {
	clear:both;
	margin: 25px 0 20px 0;
	float: left;
}

#tools ul {
	border-top: 1px solid #dedede;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#tools ul li {
	background: url(../layoutbilder/pfeil.gif) no-repeat 8px center;
	display: block;
}

#tools ul li a {
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	display: block;
	padding: 2px 2px 2px 25px;
	text-decoration: none;
	width: 245px;
}

#tools ul li.menuItem-CUR {
	font-weight: bold;
	text-align:center;
	width: 20px;
}


#description {
	clear: both;
	float: left;
	width: 320px;
}

#product-previews {
	border-left: 1px solid #dedede;
	clear: both;
	float: left;
	margin-top: 20px;
	width: 778px;
}

#product-previews .preview-image {
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	float: left;
	width: 110px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#copyright {
	display: none;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: none;
  padding-bottom: 15px;
}

/* =Wir finden für Sie
-----------------------------------------------------------------------------*/

/* TODO im ie eingerückt ? und blau */
fieldset legend {
	font-color: #000 !important;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
}

fieldset label {
	display: block;
	float: left;
	vertical-align:baseline;
	width: 8.5em;
}

.mailform-field {
	padding: 0 5px 2px 0;
}

.mailform-field input, .mailform-field textarea {
	border: 1px solid #dedede;
}

div.blue {
	color: blue;
}


/* =news
-----------------------------------------------------------------------------*/
/* :XXX: Abstand zwischen den Newsblöcken, Klassen in news Template */
body.news div.martin-imagetext,
body.news div.martin-text {
	margin-bottom: 45px;
}



body.news #main-content p.bodytext {
	width: 465px;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

td {
	font-weight: normal;
	padding-right: 5px;
 	text-align: left;
}

td p{
	margin: 0;
 	padding: 0;
}



/* =Print
-----------------------------------------------------------------------------*/
@media print {

#logo {
	border-left: none;
	border-right: none;
	margin-left: 0;
}

#content-container {
	border-bottom: none;
	width: 994px;
}

#menu-bar {
	display: none;
}

#sub-menu {
	display: none;
}

#main-content {
	border-left: none;
	border-right: none;
	float: left;
	padding: 45px 0 20px 0;
	width: 778px;
}

#tools {
	display: none;
}

#product-field #product-image {
	width: 5cm;
	height: 5cm;
}

#product-image img{
	width: 5cm;
	height: 5cm;
}

#description {
	margin-top: 45px;
}

#copyright {
	clear: both;
	display: block;
	padding-top: 2cm;
}

}




/* =Misc 2
-----------------------------------------------------------------------------*/