/* -------- Standard - Definitionen -------- */

body
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	color: black;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF; /*#DDDDDD;*/
	scrollbar-track-color: #CCCCCC;
	scrollbar-arrow-color: #FF0000;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #DDDDDD;
	}
	
table
	{
  cellspacing: 0px;
	cellpadding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
	
td
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
	
td.head
	{
	background: #E2E2E2; 
	border-top: 1px solid red; 
	border-bottom: 1px solid red;
	font-weight: bold;
	}
	
td.bottom
	{
	background: #E2E2E2;
	font-weight: bold;
	}	

th
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: oblique;
	}
/* -------- Ebenen - Definitionen -------- */

/* Hauptseite */
#main
	{
	width: 700px;
	margin: 10px 10px 10px 70px;
	padding: 0px 0px 0px 0px;
	border: 1px black solid;
	background: #CED9ED; /*#C9E15B; /*#99FF99;*/
	}

#mainheader
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	text-align: right;
	}

#mainbody
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 420px;
	}

table#navtab
  {
  width: 100%;
  background: #E2E2E2;
  }
  
table#navtab td
  {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }

#navigation ul
	{
	list-style: none;
  margin: 0px; 
  padding: 0px; 
	}

#navigation li 
  { 
  float: left; 
  }
  
#navigation li.first-act 
  { 
  font-weight: bold;
  }
  
#navigation a 
  { 
  background-color: #E2E2E2; 
  color: #000000; 
  display: block;
  padding: 0px;
  text-decoration: none; 
  width: 100px; 
  padding-left: 2px;
  }

#navigation a:hover 
  { 
  background-color: #A2A2A2; /*#E20000;*/ 
  }
  
/* style definition for new subnavi */
div#subnavigation
	{
	position: absolute;
	z-index: 3;
	top: 130px;
	left: 712px;
	width: 120px;
	border: 1px solid black;
	background-color: #E2E2E2;
	}
	
div#subnavigation ul
  {
  list-style: none; 
  margin: 0px; 
  padding: 0px; 
  }
  
div#subnavigation a 
  { 
  color: #000000;
  display: block; 
  text-decoration: none; 
  width: 118px; /* 100%; */
  padding-left: 2px;
  }
  
div#subnavigation li.second
  { 
  font-weight: normal;
  }

div#subnavigation li.second-act 
  { 
  font-weight: bold;
  }

div#subnavigation li.third 
  { 
  font-size: 10px;
  font-weight: normal;
  }

div#subnavigation li.third-act 
  { 
  font-size: 10px;
  font-weight: bold;
  }

div#subnavigation li.third a
  { 
	padding-left: 5px;
  }

div#subnavigation li.third-act a
  { 
  padding-left: 5px;
  }

div#subnavigation li.third a:hover
  { 
  width: 115px;
	padding-left: 5px;
  }

div#subnavigation li.third-act a:hover
  { 
  width: 115px;
  padding-left: 5px;
  }

div#subnavigation li.fourth 
  { 
  font-size: 8px;
  font-weight: normal;
  }

div#subnavigation li.fourth-act 
  {
  font-size: 8px;
  font-weight: bold;
  }

div#subnavigation a:hover 
  { 
  background-color: #A2A2A2; /*#E20000;*/ 
  }

/* content style */        
#content
	{
	margin: 25px 5px 25px 90px;
	padding: 0px 0px 0px 0px;
	width: 540px;
	}

/* Icons Platzhalter links */
#icons
	{
	position: absolute;
	z-index: 3;
	top: 130px;
	left: 20px;
	width: 120px;
	}

.icon
	{
	width: 100px;
	border: 1px black solid;
	background: white;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px
	}

#standard
	{
	margin: 5px 5px 5px 5px;
	padding; 5px 5px 5px 5px;
	}

#error
	{
  color: red;
  font-weight: bold;
  margin: 0em 0em 1em 0em;
  }
/* -------- Definition der Fonts -------- */


.small
	{
	font-size: 10px;
	}

h1
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 35px 0px 10px 0px;
	color: #333333;
	}

h2
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	color: #333333;
	}

/* --------------------------------------------------------
#direction_canvas	{
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 850px;
  width: 300px;
	margin: 0px;
	padding: 0px;
	}
-------------------------------------------------------- */

#admin
	{
	position: absolute;
	z-index: 3;
	top: 12px;
	left: 754px;
	margin: 0px;
	padding: 0px;
	}


/* --------------------------------------------------------
 * The sites content frame
 * ----------------------------------------------------- */
fieldset.csc-mailform {
  border: none;
  margin: 5px 0px 0px 0px;
}

label {
  float: left;
  text-align: right;
  width: 90px;
  margin-right: 5px;
}

.csc-mailform-field input {
  border: 1px solid black; /* #0e2233; */
  width: 300px;
}

.csc-mailform-field textarea {
  border: 1px solid black; /* #0e2233; */
  width: 300px;
}

.csc-mailform-field input:focus {
  background-color: #ffcccc; /* #a0a3a8; */
}

.csc-mailform-field textarea:focus {
  background-color: #ffcccc; /* #a0a3a8; */
}

input#mailformformtype_mail {
  margin-left: 95px;
  width: 150px;
}

/* --------------------------------------------------------
 * search field
 * ----------------------------------------------------- */
.searchfield {
  margin: 0px;
  padding: 0px 1px 0px 15px;
  width: 120px;
  height: 14px;
  border: none;
  background-image: url('/fileadmin/template/derradgeber/images/various/search.png');
  background-repeat: no-repeat;
  background-color: transparent;
  color: #8c8c8c;
}

div#sitesearch {
  margin: 0px;
  padding: 0px;
  height: 14px;
}

/* --------------------------------------------------------
 * product details
 * ----------------------------------------------------- */
div#product_detail_nav {
  text-align: right;
}

div#product_detail_header {
  font-weight: bold;
  font-size: 12px;
  margin-top: 20px;
  background-color: #E2E2E2;
}

div#product_detail_spacer {
  clear: both;
	border-top: 1px solid black;
	margin-bottom: 5px;
	margin-top: 3px;
}

div#product_detail_spacer_noline {
  clear: both;
	margin-bottom: 5px;
	margin-top: 3px;
}

div#product_detail_image {
	float: left;
	width: 200px;
}

div#product_detail_description {
	float: right;
	width: 300px;
}


/* --------------------------------------------------------
 * product list
 * ----------------------------------------------------- */
div#product_list_spacer {
  clear: both;
	border-top: 1px solid black;
	margin-bottom: 5px;
	margin-top: 3px;
}

div#product_list_text {
	float: left;
	width: 300px;
}

div#product_list_image {
	float: right;
	width: 200px;
}