/*******************************/
html{
	min-height:101%;
	}
body {
	background-color: #ececed;
	padding: 0;
	margin:0;
	font-family: Trebuchet MS,Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 80%;
	color: #4c6081;
}

/****************layout****************/

#container {
	width:850px;
	background-color: #fff;
	padding: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#logo {
	width: 250px;
	height: 95px;
	padding: 0;
	margin:0 0 0 15px;
}
#header {
	height: 20px;
	padding: 0;
	margin:45px 0 0 45px;
}
#header_pfad {
	height: 20px;
	padding: 0;
	margin:0;
	float:left;
	color: #d97311;
	font-weight: bold;
}
#header_kunde {
	height: 20px;
	padding: 0;
	margin:0 105px 0 0;
	float:right;
}


/****************navigation****************/

#navicontainer {
	width:850px;
	background-color: #4c6081;
	float: left;
}
ul#navlist {
	margin:0 0 0 25px;
	padding: 0px 10px; 
	white-space: nowrap;
	background-color: #4c6081;
}

#navlist li {
	display: inline;
	margin: 0 2px;
	float: left;
	list-style-type: none;
}

#navlist a {
	padding: 3px 10px 3px 10px;
}

#navlist a:link, #navlist a:visited {
	display: block;
	color: #fff;
	background-color: #4c6081;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	background-color: #d97311;
	text-decoration: none;
}
.loginabstand {
	padding-left:32px;
}
#navlist .ohneLink a:link, #navlist .ohneLink a:visited {
  display: block;
	background-color: #d97311;
	padding: 3px 10px 3px 10px;	
	color: #fff;
}

/***************zweite Ebene ************/
ul#navlist ul {
	background-color: #4c6081;
  margin-left:0;
  padding: 0 0 5px 0;
  position: absolute;
	min-width: 100px;
  display:none;  
}
ul#navlist ul li{
	margin: 0;
}

/* IE-Hack f�r die Breite */
* html ul#navlist ul {
  width:100px;
}

/* Dies sind die Klassenstile f�r das Untermen� wenn sich die Maus */
/* �ber der Liste  befindet (.hover siehe JavaScript oben) */
ul#navlist ul.hover, ul#navlist li.hover ul, ul#navlist li:hover ul  {
  display:block;
}

ul#navlist ul li {
  clear: both;
	width: 100px;
  background-color: transparent;
}

ul#navlist ul li:hover, ul#navlist ul li.hover {
	background-color: #d97311;
}

/****************content****************/
#content_wrap {
	width: 850px;
	padding: 20px 0;
	margin:0;
}
#content {
	width: 700px;
	min-height:350px;
	padding:0 0 20px;
	margin:25px 0 0 45px;
}
#content_wrap a:link, #content_wrap a:visited{
	color:#4c6081;
	text-decoration:underline;
}

#content_wrap a:hover {
	color:#d97311;
	text-decoration:underline;
}
#content li, #content_produkt li {
	margin: 5px 0;
}

/****************footer****************/
#footer {
	width: 850px;
	height: 20px;
	padding: 0;
	margin:0;
	border-top:10px solid #ececed;
	border-bottom:20px solid #ececed;
	font-size:10px;
}
#footer_left {
	width: 200px;
	height: 20px;
	padding: 0;
	padding-top:3px;
	margin:2px 0 0 45px ;
	float:left;
}
#footer_right {
	text-align:right;
	width: 150px;
	height: 20px;
	padding: 0;
	padding-top:3px;
	margin:2px 25px 0 0;
	float:right;
}
#footer a:link, #footer a:visited{
	color:#4c6081;
	text-decoration:none;
}

#footer a:hover {
	color:#d97311;
	text-decoration:none;
}
/****************allgemein****************/
span.text_orange, .text_orange{
	color:#d97311;
}
h1{
	font-size: 12px;	
	color: #4c6081;
	font-weight:bold;
}
h2{
	font-size: 13px;
	font-weight:bold;
	color: #d97311;
}
h3{
	font-size: 13px;
	font-weight:bold;
	color: #d97311;
	margin:0;
	padding:0;
}

ul {
	padding-left: 15px;
}

/* IE6-Hack für den linken Abstand  */
* ul {
	margin-left: 1px;	
}

li {
	list-style-image:url(../img/list_symbol.gif);
}

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

fieldset {
	border: 1px solid #4c6081;
	padding: 5px;
}

legend {
	color: #4c6081;
}

/* Resize nur vertikal in Safari */
textarea {
  resize: vertical;
	max-width: 700px;
}

/****************REFERENZEN****************/
/* wird wahrscheinlich nicht mehr benötigt
#linie{
	width:700px;
	height:1px;
	border-top:1px solid #d97311;
	margin-bottom:5px;
	margin-top:5px;
}
*/

.referenzen {
	/*width:580px;*/
	margin:0 0 5px 0;
	padding:0;
	/*text-align: justify;*/
}


.referenzenIMG {
	padding:0;
	margin:3px 15px 3px 0;
	width: 150px;
	float:left;
}

.referenzenText {
	float:left;
	width:532px;
}

/* Darstellung der Bilder in der Detailansicht */
.news-single-img {
	float: none;
	margin: 20px 0 0;
}

.news-single-img td {
	padding-right:10px;
}

.antifloat {
	clear:both;
	visibility:hidden;
	height: 0px;
}
/****************produkte****************/

#produkte {
	width:580px;
	margin:0 0 5px 0;
	padding:0;
}


#produkteIMG {
	margin:6px 30px 2px 0;
	width: 100px;
	float:left;
}

.produktdetails td {
	vertical-align: top;
	margin-left: 10px;
}

.produktdetails td ul {
	padding-left: 30px;
}

div.csc-textpic-center {
	margin: 15px 0;
}

/* Rahmen um das Produktbild */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #4c6081;
}

/****************produkte_log in****************/
#content_produkt {
	width: 780px;
	min-height:350px;
	padding: 0;
	margin:25px 0 0 45px;
}

#produkt_links{
	width:420px;
	margin:0;
	padding:0 0 0 0;
	float:left;
}
#produkt_links .wtgallery_singlepic img{
	border: 1px solid #4c6081;
}
#produkt_img {
	width:300px;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
}
#produkt_img img {
	border: 1px solid #4c6081;
}

#produkt_linksTXT {
	width:420px;
	margin:0;
	padding:0;
}
#produkt_rechts {
	width:300px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
	border:1px solid #4c6081;
}
.header_rechts{
	width:290px;
	height:20px;
	margin:0 0 10px -10px;
	padding:1px 0 0 10px;
	background-color:#ececed;
}
#ansichten,#details,#download {
	width:290px;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	float:right;
}
#ansichten a img  {
	/*border:1px solid #4c6081;*/
	border: none;
}
/*.ohneLINKimg, #ansichten img {
	border:1px solid #d97311;
}*/

#ansichten table td {
	padding: 5px;
}

/****************Produkt Ansichten **************/
#ansichten .wtgallery_listpic {
	margin: 10px;
	border:1px solid #4C6081;
}

#ansichten .wtgallery_listpic_act {
	border:1px solid #D97311;
}

/* Produkt-Übersicht */
.tx-rtpageteaser-pi1 {
	margin-top: 50px;
}

.tx-rtpageteaser-pi1 .referenzenIMG img {
	border: 1px solid #4C6081;
}

/****************kontaktformular**************/
.kontaktform input, .kontaktform textarea, .kontaktform fieldset {
	margin: 0 0 10px;	
}

.kontaktform fieldset label {
	margin: 0 10px 0;	
}

.kontaktform .csc-mailform-radio { /* notwendig für die korrekte Darstellung im IE */
	margin: 5px 2px 0;
}

/****************Log-In Formular**************/
.tx-felogin-pi1 {
	margin: 0 0 20px;
}

.tx-felogin-pi1 h3, .tx-felogin-pi1 input {
	margin: 0 0 10px;
}

.tx-felogin-pi1 div {
	margin: 0 0 10px;
}

#login_layer {
	position:absolute;
	background:#fff;
	border:1px solid #4C6081;
	padding:10px;
	margin-left:140px;
	width:240px;
}
/****************Anmelde Formular**************/
#tx-srfeuserregister-pi1-fe_users_form fieldset {
	padding: 15px;
}

/* Grösse der Kommentar-Box begrenzen für Safari */
#tx-srfeuserregister-pi1-comments {
	resize: vertical;
	max-width: 405px;
}	

#content a.internal-link {
	background-image:url(/fileadmin/templates/img/internal_link.gif);
	background-position:0 60%;
	background-repeat:no-repeat;
	padding-left:14px;
}