/* 	
	BURKI & SCHERER AG, OFTRINGEN 02-06-2009
*/

/* GLOBAL STYLES
--------------------------------------------------------------------*/
* {
	padding : 0;
	margin : 0;
}

body {
	background-color : #FFFFFF;
	font : 100.1%/1.4 Helvetica,Arial,san-serif;
	color : #333333;
}

img {
	vertical-align : bottom;
	border : none;
}

a {
	text-decoration : none;
	color : #808080;
}

#header form label, .invisible{
	width : 0px;
	height : 0px;
	left:-1000px;
	top:-1000px;
	position : absolute;
	overflow : hidden;
	display : inline;
}

form fieldset {
	border : none;
}

.capital {
	text-transform : uppercase;
}

.right {
	float: right;
	width : auto;
}

.left, ul.galleryImg li, .pagination ul li, .mod_customnav, .mod_customnav ul li, .remix_link ul li , #werbung {
	float: left;
	width : auto;
}

.inline {
	display: inline;
}

.bold{
	font-weight: bold;
}

input, select, textarea {
	font: 1.2em Helvetica, Arial, sans-serif;
}

ul {
	list-style-type: none;
}

.italic {
	font-style : italic;
}

.error {
	color : #bb3030;
}

label.mandatory, label.error, span.error {
	color : #333;
}

.pad_left {
	padding-left : 15px;
}

.pad_right {
	padding-right : 15px;
}

.pad_bottom {
	padding-bottom : 16px;
}

#main, #footer{
	font-size : 0.875em;
}

.ce_image, .ce_list, .ce_text, .ce_table {
	margin-bottom : 30px;
	clear : both;
	float : left;
	width : 100%;
}

.ce_text p, .ce_text ul, .ce_text ol, .mod_search p {
	margin-bottom : 10px;
}

.ce_text .image_container {
	margin : 3px 0 10px 0;
}

h1, h2 {
	color : #808080;
	font-family : Helvetica,Arial,san-serif;
	font-weight : normal;
}

h3, h4, h5 {
	color : #FF1FC5;
	font-size : 3em;
}

.ce_list ul li, .ce_text ul li {
	padding-left : 10px;
	background : transparent url(../images/bg/li_bg.gif) no-repeat 0 8px;
}

.ce_list ol li, .ce_text ol li {
	margin-left : 20px;
}

ul.galleryImg li {
	margin : 0 20px 30px 0;
}

ul.galleryImg li img {
	border : 1px solid #aaa;
}

#main .block {
	clear : both;
	float : left;    
	width: 610px;
}

/* LAYOUT STYLES
--------------------------------------------------------------------*/
#wrapper { 
	width : 960px; 
	margin : 0 auto;
}

#header {
	height : 220px;
	margin-top : 5px;
	position : relative;
}

#container {
 	width : 960px;
	margin : 0px auto;
}

#right, .address{
	position : relative;
	width : 270px;
	margin-left : 30px;
	text-align : left;
	float : right;
}

#main {
	float : left;
	width : 610px;
	min-height : 350px;
	text-align : left;
	padding-right : 50px;
	padding-bottom : 15px;
}

* html #main {
	height : 350px;
}

#left {
	display : none;
}

#footer {
	clear : both;
	height : 100px;
	padding-top : 5px;
	border-top : 1px solid #002596;
	line-height : 1.2;
}

#main p a, .ce_hyperlink a {
	color : #002596;
	text-decoration : underline;
}

#main a:hover {
	color : #000000;
}

.clear {
	clear : both;
	height : 0.1px;
	line-height : 0.1px;
	font-size : 0.1px;
	overflow : hidden;
}

/* HEAD  STYLES
--------------------------------------------------------------------*/
div.claim {
	position : absolute;
	top : 105px;
	right : 0;
	color : #808080;
	width : 235px;
	font-size : 1.563em;
	line-height : 27px;
	letter-spacing : -1px;
}

#head_left {
	float : left;
	width : 500px;
	height : 24px;
	padding-top : 38px;
}

#searchFld {
	float : left;
	width : 230px;
}

#searchFld input {
	vertical-align : top;
	margin-top : 1px;
}

#searchFld input.text {
	width : 194px;
	font : 14px/14px Helvetica,Arial,san-serif;
	color : #808080;
	padding : 3px;	
	margin :0;
	border : 1px solid #AAAAAA;
}

.mod_customnav {
	height : 30px;
	padding-left : 10px;
	font-size : 0.875em;
}

.mod_customnav ul li {
	margin : 0 10px;
}

/* NAVIGATION STYLES
--------------------------------------------------------------------*/
#navigation {
	position : relative;	
	padding-bottom : 20px;
	color : #808080;
}

.mod_navigation ul.level_1 li.submenu {
	margin-bottom : 20px;
}

.mod_navigation ul li {
	font-size : 1.5em;
}

.mod_navigation ul.level_2 li {
	font-size : 0.583em;
	margin-left : 1px;
}

.mod_navigation a:link, .mod_navigation a:visited {
}

.mod_navigation a:active, .mod_navigation a.active, .mod_navigation ul.level_1 li span {
	color :  #002596;
}

.mod_navigation a:hover {
	color : #000000;	
}

.mod_navigation ul.level_2 li.active span.active {
	color :  #002596;
	border-bottom : 1px solid  #FFFFFF;	
}

.mod_navigation ul.level_2 li.trail a {
	color :  #002596;
}

/* BREADCRUMB STYLES
--------------------------------------------------------------------*/
.mod_breadcrumb {
	margin-top : 4px;	
	padding-bottom : 10px;
}

/* REMIX INDEX PAGE STYLES
--------------------------------------------------------------------*/
.remix_link {	
	margin-bottom : 3px;
}

.remix_link h1 {
	display : inline;
}

.remix_link h1 a {
	border-bottom : 1px solid #AAAAAA;	
}

.remix_link h1 a:hover {
	border-bottom : 1px solid #333333;
}

.remix_link ul {
	float : left;
	width : 600px;
	margin-bottom : 10px;
	margin-top : 5px;
	color : #002596;
}

.remix_link ul li {
	height : 14px;
	line-height : 14px;
	padding-left : 7px;
	margin-left : 7px;	
	background : none;
	border-left : 1px solid #000000;
}

.remix_link ul li:first-child {
	padding : 0;
	margin : 0;
	border-left : none;
}

.remix_link ul li a {
	color : #002596;
	border-bottom : 1px solid #002596;
}

.remix_link ul li a:hover {
	color : #808080 !important;
	border-bottom : 1px solid #808080;
}

* html .remix_link ul li a {
	line-height : 18px;
}

.remix_link  p {
	clear : left;
}

/* PRODUCT ICON STYLES
--------------------------------------------------------------------*/
.product_icon {
	float : left;
	width : 610px;
}

.product_icon .image_container {
	float : left;
	width : 200px;
	margin-top: 0;
	overflow : hidden;
}

.product_icon p {
	float : right;
	width : 390px;
}

/* FROM STYLES
--------------------------------------------------------------------*/
#main form label {
	clear : both;
	float : left;
	width : 180px;
	margin-top : 5px;	
}

.captcha_text {
	display : block;
}

#main form input, #main form textarea {
	float : right;
	width : 400px;
	font : 1em/14px Helvetica,Arial,san-serif;
	padding : 3px;
	margin : 5px 0;
	color : #808080;
	border : 1px solid #aaaaaa;
}

#main form textarea { 
	height : 180px;
	max-width : 608px;
	line-height : 18px;
}

#main form p {
	float : right;
	width : 406px;
	font-size : 0.786em;	
	margin : 5px 0 -5px 0;
}

fieldset {
	clear : both;
}

div.submit_container input.submit {
	float : right;
	width : 100px !important;
	color : #333333;
	background-color : #CCCCCC;
	margin-right : 308px;
	font : 14px/22px Helvetica,Arial,san-serif;
	height : 22px;
	padding : 0;
}

/* SEARCH RESULT STYLES
--------------------------------------------------------------------*/
.pagination ul li span.current {
	color : #BB6666;
}

.mod_search div a {
	text-decoration : underline;
}

.mod_search span.relevance {
	padding-left : 10px;
	font-size : 0.688em;
	position : relative;
	top : -2px;
}

.mod_search  span.highlight {
	background :#FFFFAA;
}

.pagination p {
	margin-bottom: 0;
}

.pagination ul li {
	height : 1em;
	margin : 0 5px 0 0;
}

/* SITEMAP STYLES
--------------------------------------------------------------------*/
ul#sitemap_tree {
	font-weight : bold;
}

ul#sitemap_tree a {
	text-decoration : underline;
	color : #002596;
}

ul#sitemap_tree li {
	margin-bottom : 3px;
	padding-left : 10px;
	background : transparent url(../images/bg/li_bg.gif) no-repeat 0 8px;		
}

ul#sitemap_tree li ul.sitemap_l2 {
	font-weight : normal;
	margin-left : 30px;
	margin-top : 3px;	
}

ul#sitemap_tree li ul.sitemap_l2 ul {
	margin-left  : 30px;
}

/* TABLE STYLES
--------------------------------------------------------------------*/
table, .table table {
	border-collapse : collapse;
	text-align : left;
	border: 1px solid #e9e9e9;	
	border-top : 10px solid #e9e9e9;
	border-bottom :2px solid #e9e9e9;
	width : 100%;
}

 table thead th, table tfoot {
	background-color : #f8f8f8;
	border-bottom :1px solid #e9e9e9;
	padding : 5px 3px;
}

table tfoot { 
	background-color : #fff;
	line-height :1.2;
	color : #808080;
}

 table td , .table  table td {
	border-bottom : 1px solid #e9e9e9;
	padding : 2px;
}

table tr.odd {
	background-color : #f8f8f8;
}

/* OTHER STYLES
--------------------------------------------------------------------*/
h1 {
	font-size : 1.714em;
	margin-bottom : 10px;
}

h2 {
	font-size : 1.286em;
	margin-bottom : 7px;
}

.border_bottom {
	margin-bottom : 15px;
	border-bottom : 10px solid #EEEEEE;
}

.small_font {
	font-size : 0.786em;
	color : #808080;
}

.caption { 
	margin-top : 1px;
}

.address, .caption {
	margin-left : 1px;
	font-size : 0.786em;
	color : #808080;
}

#werbung p {
	clear : both;
	margin-top : 50px;
}

/* WEBAGENTUR STYLES
--------------------------------------------------------------------*/
.tip { width:295px; background: #efefef; border : 0px solid red; padding :0; }
.tip-top { width:295px; background: #efefef; height:0px;  display : none; }
.tip-title { color:#000; font-weight:bold; padding: 20px 30px 0 30px; }
.tip-text	 { color:#111; padding: 10px 30px 20px 30px; font-size : 0.688em; }
.tip-bottom { width:295px; background: #efefef; height:0px;  display : none; }