/*
@charset "iso-8859-1"
*/

/*   ---- 25.07.2004 gf ribline.de ----  */
/*  20090208 gf 
*/
body {
	margin: 0px;
	padding: 0;
	color: black;
	text-align: center;
	line-height: 2.5ex;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: white;
	}

/*   ---- classes ----  */	
	
.rib {
	color: #333;
	font-size: 95%;
	font-weight: bold;
	}
	
.clearall {
	clear: both;
	}

.clearleft {
	clear: left;
	}

.clearright {
	clear: right;
	}

/* http://www.quirksmode.org/css/opacity.html */
.transp30 {
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.transp40 {
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}
.transp50 {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.transp60 {
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}
.transp70 {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.transp80 {
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.transp85 {
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
}
.transp90 {
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}
.transp95 {
	opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
}

/*   ---- elements ----  */	
	
body div
	{
	text-align: left;
	}
	
div
	{
	margin: 0px;
	border: 0px solid transparent;
	}

img	{ border: 0px; }

a, a:link, a:visited, a:hover	{ color: #333; text-decoration: none; }

ul, li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}

div.data div.addimage,
div.extra div.addimage
	{
	float:right;
	position:relative;
	left:165px;
	width: 300px;
	margin:10px;
	font-size: 10px;
	font-weight: bold;
	color: #666
	} 
div.data div.addimage img,
div.extra div.addimage img
	{
	border: 1px #999 solid;
/*	border-width: 1px 2px 2px 1px;  */
	}


/*   ---- combined plus ids----  */	
	
div#logo
	{
	margin-top: 0px;
	}
	
div.pagebox
	{
	margin: 0px auto;
	padding: 0;
	width: 850px;
	border: 0px solid silver;
	text-align: left;
	}


/*   ----  header413 plus navigation  ----  */	

div#header413
	{
 	position: relative;
	width: 850px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	border: 0px solid  silver;
	background-color: transparent;
	}
	div#header413 div#msitetop
	{
	clear: right;
 	position: absolute;
 	right: 0px;
 	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}
	div#header413 div#msitebot
	{
	clear: right;
 	position: absolute;
 	right: 0px;
 	top: 214px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

	div#header413 .navilist
	{
	margin: 0px 0px 0px 0px;
	border: 0px solid  silver;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
	
		
	div#header413 .navilist ul
		{
		clear: right;
		margin: 0px 0px;
		padding: 0px 0px;
		border: 0px solid  silver;
		}
	
	div#header413 .navilist ul li
		{
		float:right;
		margin: 0px 5px;
		border: 0px solid  silver;
		}
		
		
	div#header413 ul li a,
	div#header413 ul li a:link,
	div#header413 ul li a:visited
	{
		display: block;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		background-color: transparent;
		color: #333;
		word-spacing: 0.2em;
		letter-spacing: 0em;
	}
	
	div#header413 ul li a:hover
		{
		color: red;
		background-color: yellow;
		}
	div#header413 ul li.selected a, 
	div#header413 ul li.selected a:link, 
	div#header413 ul li.selected a:visited
		{
		display:block;
 		padding: 0px 0px;
		border: 0px solid silver; 
		background-color: transparent;
		color: red;
		}

/*   ----  header500 plus navigation  ----  */	

div#header500
	{
 	position: relative;
	width: 850px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	border: 0px solid  silver;
	background-color: transparent;
	}
div#header500 div#headerpics
	{
	clear: both;
/*
 	position: relative;
*/
	width: 850px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	border: 0px solid  silver;
	background-color: transparent;
	}
div#header500 a#headerlogo
	{
 	position: absolute;
 	top: 50px;
 	left: 0px;
	width: 200px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	border: 0px solid  silver;
	background-color: transparent;
	}
	
	
div#header500 a#headerlogo img
	{
//	display: none;
	}
div#header500 a#headerlogo
	{
//	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/head500/logo_500.png', sizingMethod='scale');
	}
	
	
	
	div#header500 div#msitetop
	{
	position: absolute;
 	right: 0px;
 	top: 0px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	}
	
	div#header500 div#msitebot
	{
 	position: absolute;
 	right: 0px;
 	bottom: 0px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	}

	div#header500 #msitetop .navilist,
	div#header500 #msitebot .navilist
	{
	width: 850px;
		margin: 0px 0px 0px 0px;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		background-color: #fff;
	}	
		
		div#header500 .navilist ul
		{
		clear: right;
		margin: 0px 0px;
		padding: 0px 0px;
		border: 0px solid  silver;
		}
	
		div#header500 .navilist ul li
		{
		float:right;
		margin: 0px 0px;
		border: 0px solid  silver;
		}
		
		
	div#header500 ul li a,
	div#header500 ul li a:link,
	div#header500 ul li a:visited
	{
		display: block;
		padding: 0px 7px;
		text-align: center;
		text-decoration: none;
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
		background-color: transparent;
		color: #333;
		word-spacing: 0.0em;
		letter-spacing: 0.05em;
	}
	
	div#header500 ul li a:hover
		{
		color: red;
		background-color: yellow;
		}
	div#header500 ul li.selected a, 
	div#header500 ul li.selected a:link, 
	div#header500 ul li.selected a:visited
		{
		display:block;
		border: 0px solid silver; 
		background-color: white;
		color: red;
		}

	div#header500 .menuet1  ul li a
	{
	color: #000;
	}
	div#header500 .menueb1  ul li a,
	div#header500 .menueb2  ul li a,
	div#header500 .menueb3  ul li a
	{
	color: #000;
	}
	div#header500 .menuet2  ul li a
	{
	padding: 0px 10px;
	color: #333;
	}

	
/*   ---- content - bereich, news ----  */	
	
div#content
	{
	clear:both;
	min-height: 300px;
	margin: 20px 0px 0px 0px;
	border: 0px solid green;
	}

	div#content a
		{
		text-decoration: none;
		}

		/*   ---- home  ----  */

div#textbox
		{
		border: 0px solid yellow;
		font-size:11px;
		font-weight: normal;
		line-height: 2.3ex;
		background-color:white;
		text-align: left;
		}
	div.pagetext div.lang h1
		{
		margin: 0px 0px 10px 0px;
		padding: 0 0 0px 0;
		font-size:14px;
		font-weight: bold;
		line-height: 2.3ex;
		background-color:white;
		text-align: left;
		}
		
	div#textbox div.pagetext
			{
			float: left;
			width: 320px;
			border: 0px solid blue;
			margin: 0 0px 0px 0;
			border-right: 1px solid yellow;
			font-size:12px;
			font-weight: normal;
			line-height: 2.5ex;
			}
/*
	div#textbox div.pagetext a,
	a.mu-a-intern
			{
			color: red;
			letter-spacing: 0.1em;
			font-size:inherit;
			font-weight: normal;
			}
*/
	div#textbox div.spalte
			{
			float: right;
			width: 500px;
			margin: 0px 0px 10px 0;
			border-right: 1px solid yellow;
			font-size:inherit;
			font-weight: normal;
			line-height: inherit;
			}
		div#textbox  div,
		div#textbox  h2,
		div#textbox  h3,
		div#textbox  p,
		div#textbox div.spalte div.loop
			{
			margin: 0px 4px 8px 0px;
			padding: 0 0 0px 0;
			}
			div#textbox  h2
			{
			font-size:14px;/*  */
			line-height: inherit;
			color: #333;
			}
			div#textbox  h3
			{
			font-size:1.5em;/*  */
			font-size:inherit;/*  */
			line-height: inherit;
			}
			div#textbox  p
			{
			font-size:inherit;/*  */
			font-size:inherit;/*  */
			line-height: inherit;
			}
			
			div.spalte a
			{
			font-weight: normal;
			font-size:inherit;/*  */
			color: #333;
			}
			
			div.spalte h3 a
			{
			margin: 0px 0px 0px 0px;
			padding: 0 0 0px 0;
			border: 0px solid #999;
			border-width: 0px 0 0px 0;
			font-size:13px;
			font-weight: normal;
			letter-spacing: 0.1px;
			color: #000;
			line-height: inherit;
			}
			
			div.spalte h3.titel a:hover,
			div.spalte p.reldate a:hover
			{
			color: red;
			}
			div.spalte p
			{
/*
		background-color:gray;
*/
			margin: 0px 0px 0px 0px;
			font-weight: normal;
			margin: 0 0px 0 0px;
			}
			div.spalte p strong
			{
			font-weight: normal;
			font-size:11px;/*  */
			color: #333;
			}
		div#textbox div.spalte h3.titel
			{
			margin: 0px 0px 2px 0px;
			padding: 0 0 0px 0;
			}
		div#textbox div.spalte p
			{
			margin: 0px 0px 0px 0px;
			padding: 0 0 0px 0;
			}
		div#textbox div.spalte div.loop
			{
			margin: 0px 0px 8px 0px;
			padding: 0 0 0px 0;
			}




/*   ---- product - bereich ----  */	
	
	div#content div.product_page
		{
		font-weight: normal;
		font-size: 12px;
		line-height: 2.5ex;
		}
		
/*
	div#content div.product_page h1.titel,
*/
	div#content div.product_page div.lang
		{
		float:left;
		width:500px;
		margin: 0px 0px 0px 0px;
		padding: 0 0 0px 0;
		border: 0px solid transparent;
		}
	div#content div.product_page div.lang ul
		{
		margin: 5px 0px 20px 20px;
		padding: 0;
			border: 0px solid blue;
		}
	div#content div.product_page div.lang li
	{
		margin: 5px 0px 0px 0px;
		list-style-type: disc;
		list-style-position: inside;
	}
				
			div#content div.product_page div.text-col
			{
			float:right;
			width:290px;
			margin: 0px 0px 0px 0px;
			padding: 0 0 0px 0;
			border: 0px solid blue;
			font-size: 11px;
			line-height: 2.8ex;
			}
			
		div#content div.product_page h1
			{
			margin: 0px 0px 0.6em 0px;
			font-size: 2em;
			font-weight: normal;
			}
			
		div#content div.product_page h2.mu-h
			{
			margin: 0px 0px 0.6em 0px;
			font-size: 1.6em;
			font-weight: normal;
			line-height: 1.3em;
			}
		div#content div.product_page h3.mu-h
			{
			margin: 0px 0px 0.8em 0px;
			font-size: 1.4em;
			font-weight: normal;
			}
		div#content div.product_page ul
			{
			margin: 4px 0px 14px 0px;
			}

			
		div#content div.product_page h3
			{
			font-size: 1.4em;
			font-weight: normal;
			}
			
		div#content  div.product_page img
			{
			display:block;
			}
		
		div#content  div.product_page img.titel
			{
			position:relative;
			left: 5px;
			}
		
		div#content  div.product_page img.product
			{
			float:right;
			display:block;
			margin: 5px 0px 5px 10px;
			}
		
			
		div#content div.product_page p
			{
/* 			width: 80%; */
		line-height: 3ex;
			padding-right: 0%;
/* 			margin-right: 20%; */
			}
		

			div#content div.product_page div.product-col
			{
			float:right;
			width:290px;
			margin: 0px 0px 0px 0px;
			padding: 0 0 0px 0;
			border: 0px solid blue;
			font-size: 10px;
			line-height: 2.8ex;
			}
			
			div#content div.product_page div.product-col ul
			{
			clear:left;
			}
			div.product_page div.product-col ul,
			div.product_page div.product-col ul li
			{
			margin: 0px;
			padding: 0;
			}

			div#content div.product_page div.product-col h3.mu-h
			{
			margin: 8px 0;
			font-size: 1.4em;
			font-weight: normal;
			}
		
			div#content div.product_page div.product-col h4.mu-h
			{
			margin: 4px 0;
			font-size: 1.1em;
			font-weight: normal;
			}

	/*   ---- extra - paket - data - bereich ----  */	
	
	div#content div.data, 
	div#content div.extra, 
	div#content div.paket 
		{
		clear: right;
		border-width: 1px 0px 0px 0px;
		border-style: solid;
		border-color: silver;
		margin: 1px 20% 5px 0px;
		padding: 0px 0px 4px 4px;
		font-size: 11px;
		line-height: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		}
		
		div#content div.data h3, div#content div.extra h3, div#content div.paket h3
			{
			position:relative;
			left: -10px;
			padding: 0px;
			font-size: 120%;
			font-weight: bold;
			color: #999
			}
					
		div#content div.data h4, div#content div.extra h4, div#content div.paket h4
			{
			margin: 4px 0px;
			padding: 0px;
			font-size: 100%;
			font-weight: bold;
			line-height: 0ex;
			}
					
		div#content div.data strong, div#content div.extra strong, div#content div.paket strong
			{
			font-weight: bold;
			}
			
		/*   ---- footer ----  */	

div#footer
			{
			clear: both;
			margin-right: 0;
			margin-top: 30px;
			width:q;
			border-width: 1px 0px 0px 0px;
			border-style: solid;
			border-color: yellow;
			color: #999;
			font-size: 9px;
			font-weight: bold;
			}


/*   ---- artikelmitleiste  ----  */
div#artikelmitleiste h1.titel
			{
			font-size: 2em;
			font-weight: normal;
			}
			
div#artikelmitleiste div#articlelistbox
	{
	float: left;
	width: 200px;
	border-right: 1px solid silver;
	color: #999;
	font-size: 11px;
	font-weight: normal;
	line-height: 2.5ex;
	}
	
	div#artikelmitleiste div#articlelistbox li
		{
		margin: 6px 0 0 0;
		color: #999;
		font-size: 11px;
		font-weight: normal;
		line-height: 2.5ex;
		}
		
div#artikelmitleiste div#articlefulllistbox
	{
	float: none;
	width: 520px;
	border: 0px solid silver;
	}
	div#artikelmitleiste div#articlelistbox div.style-img-simple
		{
		display: none;
		}
	div#artikelmitleiste div#articlefulllistbox div.style-img-simple
		{
		float: right;
		}

div#artikelmitleiste div#articlefulllistbox,
div#artikelmitleiste div#articlelistbox
	{
	
	}
	
	
div#artikelmitleiste .articlebyid_full
	{
	float: left;
	width: 520px;
	margin-left: 50px;
	border: 0px solid transparent;
	}
		
	div#artikelmitleiste .articlebyid_full .titel
		{
		font-weight: bold;
		font-size: 13px;
		line-height: 2ex;
		color: #333;
		}
	div#artikelmitleiste .articlebyid_full .lang
		{
		font-weight: normal;
		font-size: 12px;
		line-height: 2.3ex;
		color: #333;
		}
	div#artikelmitleiste .articlebyid_full .lang ol,
	div#artikelmitleiste .articlebyid_full .lang li
		{
		list-style-position: outside;
		list-style-type: decimal;
		}
		
/*   ---- pressespiegel  ----  */	
	
	div#page-press div#content
		{
		font-weight: normal;
		font-size: 16px;
		line-height: 2.5ex;
		}
	div#page-press div#content p
		{
		margin-left: 50px;
		font-weight: normal;
		font-size: 13px;
		line-height: 2.5ex;
		}
	div#page-press div#content p strong
		{
		font-size: 16px;
		}
		
		
/*   ---- K O N T A K T F O R M  ----  */

form#kontaktform
{
	font-family: verdana, sansserif;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 13px;
	font-size: 11px;
}

	form#kontaktform fieldset
	{
	}

	form#kontaktform fieldset.data label
	{
	float: left;
	clear: left;
	width: 140px;
	margin-top: 10px;
	margin-right: 6px;
	text-align: right;
	}
	form#kontaktform fieldset.data input
	{
	float: left;
	margin-top: 10px;
	font-size: 12px;
	}
	form#kontaktform fieldset.data textarea
	{
	float: left;
	margin-top: 10px;
	font-size: 12px;
	}

	form#kontaktform fieldset.submit
	{
	text-align: right;
	}


/*   ---- debuging  ----  */	

div.dprint
	{
	margin: 10px 0;
	padding: 0;
	border: 2px solid silver;

	}

div.dprint ul, div.dprint li
	{
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	font-family: Courier New;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 13px;
	font-size: 11px;
	}

/* 20081129 */

table.product-tab
	{
	clear: both;
	width: 280px;
	margin-top: 10px;
	border: none;
	margin: 0;
	}
	
	table.product-tab th,
	table.product-tab td
	{
	font-size:10px;
	font-weight:normal;
	}
	table.product-tab th
	{
/*
	width: 60%;
*/
	text-align: left;
	}
	table.product-tab td
	{
	padding-left: 5px;	
	text-align: right;
	}
	
/*----- A N G E B O T E  -----*/
/* 20081129 */
/* 20090208 */

div#angebotemitleiste
	{
	min-height: 400px;
	border: 0px solid blue;
	}

	div#angebotemitleiste h1.titel
	{
	margin: 0px 0px 0.8em 0px;
	font-size: 1.6em;
	font-weight: normal;
	}

div#angebotelistbox
	{
	float: left;
	width: 200px;
	border: 0px solid green;
	}
	
div#angebotelistbox .record
	{
	padding: 5px 10px;
	border-bottom: 1px #bbb solid;
	font-size: 14px;
	}
	div#angebotelistbox h3.titel,
	div#angebotelistbox h3.titel a
	{
	margin: 0px 0px 0.0em 0px;
	font-size: 12px;
	font-weight: normal;
	}

	div#angebotelistbox .preis
	{
	margin: 0px 0px 0.2em 0px;
	font-size: 10px;
	font-weight: normal;
	}

	div#angebotelistbox .action,
	div#angebotelistbox .action h3.titel a,
	div#angebotelistbox .action .preis
	{
	background-color: #eee;
	color: #777;
	}
	div#angebotelistbox .edit,
	div#angebotelistbox .edit a
	{
	font-size: 9px;
	font-weight: normal;
	color: red;
	}
	

div#angebote_container
{
	min-height: 350px;
	margin: 0 0 0 240px;
	padding: 10px;
	border: 0px solid black;
	font-size: 12px;
	background-color: #eee;
}

	div#angebote_container .tmpl_angebote_detail
	{
	border: 0px solid red;
	}
	div#angebote_container .tmpl_angebote_detail h2.titel
	{
	margin: 0px 0px 0.8em 0px;
	font-size: 1.2em;
	font-weight: normal;
	}
	div#angebote_container .tmpl_angebote_detail .lang
	{
	margin: 0px 0px 0.8em 0px;
	font-size: 1.0em;
	font-weight: normal;
	}
	div#angebote_container .tmpl_angebote_detail .nr
	{
	margin: 0px 0px 0.0em 0px;
	font-size: 0.5em;
	font-weight: bold;
	}
	div#angebote_container .tmpl_angebote_detail .preis
	{
	margin: 0px 0px 0.8em 0px;
	font-size: 1.2em;
	font-weight: bold;
	}


form#angebote_form div.form
	{
	margin: 0px 0px 10px 0px;
	}
form#angebote_form .form input,
form#angebote_form .form textarea
	{
	width: 95%;
	}
form#angebote_form .form input#angebote_preis
	{
	width: auto;
	}
form#angebote_form .formhead
	{
	text-align: right;
	}
form#angebote_form .formhead input
	{
	width: auto;
	margin: 10px 0px 10px 0px;
	}

/*----- A N G E B O T E  -----*/
div.loop.news105
	{
	font-size: 1.2em;
	padding: 5px !important;
	border: 1px solid red;
	line-height: 1.5em;
	color: inherit;
	}
	div.loop.news105 h3 a
	{
	font-weight: bold;
	color: #555;
	}