/***************************************************************************************************/
/**** CSS - studer handels ag **********************************************************************/
/**** May 2006 *************************************************************************************/
/***************************************************************************************************/

/**** USUAL CONTENTS *******************************************************************************/
/**** START body ***********************************************************************************/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	width:956px;
	min-height:600px;
  	height:auto !important;  /* für moderne Browser */
  	height:600px;  			/*für den IE */
	margin-left:auto;
	margin-right:auto;
	background-image:url(/pagemedia/backgrounds/body_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

img{
	border:none;
}

/**** END body *************************************************************************************/


/**** START «H»-tags *******************************************************************************/
h1 {
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding:12px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}

h2 {
	font-weight:bold;
	font-size:12px;
	color:#000000;
	padding:12px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}

h3 {
	font-weight:bold;
	font-size:10px;
	color:#000000;
	padding:12px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}

.impressum_lnk{
	float:left;
	clear:none;
	height:14px;
	width:60px;
	display:inline;
	margin-left:165px;
}

.rdv_lnk{
	float:left;
	clear:none;
	height:14px;
	width:90px;
	display:inline;
	margin-left:48px;
}	

.language_selector a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
/**** END «H»-tags *********************************************************************************/

#main{
	float:left;
	clear:none;
	width:956px;
	min-height:600px;
  	height:auto !important;  /* für moderne Browser */
  	height:600px;  /*für den IE */
	background-color:#FFFFFF;
	background-image:url(/pagemedia/backgrounds/bg_main.gif);
	background-repeat:no-repeat;
}

#mainNew{
	float:left;
	clear:none;
	width:956px;
	min-height:600px;
  	height:auto !important;  /* für moderne Browser */
  	height:600px;  /*für den IE */
	background-color:#FFFFFF;
	background-image:url(/pagemedia/backgrounds/bg_mainNew.gif);
	background-repeat:no-repeat;
}

#page{
	float:left;
	clear:none;
	width:919px;
	min-height:540px;
  	height:auto !important; 	 /* für moderne Browser */
  	height:540px;  				/*für den IE */
	display:inline;				/* Bug in IE6 */
	border:1px solid #EEEEEE;
	margin:31px 0px 0px 8px; 
}



#i_main{
	float:left;
	clear:none;
	width:956px;
	min-height:750px;
  	height:auto !important;  /* für moderne Browser */
  	height:750px;  /*für den IE */
	background-color:#FFFFFF;
	background-image:url(/pagemedia/backgrounds/bg_sub3.jpg);
	background-repeat:no-repeat;
}
#i_mainNew{
	float:left;
	clear:none;
	width:956px;
	min-height:750px;
  	height:auto !important;  /* für moderne Browser */
  	height:750px;  /*für den IE */
	background-color:#FFFFFF;
	background-image:url(/pagemedia/backgrounds/bg_sub3Neu.jpg);
	background-repeat:no-repeat;
}

#header{
	float:left;
	clear:none;
	width:100%;
	height:347px;
}

#i_header{
	float:left;
	clear:none;
	width:920px;
	height:109px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#wechselbilder{
	float:left;
	clear:none;
	width:902px;
	height:210px;
	margin-top:16px;
	padding-left:18px;
}

#wechselbilder img{
	margin-left:8px;
	margin-top:9px;
}

#bild_lnk{
	float:right;
	height:20px;
	margin-top:5px;
	margin-right:60px;
}

#bild_lnk .ititel{
	color:#E1E2E3;
	padding-right:15px;
}

#bild_lnk a{
	text-decoration:none;
	color:#E1E2E3;
	padding-right:3px;
	padding-left:3px;
}

#bild_lnk a:hover{
	color:#66ccff;
}

#bild_lnk a:active{
	color:#66ccff;
}

#impressionen{
	float:left;
	clear:none;
	width:100%;
	height:20px;
	line-height:16px;
	text-align:right;
}

#catalog{
	float:left;
	font-size:14px;
	margin-bottom:15px;
}

#catalog a{
	text-decoration:none;
	color:#FF0000;
}

#catalog a:hover{
	color:#333333;
	text-decoration:underline;
}

/*XXXXXXXXXXXXXXXXXXX HOME  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#content{
	float:left;
	clear:none;
	width:956px;
}

#left_content{
	float:left;
	clear:none;
	width:200px;
	margin-left:0px 0px 0px 9px;
	display:inline;
}

#content .outer_content{
	float:left;
	clear:none;
	width:246px;
	min-height:188px;
  	height:auto !important;  /* für moderne Browser */
  	height:188px;  			/*für den IE */
}

#content .inner_content{
	float:left;
	clear:none;
	width:681px;
	min-height:188px;
  	height:auto !important;  /* für moderne Browser */
  	height:188px;  			/*für den IE */
/*	margin-left:246px; */
}

#i_content .i_outer_content{
	float:left;
	clear:none;
	width:200px;
	min-height:228px;
  	height:auto !important;  /* für moderne Browser */
  	height:228px;  			/*für den IE */
}

/*XXXXXXXXXXXXXXXXXXXXXX Index XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#i_content{
	float:left;
	clear:none;
	width:920px;
}

#i_content .i_inner_content{
	float:left;
	clear:none;
	width:673px;
	min-height:580px;
  	height:auto !important;  /* für moderne Browser */
  	height:580px;  /*für den IE */
	display:inline;
	margin-left:34px;
	border:1px solid #EEEEEE;
	padding-bottom:10px;
}

#i_content .abstand{
	float:left;
	clear:none;
	width:920px;
	height:15px;
}

#i_content .adressbox{
	float:left;
	clear:none;
	width:190px;
	height:345px;
	margin:15px 0px 10px 0px;
	padding-left:5px;
}

#i_content .productname{
	float:left;
	clear:none;
	margin-left:35px;
	height:18px;
	margin-top:3px;
}

#produkteLink{
	float:left;
	clear:none;
	width:190px;
	height:100%;
	padding:20px 0px 0px 30px;
}
#balken{
	float:left;
	clear:none;
	width:200px;
	height:18px;
	margin-left:8px;
	background-color:#83c5e8;
}
#produkteLinkHome{
	float:left;
	clear:none;
	width:190px;
	height:100%;
	padding:7px 0px 0px 30px;
}
#balkenHome{
	width:180px;
	height:18px;
	margin-bottom:20px;
	background-color:#83c5e8;
}
#page_title {
	font-size:13px;
	font-weight:bold;
	color:#92241E;
	padding:0px 0px 10px 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxx Submenu Produkte xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#submenu_products{
	float:left;
	clear:none;
	margin-top:20px;
}

/* Erste Stufe */
#submenu_products ul{
	float:left;
	clear:none;
	display:inline;
	width:180px;
	margin: 5px 0px 0px 15px;
	padding:0px;
	list-style-type:none;
}

#submenu_products ul li{
	float:left;
	clear:none;
	width:165px;
	line-height:16px;
	background-image:url(/pagemedia/backgrounds/pfeil_schwarz.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#submenu_products a{
	float:left;
	clear:none;
	text-decoration:none;
	color:#000000;
	padding:1px 0px 0px 8px;
	font-weight:bold;
}

#submenu_products a:hover, #submenu_products span.activelink{
	color:#FF3300;
}

/* Zweite Stufe */
#submenu_products ul li ul{
	float:left;
	clear:none;
	padding:0px;
	margin:0px 0px 0px 10px;
	width:145px;
	line-height:16px;
	background-image:url(/pagemedia/backgrounds/pfeil_schwarz.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#submenu_products ul li ul li{
	float:left;
	clear:none;
	width:145px;
	line-height:16px;
	background-image:url(/pagemedia/backgrounds/pfeil_schwarz.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#i_content .boxtext{
	float:left;
	clear:none;
	margin: 15px 0px 0px 0px;
}

#i_content .i_inner_content .topicName{
	float:left;
	clear:none;
	width:640px;
	margin-left:10px;
	display:inline;
	font-size:14px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #EEEEEE;
}

#footer{
	float:left;
	clear:none;
	width:100%;
	margin-top:10px;
}

#i_footer{
	float:left;
	clear:none;
	width:920px;
	height:50px;
	background-image:url(/pagemedia/backgrounds/bg_footer3.gif);
	background-repeat:no-repeat;
	background-position: top left;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#top_bar{
	float:left;
	clear:none;
	margin-top:54px;
	width:100%;
}

#i_top_bar{
	float:left;
	clear:none;
	margin-top:53px;
	width:100%;
}



#meta_nav{
	float:left;
	clear:none;
	width:956px;
	margin-top:35px;
}

#i_meta_nav{
	float:left;
	clear:none;
	width:920px;
	margin-top:4px;
}

#meta_nav ul, #i_meta_nav ul{
	float:left;
	clear:none;
	padding: 0px;
	margin:0px;
	list-style-type:none;
}

#meta_nav ul li, #i_meta_nav ul li{
	float:left;
	clear:none;
	padding-left:20px;
}

#meta_nav a, #i_meta_nav a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#breadcrump{
	float:left;
	clear:none;
	width:910px;
	line-height:10px;
	text-align:right;
	margin-top:2px;
}

#breadcrump a{
	text-decoration:none;
	color:#000000;
}

/**** START «ARTICLES / COLORS»-tags *****************************************************************/
#articles {
	float:left;
	clear:none;
	width:170px;
	font-family : Arial, sans-serif;
	font-size:11px;
	color: #000000;
	background-color:#FFFFFF;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
#articles div {
	float:left;
	clear:none;
	text-align:center;
	padding:0px 8px 0px 0px;
	margin:0px 0px 0px 0px;
}
#articles img {
	text-align:left;
	margin:0px 10px 0px 0px;
}
/**** END «ARTICLES / COLORS»-tags *******************************************************************/


/* Paragrafentemplates xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#artikel_front{
	float:left;
	clear:none;
	width:223px;
	height:188px;
	background-image:url(/pagemedia/backgrounds/bg_front_artikel.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:2px;
	padding-right:2px;
}

#artikel_front .title{
	float:left;
	clear:none;
	width:202px;
	color:#000000;
	font-weight:bold;
	margin-top:17px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

#artikel_front .content{
	float:left;
	clear:none;
	width:202px;
	height:167px;
	padding-left:10px;
	padding-right:10px;
}

#item_liqshop{
	float:left;
	clear:none;
	width:642px;
	border-bottom:1px solid #DDDDDD;
	padding-bottom:5px;
	margin-left:10px;
	display:inline;
}


#item_liqshop a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#item_liqshop a:hover{
	color:#83C5E8;
	font-weight:bold;
}

#stdbild_unten{
	float:left;
	clear:none;
	width:643px;
	margin-top:10px;
	padding-left:10px;
}

#stdbild_unten a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#stdbild_unten a:hover{
	color:#83C5E8;
	font-weight:bold;
}

#overview_gallery{
	float:left;
	clear:none;
/*	width:95%; */
	margin-left:10px;
}
#overview_gallery .content_title{
	float:left;
	clear:none;
	width:643px;
	margin-top:10px;
	padding-bottom:5px;
	font-weight:bold;
}

#overview_gallery .smallimage{
	float:left;
	clear:none;
	margin:5px 0px 5px 0px; 
}

#overview_gallery .smallimage img{
	width:200px;
}

#stdbild_rechts{
	float:left;
	clear:none;
	width:95%;
	padding-left:10px;
	margin-top:10px;
}

#stdbild_rechts .content_title{
	font-size:14px;
	padding-bottom:10px;
}

#stdbild_rechts .content_img{
	float:left;
	clear:none;
	padding-left:10px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#kontakt_form{
	float:left;
	clear:none;
	margin:15px;
}
/**** START «gallery»-tags ***************************************************************************/
#galerietab {
	float:left;
	clear:none;
	margin:10px 0px 0px 10px;
	width:100%;
}

#galeriebox_right {
	font-size:11px;
	line-height:14px;
	text-align:left;
	vertical-align:top;
	padding:0px 7px 0px 7px;
}
#galeriebox_right div {
	height:408px;
	text-align:left;
	background-color:#F6F6F6;
	border:1px solid #C5C6C7;
	padding:0px 0px 10px 0px;
}
#galeriecontent {
	float:left;
	clear:none;
	text-align:left;
	padding:0px;
	margin:0px;
/*	width:427px; */
	width:370px;
}

#galeriecontent a{
	text-decoration:none;
	color:#92241E;
}

/**** END «gallery»-tags *****************************************************************************/
/*XXXXXXXXXXXXXXXXXXX Farben XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	#box_right {
	float:left;
	clear:none;
	font-size:11px;
	line-height:14px;
	text-align:left;
	vertical-align:top;
	padding:0px 20px 10px 0px;
}
#box_right div {
	float:left;
	clear:none;
	min-height:408px; 
  	height:auto !important;  /* für moderne Browser */
  	height:408px;  			/*für den IE */
	text-align:left;
	background-color:#F6F6F6;
	border:1px solid #C5C6C7;
	padding:0px 0px 10px 0px;
	width:250px;
}

.content_select {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
	height:20px;
	border:1px solid #999999;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
}


#box_title {
	height:15px;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	color:#92241E; 
	background-image:url(/pagemedia/boxtitle_grey.gif);
	background-repeat:repeate-x;
	background-position:0px 0px;
	padding:1px 8px 0px 5px;
	margin:0px 0px 0px 0px;
}

#box_title a{
	font-size:9px;
	color:#92241E; 
	text-decoration:none;
}

#box_subtitle {
/*	height:15px;  */
	float:left;
	clear:none;
	font-weight:bold;
	color:#92241E;
	padding:8px 8px 8px 5px;
	margin:0px 0px 0px 0px;
}
#box_contentML {
	color:#000000;
	padding:4px 0px 7px 0px;
	margin:5px 7px 5px 5px;
	background-image:url(/pagemedia/dot_h.gif);
	background-repeat:repeat-x;
	background-position:0px bottom;
}
#box_contentOL {
	float:left;
	clear:none;
	color:#000000;
	padding:4px 0px 7px 0px;
	margin:0px 8px 0px 5px;
	background-color:#FFFFFF;
}


#content_title {
	font-size:13px;
	font-weight:bold;
	color:#666666;
	padding:15px 0px 15px 15px;
}
/**** Start «FileTree»-tags **************************************************************************/
#filetree ul{
list-style-type:none;
margin-left:15px;
padding-left:0px;
}
.versteckt {
	display: none !important;
}
.toplink {
	float:right;
	clear:both;
}
.sprungziel {
	font-weight:bold;
}
#decription {
	color: #000000;
	font-weight: bold;
	height:20px;
	left:0px;
	top:140px;
	z-index:1;
	visibility: visible;
	position: absolute;
}
ul.noswitch{
	list-style-type:disc;
	margin:5px 0px 0px 0px;
}

ul.noswitch li {
	margin:3px 0px 3px 0px;
	line-height:16px;
}

ul.noswitch a{
	text-decoration:none;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	color:#83C5E8;
}

ul.noswitch a:hover{
	color:#000000;
}

#einleitungstext{
	float:left;
	clear:none;
	padding:5px 0px 5px 15px;
}

/**** END «FileTree»-tags ****************************************************************************/

/* Produkt-Bildergalerien */
	#sortiment_container{
		margin:10px;
		width:645px;
		display:inline;
	}
	
	.sortiment_bilder{
		float:left;
		clear:none;
		width:363px;
	}
	
	#tab_sortiment{
		float:left;
		clear:none;
		margin:10px;
		display:inline;
		width:645px;
	}
	#sortiment_info {
		float:left;
		clear:none;
		font-size:11px;
		line-height:14px;
		text-align:left;
		vertical-align:top;
		padding:0px 20px 10px 10px;
	}
	#sortiment_info div {
		float:left;
		clear:none;
		min-height:408px; 
		height:auto !important;  /* für moderne Browser */
		height:408px;  			/*für den IE */
		text-align:left;
		background-color:#F6F6F6;
		border:1px solid #C5C6C7;
		padding:0px 0px 10px 0px;
		width:250px;
	}

	#sortiment_artikel {
		float:left;
		clear:none;
		width:178px;
		font-family : Arial, sans-serif;
		font-size:11px;
		color: #000000;
		background-color:#FFFFFF;
		padding:0px 0px 5px 0px;
		margin:0px 0px 0px 0px;
	}
	#sortiment_artikel div {
		float:left;
		clear:none;
		text-align:center;
		padding:0px 8px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	#sortiment_artikel img {
		text-align:left;
		margin:0px 10px 0px 0px;
	}

