@charset "UTF-8";
/* CAMILLE BAUER | screen CSS */
/* © 2011 by inkognito – visuelle kommunikation gmbh */
/* Version 2.0 | 2011 */

/* Modification 23.01.2011 */
/* Modification 24.01.2011 */
/* Modification 25.01.2011 */



/* ----- HACKS ------------------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	}

* html #wrapper {
	height: 100%;
	}
	
* html #footer {
	bottom: -1px;
	}	
	


/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */

html, 
body {
    height: 100%;
	}

body  { 
	color: #000;
	background: url(../screendesign/body_bg.gif) repeat-y #ccc;
	background-position:top center !important;
	margin: 0;
	padding: 0; 
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	}
	
a,
a:link,
a:active,
a:visited {
	color:#339933;
	background-color:transparent;
	text-decoration:none;
}

a:hover {
	color:#ccc;
	background-color:transparent;
}

h1, 
h2, 
h3 {
	color: #033; 
	background-color:transparent;
}

h1 {
	font-size: 16px; 
	font-weight: bold;
	line-height: 19px;
	padding-bottom: 12px;
}

h2 {
	font-size: 14px; 
	font-weight: bold;
	line-height: 17px;
	padding-bottom: 9px;
}

h3 {
	font-size: 12px; 
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 8px;
}

h4 {
	font-size:10px; 
	font-weight:normal; 
	color:#333;
}
	
	
hr {
	padding: 5px 0;
	border-bottom: solid 1px #339933;
}

table {
	background-color:#fff;
	border: 0;
	vertical-align: middle;
}

table p {
	margin: 0 !important
}

input{
	font-size: 11px;
	color: #333;
	background: #fff;
	margin: 4px 10px 4px 0;
	border: solid 1px #CCC;
}

textarea {
	text-align: left;
	padding:0;
	margin: 4px 10px 4px 0;
	border: solid 1px #ccc;
	font-size:11px;
	color: #000;
	height:80px;
	width:300px;
}

input#submit {
	text-align: center;
	padding:0;
	margin:10px 0 0 0;
	border:none;
	font-size:11px;
	background: url(../screendesign/button_bg_3.gif) no-repeat center;
	color: #000;
	height:19px;
	width:110px;
	}
	
input#show {
	text-align: center;
	padding:0;
	margin:10px 0 0 10px;
	border:none;
	font-size:11px;
	background: url(../screendesign/button_bg_2.gif) no-repeat center;
	color: #000;
	height:19px;
	width:70px;
	}
	
input#submit:hover {
	background: url(../screendesign/button_bg_3_hover.gif) no-repeat center;
	color: #fff;
	}

input#show:hover {
	background: url(../screendesign/button_bg_2_hover.gif) no-repeat center;
	color: #fff;
	}	
	
select {
	font-size: 11px;
}
	
ul {
	margin: 0 0 15px 15px;
}


	
/* ----- LAYOUT ------------------------------------------------------------------------------------------------- */

#wrapper {
	position: relative;
	text-align:center;
	color: #000;
	min-height: 100%;
	width: 950px;
	background: url(../screendesign/wrapper_bg.gif) repeat-y #fff;
	margin: auto auto;
	border-style: solid;
	border-color: #339933;
	border-left-width: 1px;
	border-right-width: 1px;
}


#topnav {
	position: relative;
	color: #000;
	background:url(../screendesign/topnav_bg.gif)  no-repeat #fff;
	width: 950px;
	height: 53px;
	float: left;
	clear: both;
}

#topnav_lang {
	position: relative;
	top: 2px;	
	left: 15px;
	width: 200px;
	height: 27px;
	background-color:transparent;
	overflow: visible;
	float: left;
}

#topnavpos {
	position: relative;
	float: left;
	height: 27px;
	overflow: hidden;
	padding-top: 5px;
	margin-left: 15px;
	width: 710px;
}

#nav {
	position: relative;
	width: 735px;
	height: 27px;
	padding-left:215px;
	background: url(../screendesign/nav_bg.gif) no-repeat #fff;
	background-position: top right;
	float: left;
	text-align: left;
	overflow:hidden;
}

#header {
	position:relative;
	width: 950px;
	height: 170px;
	float: left;
	clear:both;
	border-top: solid 1px #fff;
	background-color:#fff;
}

#logo {
	position: relative;
	width: 215px;
	height: 170px;
	float: left;
	overflow: hidden;
}

#bar {
	position: relative;
	width: 950px;
	height: 14px;
	float: left;
	clear:both;
	background-color: transparent;
}
	
#root {
	position: relative;
	width: 215px;
	height: 14px;
	background-color: #ccc;
	float: left;
	overflow:hidden;
}

#root p,
#root a {
	padding-left:15px;
}

#path {
	position: relative;
	width: 735px;
	height: 14px;
	background-color: #99cc99;
	float: left;
	overflow:hidden;
}

#left {
	position: relative;
	width: 215px;
	float: left;
}

#content {
	position: relative;
	width: 465px;
	float: left;
	margin: 10px 15px 15px 15px;
}


#content p {
	margin: 0 0 10px 0;
}

#content a,
#content a:link,
#content a:visited {
	font-weight:bold;
}

#content a:hover {
	font-weight:bold;
}

#content .noscriptMsg {
	border: 1px dotted #C00;
	padding: 5px;
	color: #C00;
}

#right {
	position: relative;
	width: 240px;
	float: left;
	overflow: hidden;
}

#right p,
#right strong,
#right h1,
#right h2,
#right h3 {
	color: #333;
	background-color: transparent;	
	margin: 10px 10px 0 15px; 
}

#right h4 {
	margin: 0 10px 0 15px; 
}
	



#footer {
	 	position: absolute;
        z-index: 0;
        bottom: 0px;
        left: 0px;
        height: 15px;
        width: 100%;
        background-color: #ccc;
        overflow:hidden;
}

#footer p,
#footer a,
#footer a:visited {
	position: relative;
	top: 1px;
	color: #666; 
	font-size: 9px; 
	text-transform: uppercase;
	text-decoration: none; 
	background-color: transparent;
	text-align: left;
	text-align: center;
	}

/* ----- CLASSES ------------------------------------------------------------------------------------------------- */


.simple table {
   border-collapse: collapse;
   padding: 2px;
   }

.simple th {
   	border: 1px solid #000;
	padding: 2px;

   }
   
.simple td {
  	border: 1px solid #000;
   	padding: 2px;
   }

input.submit {
	text-align: center;
	padding:0;
	margin:10px 0 0 0;
	border:none;
	font-size:11px;
	background: url(../screendesign/button_bg_3.gif) no-repeat center;
	color: #000;
	height:19px;
	width:110px;
	}
	
input.text {
	text-align: left;
	padding:0;
	margin: 4px 10px 4px 0;
	border: solid 1px #ccc;
	font-size:11px;
	color: #000;
	height:14px;
	width:300px;
	}	
	
input.search {
	text-align: left;
	padding:0;
	margin: 4px 10px 4px 0;
	border: solid 1px #ccc;
	font-size:11px;
	color: #000;
	height:14px;
	width:340px;
	}		
	
textarea.area {
	text-align: left;
	padding:0;
	margin: 4px 10px 4px 0;
	border: solid 1px #ccc;
	font-size:11px;
	color: #000;
	height:80px;
	width:300px;
	}	

input.checkbox {
	text-align: left;
	padding:0;
	margin:0 10px 0 0;
	border:none;
	font-size:11px;
	background: url(../screendesign/button_bg_3.gif) no-repeat center;
	color: #000;
	}	
	
input.submit:hover {
	background: url(../screendesign/button_bg_3_hover.gif) no-repeat center;
	color: #fff;
	}	

.lefttext {
	padding: 15px 10px 10px 15px;
}

.table-title-text {
	font-weight:bold;
}

.table-text {
	color: #333;
	background-color: transparent;
}

.table-title {
	background-color: #99cc99; 
	text-align: left; 
	padding: 2px 4px;
}

.table-dunkel {
	background-color: #d8d8d8; 
	text-align: left; 
	padding: 2px 4px;
}

.table-hell {
	background-color: #ececec; 
	text-align: left; 
	padding: 2px 4px;
}

.left p,
.left h1,
.left h2,
.left h3 {
	color: #333;
	background-color: transparent;	
	margin: 10px 10px 0 15px; 
}

.left a {
	background-color: transparent;	
	margin: 0 0 0 15px; 
}


.newstext,
.newstext a,
.newstext a:link {
	font-weight:bold;
	text-decoration:none;
	color: #333;
	background-color:transparent;
}

.newstext a:visited {
	color: #666;
}

.newstext a:hover {
	color:#ccc;
}


.arrow {
	color:#339933;
	background-color: transparent;
	font-family:Wingdings;
	font-size: 11px;
	padding-left: 10px;
}



.headerimage {
	position: relative;
	width: 735px;
	height: 170px;
	float: left;
	border: 0;
	background: url(../screendesign/header_allgemein.jpg) no-repeat #fff;
}


.roottext {
	font-size: 10px; 
	font-weight: normal; 
	background-color: transparent;
	text-align: left;
	}
	
.roottext a,
.roottext a:visited {
	color: #009900; 
	font-weight: normal; 
	text-decoration: none; 
	background-color: transparent;
	text-align: left;
	}

.roottext a:hover {
	color: #fff;
}

.pathtext p,
.pathtext a,
.pathtext a:visited {
	position: relative;
	padding-left:15px;
	color: #003300; 
	font-size: 9px; 
	text-decoration: none; 
	background-color: transparent;
	text-align: left;
}

.pathtext a:hover {
	color: #fff;
}

.topnavtext p,
.topnavtext a,
.topnavtext a:visited {
	color: #003300; 
	font-size: 11px; 
	text-decoration: none; 
	background-color: transparent;
	text-align: left;
	margin-right: 15px;
	padding-left: 5px;
	border-left: solid 1px #003300;
	float: left;
}

.topnavtext a:hover {
	color: #fff;
}

/* ----- RIGHT LIST CLASSES ------------------------------------------------------------------------------------------------- */

.prodlist {
	margin: 15px;
	width: 210px;
	float: none;
	clear: both;
}

.rlist_item {
	position:relative;
	width: 210px;
	float: left;
	clear: both;
	margin: 0 0 6px 0;
}

.rlist_icon {
	position: relative;
	width: 30px;
	height: 20px;
	float: left;
	text-align: left;
}

.rlist_text {
	position: relative;
	width: 180px;
	float: left;
	text-align: left;
	clear: right;
	padding-top: 4px;
}

/*-------------------- PRODUCT SELECTOR STYLES ----------------------------------*/

.ps_hira {
	width: 465px; 
	float:left; 
	clear:both; 
	text-align:left; 
}

.ps_hira h3 {
	margin: 10px 0 0 0 !important;
	padding: 4px 0 0 0 !important;
	}

.ps_class-box {
	width: 465px; 
	float: left; 
	clear:both;
	border-bottom: dotted 1px #ccc;
	padding-top: 5px;
}

.ps_class {
	width: 215px; 
	float: left; 
	text-align: left;
}

.ps_class p,
.ps_class a {
	margin:0 !important;
	padding: 0 !important;
	float: left;
}

.ps_classif {
	width: 250px; 
	float: right; 
	clear:right;
	text-align: right !important;
}

.clearance {
	width: 465px; 
	height: 30px; 
	float:left; 
	clear:both; 
}

/*-------------------- PRODUCT SELECTOR SELECTED STYLES ----------------------------------*/

.pssel_hira {
	position:relative;
	left: 15px;
	width: 210px; 
	float:left; 
	clear:both; 
	text-align:left;
	height: 13px; 
	margin-top: 6px;
}

.pssel_hira strong {
	margin: 4px 15px 0 0 !important;
	}

.pssel_class-box {
	position:relative;
	left: 15px;
	width: 210px; 
	float: left; 
	clear:both;
	border-bottom: dotted 1px #ccc;
	padding-top: 2px;
	margin: 0 15px 0 0;
}

.pssel_class {
	width: 90px; 
	float: left; 
	text-align: left;
}

.pssel_class p,
.pssel_class a {
	margin:0 !important;
	padding: 0 !important;
	float: left;
}

.pssel_classif {
	width: 120px; 
	float: right; 
	clear:right;
	text-align: right !important;
	font-weight: bold !important;
}

	


/*-------------------- USER STYLE CLASSES ----------------------------------*/
.Fachart-PM_Tit,
.fachart-pm_tit {
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #0066cc; 
	text-align: left; 
	padding: 4px
}

.Fachart-SM_Tit,
.fachart-sm_tit {
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #cc0000; 
	text-align: left; 
	padding: 4px
}

.Fachart-DM_Tit,
.fachart-dm_tit {
	color: #000; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #FBFCA2;
	text-align: left; 
	padding: 4px
}

.Fachart-DM_Txt,
.fachart-dm_txt {
	color: #000; 
}