/******************************
Reset
******************************/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

body {font:12px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a:active {outline:none;}
:focus {-moz-outline-style:none;}


/******************************
Gesammtseite
******************************/
html
{
	background:     		#fbfcfc url(/global/img/back.gif) top center repeat-x;
    font-family:    		Arial;
}

body
{
    
}

#page
{
	margin:         		0 auto;
   text-align:     	center;
	width:					    960px;
}


/******************************
Kopfbereich
******************************/
#head
{
	background:     		transparent url(/global/img/headback.gif) top center no-repeat;
	height:					185px;
	position:				relative;
    margin:         		0 auto;
    text-align:     		center;
	width:					960px;
}

#logo
{
	position:				absolute;
		left:				20px;
		top:				20px;
}

#claim
{
	color:					#FFF;
	font-size:				14px;
	position:				absolute;
		left:				143px;
		top:				70px;
	text-align:				left;
}
#claim b
{
	display:				block;
	font-size:				20px;
	line-height:			21px;
}

#tools
{
	background:     		transparent url(/global/img/toolback.gif) top center repeat-x;
	border:					1px solid #366486;
	height:					30px;
	padding:				0 10px;
	position:				absolute;
		right:				20px;
		top:				3px;
}
#tools ul
{
	display:				inline;
	margin:					0 5px 0 0;
}
#tools ul li
{
	display:				inline;
	margin:					0 10px 0 0;
}
#tools ul li a
{
	color:					#b3c9d9;
	font-size:				12px;
	line-height:			30px;
	text-decoration:		none;
}
#tools ul li a:hover
{
	text-decoration:		underline;
}
#tools form
{
	display:				inline;
}
#tools form select
{
	background:				#FFF;
	border:					1px solid #366486;
	color:					#000;
	font-size:				12px;
	height:					18px;
}

#search
{
	position:				absolute;
		left:				20px;
		bottom:				10px;
}
#search input
{
	background:				#FFF url(/global/img/lupe.gif) no-repeat;
	background-position:	165px 50%;
	border:					1px solid #366486;
	font-size:				12px;
	height:					20px;
	padding:				5px 3px 0 3px;
	width:					178px;
}

#cart
{
	color:					#FFF;
	font-size:				12px;
	position:				absolute;
		right:				20px;
		bottom:				90px;
	text-align:				right;
}
#cart a
{
	background:				transparent url(/global/img/cart.gif) no-repeat;
	background-position:	0 50%;
	color:					#92aec2;
	font-weight:			bold;
	padding:				0 0 0 12px;
	text-decoration:		none;
}
#cart a:hover
{
	text-decoration:		underline;
}


/******************************
Navigation oben
******************************/
#topnav
{
	position:				absolute;
		left:				220px;
		bottom:				0;
}

#topnav ul
{
	height:					44px;
	width:					740px;
}

#topnav ul li
{
		float:				left;
		position:			relative;
		list-style:   none;
}

#topnav ul li a
{
	color:					#FFF;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	height:					44px;
	line-height:			44px;
	text-align:				center;
	text-decoration:		none;
	width:					148px;
}

#topnav ul li a:hover,
#topnav ul li a.active,
#topnav ul li:hover a,
#topnav ul li.over a
{
	background:				#0b3453;
}

#topnav ul li ul
{
	display:				none;
	width:					200px;
	//width:				0;
}
#topnav ul li:hover ul,
#topnav ul li.over ul
{
	display:				block;
	position:				absolute;
}
#topnav ul li ul li
{
	clear:					left;
	background:				#0b3453;
	filter:					alpha(opacity=85);
	-moz-opacity:			0.85;
	-khtml-opacity:			0.85;
	opacity:				0.85;
}
#topnav ul li ul li a
{
	color:					#FFF;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	height:					34px;
	line-height:			34px;
	padding:				0 10px;
	text-align:				left;
	text-decoration:		none;
	width:					200px;
}
#topnav ul li ul li a:hover
{
	background:				#1b5681;
}

/******************************
Layout
******************************/
#wrapper
{
	background:    			transparent url(/global/img/backimg.gif) top center repeat-y;
}

#layout
{
	background:    			transparent url(/global/img/topimg.gif) top center no-repeat;
	padding:				30px 0 0 0;
	text-align:             left;
	height:					100%;
}

#layout #leftnav
{       
    float:                  left;
    width:                  220px;
}

#layout #content
{
    margin:                 0 20px 0 240px;
}

#layout br.break
{
    clear: left;
}

/******************************
Navigation links
******************************/
#leftnav ul
{
	margin:					0 0 0 15px;
}

#leftnav ul li
{
	border-bottom:			1px solid #c0c0c0;
	width:					185px;
}

#leftnav ul li a
{
	background:    			transparent url(/global/img/navbullet.gif) no-repeat;
	background-position:	0 -2px;
	color:					#1b5681;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	padding:				10px 0 0 18px;
	text-decoration:		none;
	height:					34px;
	line-height:			14px;
	width:					170px;
}

#leftnav ul li a:hover
{
	color:					#000;
}

#leftnav ul li a.active
{
	color:					#000;
	background-position:	0 100%;
}

#leftnav ul.profisearch li
{
	border:					none;
}

/******************************
Micronavigation
******************************/
#micronav
{
	margin:					0 0 18px 0;
}

#micronav ul
{
}

#micronav ul li
{
	display:				inline;
	margin:         0px;
  padding:        0px;
}

#micronav ul li a
{
	background:    				transparent url(/global/img/microbullet.gif) no-repeat;
	background-position:			0 50%;
	color:					#366486;
	font-size:				12px;
	padding:				0 0 0 12px;
	text-decoration:			none;
}

#micronav ul li a:hover
{
	text-decoration:			underline;
}


/******************************
footer
******************************/
#footer
{
	background:    				transparent url(/global/img/footback.gif) top center no-repeat;
	clear:					both;
	margin:					0 auto;
	padding:				12px 0 0 0;
	text-align:				left;
	width:					960px;
}

#footer p
{
    color:					#808080;
    font-size:					12px;
    padding:					13px 0 32px 20px;
}

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

#footer p a:hover
{
	text-decoration:			underline;
}


/******************************
error
******************************/
.error
{
	border:        				1px solid #C00;
	margin:        				0px 0px 15px 0px;
}
.error p
{
	background:    				#ECC;
	color:         				#000;
	padding:        			10px;
}

/******************************
content
******************************/
.text
{
  margin: 0px 0px 15px 0px;
}
.text ul
{
  margin: 0 0 0 15px;
  list-style:	square;
}
.text li
{
  list-style:	square;
}

.contwocol
{
}
.contwocol .l,
.contwocol .lbig
{
	float:					left;
	width:					220px;
}
.contwocol .lbig
{
	width:					470px;
}
.contwocol .rbig
{
	margin:					0 0 0 230px;
	width:					470px;
}
.contwocol .r
{
	margin:					0 0 0 480px;
	width:					220px;
}
br.break
{
	clear:					both;
	line-height:			1px;
}

h1
{
	color:					#004272;
	font-size:				20px;
	font-weight:				bold;
	margin:					0 0 1em 0;
}
h1.nr
{
	margin:					0;
}

h2
{
	color:					#000;
	font-size:				12px;
	line-height:			16px;
	font-weight:			bold;
	margin:					0 0 1em 0;
}

h3
{
	color:					#004272;
	font-size:				12px;
	line-height:			16px;
	font-weight:			normal;
	margin:					0 0 1em 0;
}


p
{
	color:					#000;
	font-size:				12px;
	line-height:			16px;
}

a
{
  color: #366486;
}

a:hover
{
  color:#366486;
}

.spacer
{
	margin-left: 30px;
}

hr
{
	color: #dddddd;
	background-color: #dddddd;
	height: 1px;
	border: none;
	margin: 16px 0;
}

.imgbox {
  margin: 0px;
  padding: 4px;
  border: 1px solid #C0C0C0;
}
/******************************
Button
******************************/
.buttonDefault
{
  padding: 					4px;
  color: 					#fff;
  border: 1px solid 		#fff;
  background-color: 		#65a8d9;
  text-decoration:			none;
}
.buttonBasket
{
  padding: 					4px;
  color: 					#fff;
  border: 					1px solid #ccc;
  background-color: 		#0b3453;
  text-decoration:			none;
}

/******************************
Kontakt rechte Box
******************************/
.kontakt
{
  width: 197px;
  padding: 15px 15px 15px 30px;
  float: left;
}
.kontakt p
{
  color: #004272;
}
/******************************
Kontaktformular außen
******************************/
div.thinbox
{
  margin: 0px 0px 15px 0px;
  padding: 3px;
  border: 1px solid #C0C0C0;
}
div.bluebox
{
	background: #c9e9f7 url( "/global/img/kontaktback.gif" ) no-repeat;
	background-position: 450px 15px;
}
/******************************
Kontaktformular Weblication
******************************/
.formkontakt
{
  width: 420px;
  padding:15px;
  color: #004272;
  float: left;
}

.formkontakt input.text, textarea.text, select.text,input.plz
{
  width: 250px;
  padding: 4px;
  border: 1px solid #b3d8e3;
  margin: 0 0 10px 0;
}

.formkontakt select.text
{
  width: 260px;
  margin: 0 0 10px 0;
}

.formkontakt table.formular
{
	width:					420px;
}
.formkontakt table.formular td
{
	padding:				3px 0;
}
.formkontakt table.formular td.text
{
	width:					100%;
	vertical-align:			top;	
	padding-top:			8px;
}
.clearboth
{
  clear: 				both;
}

/******************************
Bestellformular
******************************/
.formorder
{
  padding:				15px;
  color: 				#004272;
}
.formorder table.aussen td
{
  vertical-align:		top;
}
.formorder table.aussen td.li_kontakt
{
	width:				580px;
}
.formorder table.aussen td.re_kontakt
{
	width:				300px;
}

.formorder table.angebotbox
{
	width:				100%;
	margin: 			0 0 15px 0;
}
.formorder table.angebotbox td
{
	width:				120px;
	padding:			5px 7px;
	margin:				0;
	vertical-align:		middle;
}

.formorder input.text, textarea.text, select.text
{
  width: 				250px;
  padding: 				4px;
  margin:				0;
  border: 				1px solid #b3d8e3;
}
.formorder select.text
{
  width: 				260px;
}



/******************************
Produktkatalog
******************************/
table.root_grid
{
	width:					695px;
}
div.root_grid
{
	width:					200px;
	height:					230px;
	margin:					0 0 20px 0;
}
div.root_grid a
{
	margin:					0 0 0 18px;
	width:					164px;
	text-decoration:		none;
	display:				block;
	color:					#000;
}
div.root_grid img
{
	margin:					18px 0 0 0;
width: 164px;
}

/******************************
Box
******************************/
div.box
{
	background-image:			url(/global/img/boxbody.png);
	background-repeat:			repeat-y;	
	background-position:			0 0;
	width:					696px;
	overflow:				hidden;
}
div.boxtop
{
	height:					10px;
	width:					700px;
	background:    				transparent url(/global/img/boxtop.gif) no-repeat top left;
}
div.boxbottom
{
	height:					10px;
	width:					700px;
	background:    				#FFF url(/global/img/boxbottom.gif) no-repeat top left;
}
br.break
{
	clear:					both;
}

div.hk
{
	overflow:				hidden;
}

div.hk div.txt
{
	float:					left;
	margin:					10px 0 10px 20px;
	width:					450px;
	width:					650px;
}
div.hk div.txt img
{
	float:					right;
	margin:					0 0 10px 10px;
}

div.hk div.img
{
	float:					right;
	margin:					10px 18px 10px 0;
}

div.hk img
{
	border:					1px solid #CCC;
}

div.hk p
{
	margin:					10px 0 0 0;
	line-height:				20px;
}

div.klist
{
	margin:					20px 0 0 0;
}
div.klist h2
{
	width:					695px;
	//width:				680px;
	height:					54px;
	background:    			transparent url(/global/img/klistback.gif) no-repeat;
	background-position:	0 0;
	line-height:			54px;
	padding:				0 0 0 20px;
	color:					#366486;
	font-size:				18px;
	font-weight:			bold;
}
div.klist h2.over
{

	background:    				transparent url(/global/img/klistback.gif) no-repeat;
 background-position:			0 -54px;
}

div.klist h2.selected
{
	background:    				transparent url(/global/img/klistback.gif) no-repeat;
	background-position:			0 -108px;
}
div.klist h2.over.selected
{

	background:    				transparent url(/global/img/klistback.gif) no-repeat;
	background-position:			0 -162px;
}

div.klistshort
{
	margin:					20px 0 0 0;
}
div.klistshort h2
{
	width:					490px;
	height:					54px;
	background:    			transparent url(/global/img/klistbackshort.gif) no-repeat;
	background-position:	0 0;
	line-height:			54px;
	padding:				0 0 0 20px;
	color:					#366486;
	font-size:				18px;
	font-weight:			bold;
}
div.klistshort h2.over
{

	background:    				transparent url(/global/img/klistbackshort.gif) no-repeat;
	background-position:			0 -54px;
}

div.klistshort h2.selected
{
	background:    				transparent url(/global/img/klistbackshort.gif) no-repeat;
	background-position:			0 -108px;
}
div.klistshort h2.over.selected
{

	background:    				transparent url(/global/img/klistbackshort.gif) no-repeat;
	background-position:			0 -162px;
}
div.klistshort div.link a img
{
	float:					left;
	padding:				5px;
	margin:					5px 40px;
	border:					1px solid #eee;
}
div.klistshort div.link a:hover img
{
	border:					1px solid #CCC;
}

div.klist div.kcontent
{
	margin:					0 20px;
	overflow:				hidden;
}

div.klist div.kcontent div.master_grid a
{
	margin:					0 0 20px 0;
	text-decoration:		none;
	display:				block;
	color:					#000;
	font-weight:			bold;
}
div.klist div.kcontent div.master_grid img
{
	margin:					0;
	border:					1px solid #CCC;
}
div.klist div.kcontent  p
{
	line-height:				20px;
}
div.klist div.kcontent  table
{
	width:					100%;
	margin:					20px 0 0 0;
}

div.twocol
{

}
div.twocol div.leftcol
{
	float:					left;
	width:					490px;
	margin: 				0;
	display: 				inline;
}
div.twocol div.rightcol
{
	margin:					0 0 0 500px;
}

div.twocol div.rightcol div.link
{
	margin:					0 0 10px 0;
}
div.twocol div.rightcol div.link a
{
	background:    			transparent url(/global/img/linkback.gif) no-repeat;
	background-position:	0 0;
	width:					200px;
	height:					86px;
	text-decoration:		none;
	display:				block;
}
div.twocol div.rightcol div.link a img
{
	float:					left;
	margin:					10px 0 0 10px;
height: 66px;
}
div.twocol div.rightcol div.link a b
{
	color:					#666;
	display:				block;
	margin:					0 0 0 90px;
	padding:				25px 0 0 0;
}
div.twocol div.rightcol div.link a:hover
{
	background-position:	0 -86px;
}
div.twocol div.rightcol div.link a:hover b
{
	color:					#000;
}

div.twocol div.rightcol a.button,
div.twocol div.rightcol b.button
{
	background:    			transparent url(/global/img/buttonback.gif) no-repeat;
	background-position:	0 0;
	width:					200px;
	height:					48px;
	display:				block;
	margin:					0 0 10px 0;
	padding:				0 0 0 0;
	line-height:			48px;
	text-decoration:		none;
	color:					#000;
	font-weight:			bold;
	position:				relative;
}
div.twocol div.rightcol a.button:hover
{
	background-position:	0 -48px;
}
div.twocol div.rightcol a.button img,
div.twocol div.rightcol b.button img
{
	width: 					16px;
	height: 				16px;
	position:				absolute;
	left: 					15px;
	top: 					16px;
}

div.twocol div.rightcol a.button span,
div.twocol div.rightcol b.button span
{
	margin:					0 0 0 40px;
}

table.usp
{
	margin:					20px 0 0 0;
}
table.usp tr
{
}
table.usp tr td
{
	vertical-align:				top;
	width:						50%;
	padding:					0 15px 0 0;
}
table.usp tr td ul
{
	margin:						0 0 0 15px;
}
table.usp tr td ul li
{
	list-style:					square;
}

table.list
{
	width:					475px;
	margin:					0 0 0 10px;
}
table.list thead
{
}
table.list thead tr
{
}
table.list thead tr th
{
	border:					1px solid #CCC;
	font-weight:			bold;
	padding:				3px;
}
table.list thead tr th.nr
{
	width:					50px;
}
table.list thead tr th.name
{
	width:					200px;
}
table.list thead tr th.white
{
	color:					#FFF;
}
table.list thead tr th.attr
{

}
table.list tbody
{
}
table.list tbody tr
{
}
table.list tbody tr td
{
	border:					1px solid #CCC;
	padding:				5px;
	vertical-align:			top;
}

table.basket
{
	width:					700px;
	margin:					20px 0px;
}
table.basket td.right
{
	width:					65%;
	text-align:				right;
}
/************************************************
* paginierung
************************************************/
ul.mWebPagination
{
	text-align:			left;
	font-size:			12px;
	font-weight:		bold;
	margin:				10px 0;
}

ul.mWebPagination li
{
	list-style-type:	none;
	display:			inline;
	margin:				0 5px 0 0;
}

ul.mWebPagination a,
ul.mWebPagination b
{
	padding:			3px 6px;
	border:				1px solid #004272;
	text-decoration:	none; 
	color:				#000;
}

ul.mWebPagination a:hover
{
	background-color:	#EEE;
}

ul.mWebPagination li.on b
{
	background-color:	#004272;
	color:				#FFF !important;
	font-weight:		bold;
}

/******************************
sitemap
******************************/
#sitemap ul
{
	list-style:            	none;
}
#sitemap ul li
{
	line-height:		20px;
	padding:			0;
	background:			none;
}
#sitemap ul li.l1
{
	margin:				0;
	font-weight: bold;
}
#sitemap ul li.l1 a
{
	background:			none;
}
#sitemap ul li.l2
{
	margin:				0 0 0 30px;
}
#sitemap ul li.l3
{
	margin:				0 0 0 45px;
}
#sitemap ul li.l4
{
	margin:				0 0 0 60px;
}