/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }

/* *********************************************************************************************************************** */


/*

FARBEN:

hellblau:				#96bedc;
blau:					#0fa0d7;
dunkelblau:				#28508c;

hellgrau (Navi2 Linie)	#c6c9cb;
grau:					#424242;
grau (Schrift):			#8e8e8e;

*/
	
/* *********************************************************************************************************************** */


/*---------------------------------------------- 
			F O N T   I N C L U D E
------------------------------------------------*/
@font-face {
    font-family: 'FolksLightRegular';
    src: url('webfonts/Folks-Normal-webfont.eot');
    src: url('webfonts/Folks-Normal-webfont.eot?#iefix') format('eot'),
         url('webfonts/Folks-Normal-webfont.woff') format('woff'),
         url('webfonts/Folks-Normal-webfont.ttf') format('truetype'),
         url('webfonts/Folks-Normal-webfont.svg#webfontxdE6Znpn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksBold';
    src: url('webfonts/Folks-Bold-webfont.eot');
    src: url('webfonts/Folks-Bold-webfont.eot?#iefix') format('eot'),
         url('webfonts/Folks-Bold-webfont.woff') format('woff'),
         url('webfonts/Folks-Bold-webfont.ttf') format('truetype'),
         url('webfonts/Folks-Bold-webfont.svg#webfontq2KYs1cy') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------------- 
				A L L G E M E I N
------------------------------------------------*/

body	{
		background:url(bg_hara.jpg) center 50px repeat-x #ffffff;
		font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#424242; line-height:19px;
		}

a {color: #0fa0d7; text-decoration: none;	}
a:hover { text-decoration: underline;	}




#home_title	{
		width:1000px;	/* 1100 -20 -70 */
		height:50px;
		margin: 0 auto 0 auto;
		}

#home_title p	{
		font-family: "FolksLightRegular";
		font-size:30px;
		padding-top:13px;
		text-align:center;
		color:#28508c;
		}

#home_col2	{
		background-color:#fff;
		width:560px;
		min-height:600px;
		float:left;
		}

		#home_col2 .home_content {
			min-height: 500px;
			}

			.button_welcome	{
				width:200px;
				height:40px;
				margin:40px 0 0 180px;
				}

			.button_welcome	a {
				display:block;
				width:200px;
				height:40px;
				line-height:40px;
				text-align:center;
				text-indent:999px;
				background:url(button_welcome.png) center top no-repeat;
				}

			.button_welcome	a:hover {
				background:url(button_welcome.png) center bottom no-repeat;
				}



#container	{
		width:1000px;
		position:relative;
		margin:0 auto;
		}

#top_navi	{
		width:1000px;	/* 1100 -20 -70 */
		height:50px;
		margin: 0 auto 0 auto;
		}
		
#nav_left	{
		margin: 0 0 25px 0;
		}

#header	{
		width:1000px;
		height:301px;
		position: relative;
		background:url(header_bg.png) center bottom no-repeat;
		}

		.header_navi	{
			width:1000px;
			height:40px;	/* 60 -40 */
			padding-top:20px;
			}

		.header_left	{
			float:left;
			width:200px;
			height:241px;
			margin-right:20px;
			}

		.headerfoto	{
			float:left;
			width:560px;
			height:241px;
			margin-right:20px;
			}
		.sprachauswahl	{
			float:left;
			width:200px;
			height:241px;
			position:relative;
			}

			/* - - - - LANGNAV - - - - */
			.langnav {
				position: absolute;
				top: 185px;
				right: 0px;
				width: 200px;
				}
				
			.langnav a {
				color: #28508c; font-size: 15px; font-family: Arial, Verdana, Geneva, sans-serif;
				text-decoration: none; font-weight: bold;
				line-height: 22px;
				}
			
			.langnav a:hover {
				text-decoration: none;
				color: #fff;
				}

		.header_navi_startseite {
			width:1000px;
			height:40px;	/* 60 -40 */
			padding-top:20px;
			}

		.header_navi_startseite ul {
			height:50px;
			text-align: center;
			font-family: "FolksBold";
			text-align:center;
			color:#fff;
			font-size:18px;
		}
			
		.header_navi_startseite ul li {
			display:inline;
			line-height:25px;
			margin: 0 10px;
		}
		
		.header_navi_startseite ul a, .header_navi_startseite ul a:link {
			/* border: 1px solid #666666; */
			font-size:18px;			/* font-size:19px; */
			color:#fff;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		.header_navi_startseite ul a:hover {
			color:#96bedc;
			text-decoration: none;
		}
		
		.header_navi_startseite ul li a.header_navi_startseite, .header_navi_startseite ul li a.current:link {
			color:#96bedc;
			text-decoration: none;
		
		}




















#main	{
		/*background:url(background_bg.png) repeat-y;*/
		width:1000px;	/* 1050 -25 -25 */
		overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
		height:100%;		/* IE6 overflow:hidden hack */
		}

		#col1	{
				background:url(left_bg.jpg) no-repeat top right;
				width:220px;
				min-height:600px;
				padding:20px 0 0 0;
				float:left;
				}
		
		.logo_linke_spalte		{
				width:200px;
				height:100px;
				margin-bottom:15px;
				}
		
		#col2	{
				background-color:#fff;
				width:480px;	/* 1000 -40 -40 */
				min-height:600px;
				padding:35px 40px;
				float:left;
				}
				
		#col2 .content {
			min-height: 500px;
			}


			.startseite_uebersicht	{
				width:480px;
				}

				.startseite_uebersicht_hara_de		{ float:left; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harabelle_de	{ float:left; margin: 0 0px 20px 0; }
				.startseite_uebersicht_haraspa_de	{ float:left; margin: 0 20px 20px 0; }
				.startseite_uebersicht_haravita_de	{ float:left; margin: 0 0px 20px 0; }
				.startseite_uebersicht_harapet_de	{ float:left; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harakids_de	{ float:left; margin: 0 0px 20px 0; }

				.startseite_uebersicht_hara_de a		{ display:block; width:230px; height:100px; background: url(startseite_hara_de_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harabelle_de a	{ display:block; width:230px; height:100px; background: url(startseite_harabelle_de_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haraspa_de a		{ display:block; width:230px; height:100px; background: url(startseite_haraspa_de_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haravita_de a	{ display:block; width:230px; height:100px; background: url(startseite_haravita_de_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harapet_de a		{ display:block; width:230px; height:100px; background: url(startseite_harapet_de_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harakids_de a	{ display:block; width:230px; height:100px; background: url(startseite_harakids_de_off.png) center center no-repeat; text-indent:-9999px;}

				.startseite_uebersicht_hara_de a:hover		{ background: url(startseite_hara_de_on.png) center center no-repeat; }
				.startseite_uebersicht_harabelle_de a:hover	{ background: url(startseite_harabelle_de_on.png) center center no-repeat; }
				.startseite_uebersicht_haraspa_de a:hover	{ background: url(startseite_haraspa_de_on.png) center center no-repeat; }
				.startseite_uebersicht_haravita_de a:hover	{ background: url(startseite_haravita_de_on.png) center center no-repeat; }
				.startseite_uebersicht_harapet_de a:hover	{ background: url(startseite_harapet_de_on.png) center center no-repeat; }
				.startseite_uebersicht_harakids_de a:hover	{ background: url(startseite_harakids_de_on.png) center center no-repeat; }


				.startseite_uebersicht_hara_fr		{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harabelle_fr	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }
				.startseite_uebersicht_haraspa_fr	{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_haravita_fr	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }
				.startseite_uebersicht_harapet_fr	{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harakids_fr	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }

				.startseite_uebersicht_hara_fr a		{ display:block; width:230px; height:100px; background: url(startseite_hara_fr_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harabelle_fr a	{ display:block; width:230px; height:100px; background: url(startseite_harabelle_fr_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haraspa_fr a		{ display:block; width:230px; height:100px; background: url(startseite_haraspa_fr_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haravita_fr a	{ display:block; width:230px; height:100px; background: url(startseite_haravita_fr_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harapet_fr a		{ display:block; width:230px; height:100px; background: url(startseite_harapet_fr_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harakids_fr a	{ display:block; width:230px; height:100px; background: url(startseite_harakids_fr_off.png) center center no-repeat; text-indent:-9999px;}

				.startseite_uebersicht_hara_fr a:hover		{ background: url(startseite_hara_fr_on.png) center center no-repeat; }
				.startseite_uebersicht_harabelle_fr a:hover	{ background: url(startseite_harabelle_fr_on.png) center center no-repeat; }
				.startseite_uebersicht_haraspa_fr a:hover	{ background: url(startseite_haraspa_fr_on.png) center center no-repeat; }
				.startseite_uebersicht_haravita_fr a:hover	{ background: url(startseite_haravita_fr_on.png) center center no-repeat; }
				.startseite_uebersicht_harapet_fr a:hover	{ background: url(startseite_harapet_fr_on.png) center center no-repeat; }
				.startseite_uebersicht_harakids_fr a:hover	{ background: url(startseite_harakids_fr_on.png) center center no-repeat; }


				.startseite_uebersicht_hara_nl		{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harabelle_nl	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }
				.startseite_uebersicht_haraspa_nl	{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_haravita_nl	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }
				.startseite_uebersicht_harapet_nl	{ float:left; width:230px; height:100px; margin: 0 20px 20px 0; }
				.startseite_uebersicht_harakids_nl	{ float:left; width:230px; height:100px; margin: 0 0px 20px 0; }

				.startseite_uebersicht_hara_nl a		{ display:block; width:230px; height:100px; background: url(startseite_hara_nl_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harabelle_nl a	{ display:block; width:230px; height:100px; background: url(startseite_harabelle_nl_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haraspa_nl a		{ display:block; width:230px; height:100px; background: url(startseite_haraspa_nl_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_haravita_nl a	{ display:block; width:230px; height:100px; background: url(startseite_haravita_nl_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harapet_nl a		{ display:block; width:230px; height:100px; background: url(startseite_harapet_nl_off.png) center center no-repeat; text-indent:-9999px;}
				.startseite_uebersicht_harakids_nl a	{ display:block; width:230px; height:100px; background: url(startseite_harakids_nl_off.png) center center no-repeat; text-indent:-9999px;}

				.startseite_uebersicht_hara_nl a:hover		{ background: url(startseite_hara_nl_on.png) center center no-repeat; }
				.startseite_uebersicht_harabelle_nl a:hover	{ background: url(startseite_harabelle_nl_on.png) center center no-repeat; }
				.startseite_uebersicht_haraspa_nl a:hover	{ background: url(startseite_haraspa_nl_on.png) center center no-repeat; }
				.startseite_uebersicht_haravita_nl a:hover	{ background: url(startseite_haravita_nl_on.png) center center no-repeat; }
				.startseite_uebersicht_harapet_nl a:hover	{ background: url(startseite_harapet_nl_on.png) center center no-repeat; }
				.startseite_uebersicht_harakids_nl a:hover	{ background: url(startseite_harakids_nl_on.png) center center no-repeat; }



		
				#footer	{
						color:#8e8e8e;
						height:80px;
						margin: 35px 0;
						overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
						height:100%;		/* IE6 overflow:hidden hack */
						}

						.footer_left	{
									width:180px;
									height:80px;
									float:left;
									margin-right:20px;
									}
		
						.footer_right	{
									font-size:11px;
									line-height:15px;
									width:280px;
									height:80px;
									float:right;
									padding-top:30px;
									}
		
									#footer a:link 			{ color: #0fa0d7; text-decoration: none; }
									#footer a:visited		{ color: #0fa0d7; text-decoration: none; }
									#footer a:active 		{ color: #28508c; text-decoration: none; }
									#footer a:hover			{ color: #28508c; text-decoration: none; }

		
		#col3	{
				background:url(right_bg.jpg) no-repeat top left;
				width:200px;	/* 1000 -20 */
				min-height:600px;
				padding: 20px 0 30px 20px;
				float:left;
				}
		
		#col3 a:hover	{ 
		color: #28508c; text-decoration: none;
		}


/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */




/* NAVIGATION: 1 HORIZONTAL, 2 VERTIKAL, 3 VERTIKAL (IN DER 2ten LISTE DRIN) */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}


/* --------------------- NAV TOP 1st level --------------------- */

#navi_kategorien {
	height:50px;
	background-color:#fff;
	}

ul.nav1st {
	height: 50px;
	text-align: center;
	font-family: "FolksLightRegular";
	text-align:center;
}
	
ul.nav1st li {
	display:inline-block;
	overflow:hidden;
}

ul.nav1st a, ul.nav1st a:link {
	/* border: 1px solid #666666; */
	display:inline-block;
	padding:0 15px;
	font-size:16px;			/* font-size:19px; */
	line-height:50px;
	color:#28508c;
	background:#fff;
	text-decoration: none;
	text-transform: uppercase;
}

ul.top_1st a:hover {
	color:#28508c;
	text-decoration: none;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background:#28508c;
	color:#fff;
	text-decoration: none;
}

ul.nav1st li a.de_107	{ color:#28508c; }
ul.nav1st li a.de_108	{ color:#5e0a34; }
ul.nav1st li a.de_109	{ color:#1e7d8c; }
ul.nav1st li a.de_110	{ color:#55783c; }
ul.nav1st li a.de_111	{ color:#311e00; }
ul.nav1st li a.de_112	{ color:#681488; }

ul.nav1st li a.de_107:hover	{ color:#28508c; background:#eee; }
ul.nav1st li a.de_108:hover	{ color:#5e0a34; background:#eee; }
ul.nav1st li a.de_109:hover	{ color:#1e7d8c; background:#eee; }
ul.nav1st li a.de_110:hover	{ color:#55783c; background:#eee; }
ul.nav1st li a.de_111:hover	{ color:#311e00; background:#eee; }
ul.nav1st li a.de_112:hover	{ color:#681488; background:#eee; }

ul.nav1st li a.current.de_107	{ background:url(navi_ha-ra_de.png) bottom center no-repeat #28508c; }
ul.nav1st li a.current.de_108	{ background:url(navi_haraspa_de.png) bottom center no-repeat #5e0a34; }
ul.nav1st li a.current.de_109	{ background:url(navi_haraspa_de.png) bottom center no-repeat #1e7d8c; }
ul.nav1st li a.de_110.current	{ background:url(navi_haravita_de.png) bottom center no-repeat #55783c; }
ul.nav1st li a.de_111.current	{ background:url(navi_harapet_de.png) bottom center no-repeat #311e00; }
ul.nav1st li a.de_112.current	{ background:url(navi_harakids_de.png) bottom center no-repeat #681488; }


ul.nav1st li a.fr_107	{ color:#28508c; }
ul.nav1st li a.fr_108	{ color:#5e0a34; }
ul.nav1st li a.fr_109	{ color:#1e7d8c; }
ul.nav1st li a.fr_110	{ color:#55783c; }
ul.nav1st li a.fr_111	{ color:#311e00; }
ul.nav1st li a.fr_112	{ color:#681488; }

ul.nav1st li a.fr_107:hover	{ color:#28508c; background:#eee; }
ul.nav1st li a.fr_108:hover	{ color:#5e0a34; background:#eee; }
ul.nav1st li a.fr_109:hover	{ color:#1e7d8c; background:#eee; }
ul.nav1st li a.fr_110:hover	{ color:#55783c; background:#eee; }
ul.nav1st li a.fr_111:hover	{ color:#311e00; background:#eee; }
ul.nav1st li a.fr_112:hover	{ color:#681488; background:#eee; }

ul.nav1st li a.current.fr_107	{ background:url(navi_ha-ra_fr.png) bottom center no-repeat #28508c; }
ul.nav1st li a.current.fr_108	{ background:url(navi_haraspa_fr.png) bottom center no-repeat #5e0a34; }
ul.nav1st li a.current.fr_109	{ background:url(navi_haraspa_fr.png) bottom center no-repeat #1e7d8c; }
ul.nav1st li a.fr_110.current	{ background:url(navi_haravita_fr.png) bottom center no-repeat #55783c; }
ul.nav1st li a.fr_111.current	{ background:url(navi_harapet_fr.png) bottom center no-repeat #311e00; }
ul.nav1st li a.fr_112.current	{ background:url(navi_harakids_fr.png) bottom center no-repeat #681488; }


ul.nav1st li a.nl_107	{ color:#28508c; }
ul.nav1st li a.nl_108	{ color:#5e0a34; }
ul.nav1st li a.nl_109	{ color:#1e7d8c; }
ul.nav1st li a.nl_110	{ color:#55783c; }
ul.nav1st li a.nl_111	{ color:#311e00; }
ul.nav1st li a.nl_112	{ color:#681488; }

ul.nav1st li a.nl_107:hover	{ color:#28508c; background:#eee; }
ul.nav1st li a.nl_108:hover	{ color:#5e0a34; background:#eee; }
ul.nav1st li a.nl_109:hover	{ color:#1e7d8c; background:#eee; }
ul.nav1st li a.nl_110:hover	{ color:#55783c; background:#eee; }
ul.nav1st li a.nl_111:hover	{ color:#311e00; background:#eee; }
ul.nav1st li a.nl_112:hover	{ color:#681488; background:#eee; }

ul.nav1st li a.current.nl_107	{ background:url(navi_ha-ra_nl.png) bottom center no-repeat #28508c; }
ul.nav1st li a.current.nl_108	{ background:url(navi_haraspa_nl.png) bottom center no-repeat #5e0a34; }
ul.nav1st li a.current.nl_109	{ background:url(navi_haraspa_nl.png) bottom center no-repeat #1e7d8c; }
ul.nav1st li a.nl_110.current	{ background:url(navi_haravita_nl.png) bottom center no-repeat #55783c; }
ul.nav1st li a.nl_111.current	{ background:url(navi_harapet_nl.png) bottom center no-repeat #311e00; }
ul.nav1st li a.nl_112.current	{ background:url(navi_harakids_nl.png) bottom center no-repeat #681488; }




/* --------------------- NAV Links 2nd level --------------------- */

#top_navi {
	}

ul.nav2nd {
	text-align: center;
	font-family: "FolksBold";
}
	
ul.nav2nd li {
	display:inline;
	line-height:25px;
	margin: 0 10px;
}

ul.nav2nd a, ul.nav2nd a:link {
	/* border: 1px solid #666666; */
	font-size:18px;			/* font-size:19px; */
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
}

ul.top_2nd a:hover {
	color:#96bedc;
	text-decoration: none;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	color:#96bedc;
	text-decoration: none;

}


/* --------------------- NAV Links 3rd level --------------------- */

ul.nav3rd {
	font-family: "FolksLightRegular";
	}

ul.nav3rd li {
	font-size:20px;
	color:#28508c;
	display:block;
	padding-left:20px;
	line-height:32px;
	border-bottom:1px solid #c6c9cb;
	width: 180px;

}

ul.nav3rd li.active {
}

ul.nav3rd a, ul.nav3rd a:link {
 	/* border: 1px solid #666666;  */
	display:block;
	text-decoration: none;
	color:#28508c;
}

ul.nav3rd a:hover {
	color:#0fa0d7;
}

ul.nav3rd li a.current, ul.nav3rd li a.current:link {
	color:#0fa0d7;
}


ul.nav3rd li a.current:hover {
	color:#0fa0d7;
} 



/* --------------------- NAV Links 4th level --------------------- */

ul.nav4th {
	/* border-bottom: 1px dotted #003385; */
	margin-left:15px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
	margin-bottom:3px;

}

ul.nav4th li {
	padding-left:10px;
	font-weight: bold;
	padding-top:3px;
	padding-bottom:3px;
}

ul.nav4th li.active {

}

ul.nav4th a, ul.nav4th a:link {
	text-decoration: none;
	color:#003385;

}

ul.nav4th a:hover {
	color:#16996a;
}

ul.nav4th li a.current, ul.nav4th li a.current:link {
	color:#16996a;
}

ul.nav4th li a.current:hover {
	color:#16996a;
}





/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */




/*  - - - - - - - -   rex4mod1 - Artikel schreiben - - - - - - - - - - */

div.rex4mod1 {
 	font-size: 13px; line-height:17px;
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */}  

div.rex4mod1_date { display:none; }

div.rex4mod1_title {
	font-family: "FolksLightRegular", Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px; color: #0fa0d7; line-height:35px;
	margin-bottom: 15px; }

div.rex4mod1_editor {
 	font-size: 13px; line-height: 19px;
	color:#424242;
	margin-bottom: 10px; }
	
div.rex4mod1_editor p {
 	margin-top: 8px; }

div.rex4mod1_editor h1 {
	font-family: "FolksLightRegular", Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px; color: #28508c; line-height:35px;	margin-top: 15px; margin-bottom: 3px; }

div.rex4mod1_editor h2 {
	font-family: "FolksLightRegular", Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px; color:#28508c; line-height:24px;	
	margin-top: 15px; }
	
div.rex4mod1_editor h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px; line-height:17px; /*font-weight: bold;*/
	margin-top: 15px; }

div.rex4mod1_editor ul {
	list-style: disc;
	margin-left:30px; margin-top:5px; margin-bottom:5px; }

div.rex4mod1_editor ol {
	margin-left:30px; margin-top:5px; margin-bottom:5px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:visited	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:active 	{ color: #28508c; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:hover 	{ color: #28508c; font-weight:bold; text-decoration: none; }

div.rex4mod1_editor table {
	width:480px; } 

div.rex4mod1_editor td {
	background-color: #eeeeee; color:#424242;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod1_editor thead td {
	background-color: #0fa0d7; color:#fff;
	padding-left:5px; padding-right:5px; }










/*  - - - - - - - -   rex4mod2 - News schreiben - - - - - - - - - - */

div.rex4mod2 {
 	font-size: 13px; line-height:17px;
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */}  

div.rex4mod2_date { /*display:none;*/ color: #424242; }

div.rex4mod2_title {
	font-family: "FolksLightRegular", Arial, Helvetica, Verdana, sans-serif; 
	font-size: 30px; color: #0fa0d7; line-height:35px;
	margin-bottom: 15px; }

div.rex4mod2_editor {
 	font-size: 13px; line-height: 19px;
	color:#424242;
	margin-bottom: 10px; }
	
div.rex4mod2_introtext {
 	font-size: 13px; line-height: 19px; font-style:italic;
	color:#28508c;
	margin-bottom: 5px; }
	
div.rex4mod2_editor p {
 	margin-top: 4px;}

div.rex4mod2_editor h1 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 20px; line-height:35px;	margin-top: 15px; margin-bottom: 3px; }

div.rex4mod2_editor h2 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 17px; color:#28508c; line-height:24px;	
	margin-top: 15px; }
	
div.rex4mod2_editor h3 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 14px; line-height:17px; /*font-weight: bold;*/
	margin-top: 15px; }

div.rex4mod2_editor ul {
	list-style: disc;
	margin-left:30px; margin-top:5px; margin-bottom:5px; }

div.rex4mod2_editor ol {
	margin-left:30px; margin-top:5px; margin-bottom:5px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:visited	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:active 	{ color: #28508c; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:hover 	{ color: #28508c; font-weight:bold; text-decoration: none; }

div.rex4mod2_editor table {
	width:480px; } 

div.rex4mod2_editor td {
	background-color: #eeeeee; color:#424242;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod2_editor thead td {
	background-color: #0fa0d7; color:#fff;
	padding-left:5px; padding-right:5px; }
	





/*  - - - - - - - -   rex4mod - 3 - Teaser  - - - - - - - - - - */


.teaser {							/* ------ der komplette Teaser ------- */
	margin-bottom:20px;
	font-size: 12px; }

.teaser .teaserartikel {					/* ------ ein Teaserartikel ------- */
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #5a6571; 		/* muss sein, sonst Probleme in IE7 */
	overflow:hidden; 						/* damit die floats nach dem container gecleared werden*/
	height:100%;							/* IE6 overflow:hidden hack */
}

.teaser .teaserdatum {
		font-size: 11px; color:#8e8e8e; line-height:10px; text-align: left; margin-bottom:5px}

	.teaser div.teaserfoto {				/* ------ das Teaserfoto ------- */
		margin: 0 15px 0 0px; 
		float:left; }
		
	.teaser div.teasertext {				/* ------ die restliche Teaserinfos ------- */
		margin-left:115px; 			/* Breite des Bildes + 	margin-right des Bildes */
		color: #424242;
		font-size: 13px; line-height: 17px;
		}		
	
	.teaser .teasertitel {
		font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-weight:bold; color:#0fa0d7;
		font-size: 14px; line-height:20px;	margin-bottom: 5px;}
	
	.teaser div.teasertitel a:link 			{ color: #0fa0d7; text-decoration: none; }
	.teaser div.teasertitel a:visited 		{ color: #0fa0d7; text-decoration: none; }
	.teaser div.teasertitel a:active 		{ color: #0fa0d7; text-decoration: underline; }
	.teaser div.teasertitel a:hover 		{ color: #0fa0d7; text-decoration: underline; }
	
	.teaser .teasereinleitung 				{	}
	
	.teaser .teasereinleitung p 			{ padding:0px; margin:0px; }
		
	.teaser div.teasereinleitung a:link 	{ color: #0fa0d7; text-decoration: none; }
	.teaser div.teasereinleitung a:visited 	{ color: #0fa0d7; text-decoration: none; }
	.teaser div.teasereinleitung a:active 	{ color: #0fa0d7; text-decoration: underline; }
	.teaser div.teasereinleitung a:hover 	{ color: #0fa0d7; text-decoration: underline; }

.teaser .teasernav 							{ /*display:none*/ }

.teaser div.teasernav a:link 				{ color: #0fa0d7; text-decoration: none; }
.teaser div.teasernav a:visited 			{ color: #0fa0d7; text-decoration: none; }
.teaser div.teasernav a:active 				{ color: #0fa0d7; text-decoration: none; }
.teaser div.teasernav a:hover 				{ color: #0fa0d7; text-decoration: none; }

.teaser .teaserarchivlink 					{ display:none; }

.teaser div.teaserarchivlink a:link 		{ color: #0fa0d7; text-decoration: none; }
.teaser div.teaserarchivlink a:visited 		{ color: #0fa0d7; text-decoration: none; }
.teaser div.teaserarchivlink a:active 		{ color: #0fa0d7; text-decoration: none; }
.teaser div.teaserarchivlink a:hover 		{ color: #0fa0d7; text-decoration: none; }









/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px; color: #0fa0d7; line-height:35px;	margin-top: 15px; margin-bottom: 3px; }

div.title2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px; color:#28508c; line-height:24px;	
	margin-top: 15px; }

div.title3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px; line-height:17px; font-weight: bold;
	margin-top: 15px; }








/*  - - - - - - - -   rex4mod - 7 - Sitemap  - - - - - - - - - - */

/* Allgemein */

.wglLinkTree             				{ margin:0; }
.wglLinkTree *                  		{ margin:0;padding:0 }
.wglLinkTree ul                     	{ list-style-type:none; }
.wglLinkTree li                 		{ list-style:none; }

/* - - - - Sitemap Level 1 - - - - */

.wglLinkTree .navLevel1 { 
	/* border: 1px dotted #5a6571;  */
	margin:0px 0; 
	font-size:14px; line-height:30px; }

.wglLinkTree .navLevel1 a       		{ color: #28508c; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel1 a:hover    		{ color: #28508c; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 2 - - - - */

.wglLinkTree .navLevel2 {
	margin-left:25px; padding-left:15px; 
	font-size:12px; line-height:18px;
	background-image: url(line.gif); background-repeat: no-repeat; background-position: left center; }

.wglLinkTree .navLevel2 a        		{ color: #0fa0d7; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel2 a:hover			{ color: #0fa0d7; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 3 - - - - */

.wglLinkTree .navLevel3 { 
	margin-left:25px; padding-left:40px; 
	font-size:12px; line-height:18px;
	background-image: url(line2.gif); background-repeat: no-repeat; background-position: left center; }
	
.wglLinkTree .navLevel3 a          		{ color: #424242; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel3 a:hover      	{ color: #424242; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 4 - - - - */

.wglLinkTree .navLevel4 { 
	margin-left:25px; padding-left:65px; 
	font-size:12px; line-height:18px;
	background-image: url(line3.gif); background-repeat: no-repeat; background-position: left center; }

.wglLinkTree .navLevel4 a           	{ color: #8e8e8e; font-weight:normal; text-decoration: none;}
.wglLinkTree .navLevel4 a:hover       	{ color: #8e8e8e; font-weight:normal; text-decoration: underline;}



/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*/

/* Defaultwerte um die radiobutton, checkboxen und selectboxen zu formatieren */
.checkbox, .radio {
	width: 20px;
	height: 20px;
	background: url(checkbox.png) no-repeat;
	display: block;
	float:left;
}
.radio {
	background: url(radio.png) no-repeat; 
}
 
.select {
	font: 0.8em/21px arial,sans-serif; /* Damit auf Hôhe zentriert ist*/ 
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #202020;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	background: url(select.png) no-repeat;
	border: none;}




/* Div das das Formular umschließt */
.formgen {	font-size: 12px; }
.formgen form { line-height : 120%; }

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formblock {  } /* Div wo das submit sich befindet */

/* Umschliesst das div mit den Fehlermeldungen */
.forminfo {
	color: #C00;
	font-weight: bold;
	background-color:#fbd0c6;
	border: 1px solid #fb977c;
	padding: 2px 5px; line-height: 18px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.forminfo .title { font-size: 20px; margin: 3px 0 7px 0; border-bottom: 1px dotted #C00; padding-bottom: 5px; }

/* Verhalten von br-Tags */
.formgen br { clear : both; }


/* --------- FORMULAR-OBJEKTE ------------ */

.formgen input, .formgen textarea {
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	background-color: #fff;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 250px;
	height: 125px;
	border: 1px solid #8e8e8e;
	margin-top: 5px;  /* Bezeoht sich auf die lein-height von .formgen label */
}


/* Textfeld */
.formgen .formtext {
	color: #424242;
	line-height: 18px;
	height: 18px;
	width: 250px;
	border: 1px solid #8e8e8e;
	margin-top: 3px;  /* Bezeoht sich auf die lein-height von .formgen label */
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #28508c;
}



/* Label */
.formgen label {
	width: 165px;
	clear: left;
	float: left;
	line-height: 30px;
	font-weight: bold;
	color: #6d6d6d;
	font-size: 13px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 254px;
	margin: 0 0 0 190px;  /* 150px für die breite der label + 10px für das padding-left der .unterteilung */
	text-align: center; font-size: 13px; font-weight: bold;
	background-color: #0fa0d7;
	border: 1px solid #0fa0d7;
	color: #ffffff;
	margin-top: 15px;
	height: 23px;
}

.formgen .formsubmit:hover
{
	background-color: #fff;
	border: 1px solid #0fa0d7 ;
	color: #0fa0d7;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #fff;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}


/* --------- START Radiobuttons --------- */
/* 	Eine Gruppe der Radio Buttons */	

 .formgen label.formradio {			/* ?bernimmt die Css von .formgen label, daher jetzt einige ?nderungen */
	/*border:1px solid blue; */  
	clear: none; float:left; 		/* nicht l?schen */
	line-height: 20px; padding-left: 7px; font-weight: normal;
	}
	
/*	radio - Aussehen der Radio Buttons */				
.formgen .radio {
	/*border: 1px solid blue;*/
	margin-left: 180px; }
	
.formgen .checkbox {
	/*border: 1px solid blue;*/
	margin-top: 5px; }
	

/* --------- ENDE Radiobuttons --------- */
.formgen select { border: 1px solid #fff; }  /* Damit das original in opera nicht angezeigt wird*/
.formgen .select_field { float:left; margin-top: 4px;} /* Div welches sich um das select tag ist (muss wegen opera so gemacht werden) */


/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-widthsq: 1px;
	color: #C00;
}

.formgen .captcha
{
	text-align:center;
	margin-top: 5px;	
}

.formgen .formcaptcha
{
}

.formgen .formreq {
	color: #6d6d6d;
}

.formgen .formheadline {
	color: #0fa0d7;
	/*background-color: #ececec;*/
	border-bottom: 1px dotted #0fa0d7;
	line-height: 25px;
	font-weight: bold;
	margin: 25px 0 10px 0;
	padding-left: 10px;
	font-size: 14px;
}


.formgen .unterteilung {
	padding-left: 25px;
	}
	
.formgen .formhinweis  {
	margin-left: 180px; font-style: italic; margin-bottom: 10px;
	}
	
	
.formgen .unterteilung .title {
	font-weight: bold; line-height:18px; margin-top: 10px;
	}
	
.formgen .captcha {
	width: 250px;
	margin-left: 165px;
	}
	
.formgen .back {
	font-weight: bold;
	}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */






/*//////////////////////////////////////////////////////////////////////////////*
/*  - - - - - - - -   Shop-Addon - - - - - - - - - - */
.mini_warenkorb	{
					background:url(warenkorb_bg_hara.png) no-repeat;
					width: 200px;
					height:155px;
					overflow: hidden;
					margin-bottom: 30px;
					}
		
		.mini_warenkorb a {
			color: #fff;
			}
			
		.mini_warenkorb a:hover {
			color: #28508c; text-decoration: none;
			}
			
		.mini_warenkorb .title {
					font-size: 15px;
					margin: 5px 0 2px 0;
					text-align: center;
					text-transform: uppercase;
					color: #fff;
			}
			
		.mini_warenkorb .title a { color: #fff; text-decoration: none;}
		.mini_warenkorb .title a:hover { color: #0fa0d7; text-decoration: none;}
		
		.mini_warenkorb .number_products {
					color: #fff;
					font-size: 14px;
					font-weight: bold;
					text-align: center;
					margin-top: 10px;
			}
			
		.mini_warenkorb .price {
					color: #ffffff;
					font-size: 35px;
					font-weight: bold;
					margin-top: 12px;
					text-align: center;
			}
			
		.mini_warenkorb .tax_info {
				font-size: 11px;
				color: #fff;
				line-height: 13px;
					text-align: center;
		}
							
		.mini_warenkorb .message {
			color: #fff;
			font-size: 16px;
			
			font-weight: bold; text-align:center;
			margin: 50px 0 0 0;
		}
		
		.mini_warenkorb .arrow_to_right {
			float: right;
			margin: 25px 10px 0 0;
		}
		
		.mini_warenkorb .link_to_cart {
			line-height: 20px;
			margin: 20px 10px 10px 10px;
			text-align: center;
			width: 180px;
			}
			
		.mini_warenkorb .link_to_cart a { color: #0fa0d7; font-weight:bold; background-image: url(button_off_grey.png); display:block; }
		.mini_warenkorb .link_to_cart a:hover { color: #0fa0d7; font-weight:bold; background-image: url(button_on_grey.png); }
		
.login { 
	background: #d5d5d4;
	padding: 0 10px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;*/
	color: #8e8e8e;
	overflow: hidden;
	height: 100%;
}

.login_top {	width: 100%; height: 10px;	background-image: url(client_area_top.jpg);	}
.login_bottom {	width: 100%; height: 10px;	background-image: url(client_area_bottom.jpg);	}

.login a.request {
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 5px;
	}

.login .line {
	overflow: hidden;
	height: 100%;
	margin-top: 8px;
	}
	
.login label {
	height: 18px;
	color: #28508c;
	font-size: 13px;
	width: 70px;
	float: left;
	}

.login .login_eingabe {
	padding-left: 3px;
	color: #424242;
	float: right;
	background: #d5d5d4 url(input_text_bg_100.png); background-repeat: no-repeat; width: 97px;
	font-size: 11px;  height: 18px; line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	}

.login input[type=submit] {
	background: #d5d5d4 url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	}

.login input[type=submit]:hover { 
	background: #d5d5d4 url(button_bg_on.png); 
	color: #0fa0d7;
}

.login .name {
	font-size: 15px;
	color: #28508c;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
.login .adress {
	font-size: 13px;
	color: #28508c;
	margin-bottom: 8px;
	}
	
.login a.logout {
	background: #d5d5d4 url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	text-align: center;
	text-decoration: none;
	}
	
.login a.logout:hover {
	background: #d5d5d4 url(button_bg_on.png);
	color: #0fa0d7;
	}
	



.profil	{
		width:100%;
		overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
		height:100%;		/* IE6 overflow:hidden hack */	
		}
		
		.profil h1	{
				font-size:20px;
				margin-bottom:25px;
				color: #0fa0d7;
				}
				
		.profil .title {
				font-size:14px;
				margin-bottom:7px;
				color: #28508c;
				font-weight: bold;
				border-bottom: 1px dotted #28508c;
				padding-bottom: 5px;
			}

		.profil label	{
				width:230px;
				font-size: 13px;
				float:left;
				color: #28508c;
				}

		.profil div	{
				overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
				height:100%;		/* IE6 overflow:hidden hack */	
				margin-bottom:20px;
				}
				
		.profil div.info	{
				color: #777777;
				}
				
		.profil p {
				float:left;
				/*margin-right: 30px;*/
				width: 230px;
				margin-bottom: 5px;
			}
			
		.profil p.right {
				float:left;
				padding-left: 230px;
				font-size: 13px;
			}
			
		.profil p.left {
				float:left;
				width: 100%;
				font-size: 13px;
			}
			
		.profil p.alone {
				float:left;
				width: 100%;
				font-size: 13px;
				margin: 5px 0 20px 0;
				color: #777;
				font-size: 11px; line-height:15px;
			}

				
		.profil input.text	{
				padding-left: 3px;
				color: #424242;
				background: url(input_text_bg_200.png); background-repeat: no-repeat; width: 197px;
				font-size: 11px;  height: 18px; line-height: 18px;
				font-family: Arial, Helvetica, sans-serif;
				border: none;
		}
	
		.profil input.checkbox	{
				background: none;
				border: none;
		}

		.profil .submit	{
				background: url(button_bg_off.png); width: 180px;
				color: #ffffff;
				margin-top: 10px;
				font-size: 13px;  height: 20px; padding-bottom: 2px;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				border: none;
				}

		.profil .submit:hover	{
				background: url(button_bg_on.png); width: 180px;
				color: #0fa0d7;
				}
				
		.profil .select {
			
			}

		.err_message {
			color: #C00;
			font-weight: bold; font-size: 13px;
			background-color:#fbd0c6;
			border: 1px solid #fb977c;
			padding: 2px 5px; line-height: 18px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin-bottom: 25px;
			}
			
		.ok_message {
			padding: 5px;
			width: 100%;  /* wegen padding */
			backgdsround-color: #0fa0d7;
			border: 1px solid #28508c;
			color: #0fa0d7;
			font-weight: bold;
			font-size: 13px;
			margin-bottom: 15px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}
			
			
			

#prod_view {
	overflow: hidden;
	height: 100%;
	}
	
#prod_view h1{
	font-family: 'FolksLightRegular';
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 15px;
	color: #0fa0d7;
	font-weight: normal;
	}
	
#prod_view .intro{
	color: #666;
	margin-bottom: 20px;
	}
	
#prod_view .product {
	padding: 10px 0 ;
	border-bottom: 1px solid #c6c9cb;
	width: 480px;  /* plus die 2px vom border sind es 150 */
	/*border-bottom: 1px dashed #e46900;*/
	overflow: hidden;
	height: 100%;
	}

#prod_view .prod_image {
	float: left; 
	line-height: 100px;
	width: 100px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	}
	
#prod_view .prod_image img { 
	vertical-align:middle;  /* der div container vom bild muss line-height haben!!! */
}
	
#prod_view .info {
	float: left;
	width: 358px; /* wegen den 1px border vom bild */ 
	overflow: hidden;
	height: 100%;
	padding-left: 20px;
	}
	
/* DER EDITORINHALT */	
	
div.desc1 {
 	font-size: 13px; line-height: 19px;
	color:#424242;
	margin-bottom: 20px; }
	
div.desc1 p {
 	margin-top: 8px; }

div.desc1 h1 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 20px; color: #28508c; line-height:35px;	margin-top: 15px; margin-bottom: 3px; }

div.desc1 h2 {
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 17px; color:#28508c; line-height:24px;	
	margin-top: 15px; }
	
div.desc1 h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px; line-height:17px; /*font-weight: bold;*/
	margin-top: 15px; }

div.desc1 ul {
	margin:15px 0;
	padding: 10px 10px;
	border:1px solid #d0d3d5;
	background-color:#fafafb; }

div.desc1 ol {
	margin:15px 0;
	padding: 10px 30px;
	border:1px solid #d0d3d5;
	background-color:#fafafb; } 
	
div.desc1 ul li { /* border:1px solid #000; */ list-style-type:none; padding-left:25px; background: url(haken.png) no-repeat 0px 7px; line-height:25px;}
div.desc1 ol li { /* border:1px solid #000; */ list-style-type: decimal;}

	
div.desc1 a:link 	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.desc1 a:visited	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.desc1 a:active 	{ color: #28508c; font-weight:bold; text-decoration: none; }
div.desc1 a:hover 	{ color: #28508c; font-weight:bold; text-decoration: none; }

div.desc1 table {
	width:480px; } 

div.desc1 td {
	background-color: #eeeeee; color:#424242;
	padding-left:5px; padding-right:5px; } 
	
div.desc1 thead td {
	background-color: #0fa0d7; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	
/* DER EDITORINHALT */	
	
	

#prod_view .name h2 {
	font-size: 20px;	
	line-height: 26px;
	font-weight: bold;
	color: #28508c;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#prod_view .name a {
	color: #28508c;
	text-decoration: none;
	}
	
#prod_view .name a:hover {
	text-decoration:;
	color: #0fa0d7;
	}
	
#prod_view .price {
	font-size: 20px;
	margin-top: 10px;
	font-weight: ;
	color: #0fa0d7;
	}

#prod_view .price span {
	font-size: 14px;
	font-weight: bold;
	color: #e46900;
	padding-left: 3px;
	background: url(line_through.png) top left repeat-x;
	}
	
#prod_view .price .badge { 
	position: absolute;
	top: -5px;
	right: 0;
	width: 90px;
	height: 40px;
	background: url(badge.png) top left no-repeat;
	line-height: 40px;
	text-align:center;
	color: #000;
	font-size: 16px;
	}
	
#prod_view .desc {
	font-size: 12px;
	font-style:italic;
	color: #828282;
	}
	
#prod_view .art_nr {
	font-size: 12px;
	margin: 7px 0 0 0;
	color: #828282;
	/*display: none;*/
	}

#prod_view .add_to_cart {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 180px;
	text-align: right;
	}
	
#prod_view .add_to_cart input {
	width: 20px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 5px;
	}
#prod_view .add_to_cart .submit {
	background:url(button_bg.png) no-repeat;
									font-size:12px;
									border: none;
									width: 160px;	/* 210 -25 -25 */
									height:24px;
									line-height:24px;
									color: #111111;
									text-align: center;
									text-decoration: none;
}



#prod_details {
	width: 100%;
	}
	
	
#prod_details .product {
	overflow: hidden;
	height: auto;
	position: relative;
	}
	
#prod_details .galery {
	/*float: left;
	margin-right: 15px;*/
	float: left;
	width: 100%;
	color: #fff;
	font-style: italic;
	overflow: hidden;
	height: 100%;
	margin: 15px 0 20px 0;
	}
	
#prod_details .prod_image {
	line-height: 200px;
	width: 200px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	text-align: center;
	float:left;
	}

#prod_details .prod_image img {
	vertical-align: middle;
	}
	

#prod_details  .thumbs {  
	float: right;
	width: 250px;
}
#prod_details  .thumbs div { 
	line-height: 60px; 
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	text-align: center;
	margin: 0px 5px 5px 0;
	float: left;
	}

#prod_details  .thumbs img {
	vertical-align: middle;
	}

	
#prod_details .info {
	float: left;
	width: 100%;
	overflow: hidden;
	height: auto;
	}

#prod_details .name {
	font-family: 'FolksLightRegular';
	font-weight: normal;
	font-size: 30px;
	line-height: 36px;
	color: #0fa0d7;
	width: 100%;
	}
	
#prod_details .info .title {
	margin-top: 0px;
	font-size: 25px;
	line-height: 30px;
	color: #28508c;
	text-align: left;
	}
	
#prod_details .desc0 {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #8e8e8e; font-weight:bold;
	font-style: italic;
	display: none;
	}
	
#prod_details .desc1 {
	font-size: 12px;
	color: #8e8e8e;
	}
	
#prod_details .desc2 {
	font-size: 12px;
	margin-top: 10px;
	color: #8e8e8e;
	}
	
#prod_details .soundfile {
	margin-top: 15px;
	}
	
#prod_details object {
	margin-top: 5px;
	}
	
#prod_details .price {
	font-size: 35px;
	line-height: 40px;
	font-weight: bold;
	color: #0fa0d7;
	text-align: left;
	/*position: relative;*/
	}
	
#prod_details .price_title {
	margin-top: 20px;
	font-size: 25px;
	line-height: 30px;
	color: #28508c;
	text-align: left;
	}
	
#prod_details .price span {
	font-size: 30px;
	line-height: 25px;
	font-weight: bold;
	color: #8e8e8e;
	text-align: left;
	padding-left: 0px;
	background: url(line_through.png) top left repeat-x;
	}

#prod_details .price .badge { 
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 40px;
	background: url(badge.png) top left no-repeat;
	line-height: 40px;
	text-align:center;
	color: #000;
	font-size: 16px;
	}
	
#prod_details .art_nr {
	font-size: 12px;
	color: #8e8e8e;
	}
	
#prod_details .weight {
	font-size: 12px;
	font-weight: bold;
	color: #8e8e8e;
	margin-top: 5px;
	display: none;
	}
	
#prod_details .tax_info {
	margin-top: 5px;
	font-size: 12px;
	color: #8e8e8e;
	text-align: left;
	}

#prod_details .text_available{
	margin: -5px 0 5px 0;
}

#prod_details .text_available a { color: #8e8e8e; text-decoration: none; }
#prod_details .text_available a:hover { color: #8e8e8e; text-decoration: underline; }

#prod_details .no_available {
	font-size: 12px;
	color:#8e8e8e;
	text-align: left;
	float: right;
	font-weight: bold;
	width: 320px;
	margin-bottom: 10px;
	/*background: url(trennlinie_320.png) top left;
	background-repeat:no-repeat;
	margin: 15px 0;
	padding-top:10px;*/
	}


#prod_details .add_to_cart {
	width: 250px;
	float:left;
	/*border-top: 1px dotted #8e8e8e;*/
	margin: 15px 0;
	text-align: left;
	padding-top: 10px;
	}
#prod_detail .button {
	margin-top: 15px;
	border: 1px solid black;
	}
	
#prod_details .add_to_cart .available {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	}

	
#prod_details .add_to_cart input[type=text] {
	width: 30px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #8e8e8e;
	text-align: center;
	}
#prod_details .add_to_cart .submit {
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

#prod_details .add_to_cart .submit:hover { 
	background-image: url(button_bg_on.png);
	color: #0fa0d7;
}


#prod_details .back {	margin-bottom: 10px;	}
#prod_details .back a {	font-size: 12px; font-weight: bold; color:#8e8e8e; text-decoration:none; }
#prod_details .back a:hover {text-decoration:underline;}


#big_cart {
	width: 100%;
	overflow: hidden;
	height: 100%;
	}
	
#big_cart h1 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #0fa0d7;
	line-height: 35px;
	}
	
#big_cart .control_text {
	color: #777777;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: -5px;
	font-size: 12px;
	}
	
	
#big_cart .title_product {
	float: left;
	width: 275px;
	margin-right: 1px;
	background-color: #0fa0d7;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
	}
	
#big_cart .title_amount {
	float: left;
	width: 79px;
	margin-right: 1px;
	background-color: #0fa0d7;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	}
	
#big_cart .title_price {
	float: left;
	width: 109px;
	background-color: #0fa0d7;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	}
	
#big_cart .product {
	overflow: hidden;
	height: 100%;
	border-bottom: 1px dotted #28508c;
	padding: 10px 0 15px 0;
	float: left;
	/*border: 1px solid black;*/
	}

#big_cart .col_product{
	float: left;
	width: 280px;
	overflow: hidden;
	height: 100%;
}

#big_cart .col_amount{
	float: left;
	width: 85px;
	text-align: right;
}

#big_cart .col_price{
	float: left;
	width: 115px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#big_cart img {
	float: left;
	width: 75px;
	margin-right: 10px;
	}
	
#big_cart .title {
	float:left;
	width: 185px;
	font-size: 13px;
	color: #28508c;
	font-weight: bold;
	margin-bottom: 15px;
	}

#big_cart .price_per_item {
	float:left;
	width: 185px;
	font-size: 12px;
	color: #8e8e8e;
	}
	
#big_cart .art_nr {
	float:left;
	width: 230px;
	font-size: 12px;
	color: #8e8e8e;
	font-weight: bold;
	}
	
#big_cart .status {
	float:left;
	width: 230px;
	font-size: 12px;
	color: #8e8e8e;
	font-weight: bold;
	}
	
#big_cart .col_amount {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
	
#big_cart .col_amount input {
	width: 25px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #8e8e8e;
	background-color: #fff;
	font-size: 13px;
	}
	
#big_cart .col_amount .delete {
	width: 20px;
	float: right;
	overflow: hidden;
}
#big_cart .col_amount .delete img {
	width: 20px;
	height: 20px;
	margin: 0;
	}
	
#big_cart .col_totalvalue {
	float: left;
	width: 350px;
	font-size: 16px;
	color: #0fa0d7;
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
	}
#big_cart .tax_info {
	font-size: 11px;
	color: #0fa0d7;
	font-weight: normal;
	}
	
#big_cart .col_totalprice {
	float: left;
	width: 130px;
	font-size: 16px;
	color: #0fa0d7;
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
	}

#big_cart .buttons {
	float:right;
	text-align: right;
	width: 200px;
	}
	
#big_cart .buttons input {
	margin-top: 20px;
	margin-left: 20px;
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

#big_cart .buttons input:hover { 
	background: url(button_bg_on.png); width: 180px;
	color: #0fa0d7;
}
	
#big_cart .buttons a {
	margin-top: 20px;
	margin-left: 20px;
	background: url(button_order_off.png); width: 180px;
	color: #ffffff;
	font-size: 14px;  height: 24px; line-height: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	text-align: center;
	display: block;
}

#big_cart .buttons a:hover { 
	background: url(button_order_on.png); width: 180px;
	color: #0fa0d7;
}
	
#big_cart a.frozen {
	background: url(button_bg_frozen.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	text-align: center;
	cursor:default;
	}
	
#big_cart a.frozen:hover { 
	background: url(button_bg_frozen.png); width: 180px;
	color: #fff;
}
	
#big_cart .message {
	float:left;
	text-align: right;
	font-size: 11px;
	color: #8e8e8e;
	margin: 5px 0 0 0;
	width: 100%;
	}
	
#big_cart .back {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: right;
	}
#big_cart .back a {	font-size: 12px; font-weight: bold; color:#0fa0d7; text-decoration:none;}
#big_cart .back a:hover {text-decoration:underline;}
	
	
	
#order {}
	
#order .login_eingabe {
	
	}
	
#order .button {
	
	}

#order h1 {
	font-size: 30px; color: #0fa0d7; line-height:35px; font-weight: bold;
	margin-bottom: 15px; 	
	}

#order .title {
	color: #28508c;
	border-bottom: 1px dotted #28508c;
	line-height: 25px;
	font-weight: bold;
	margin: 25px 0 10px 0;
	}


.order_datas { overflow: hidden;
				height: 100%;
				margin-bottom: 30px; color: #8e8e8e;}


				
.order_datas .adress1, .adress2 { float: left; width: 230px; margin-bottom: 10px; font-size:12px; }
.order_datas .title_adress { font-size: 13px; font-weight: bold;}
.order_datas .infos_client { width:100%; float:left; font-size:12px; }
.order_datas .info { width:100%; margin-bottom:10px; font-weight:bold; font-size:11px; float:left; color:#777777; margin-top: -3px; }
.order_datas .link { float:left; margin-top: 10px;}
.order_datas .link a { color: #0fa0d7; text-decoration: none; font-weight:bold; }
.order_datas .link a:hover { text-decoration: underline;}


#order .order_cart { overflow:hidden; height: 100%; margin-bottom: 30px; }
#order .order_cart .title_product { 	float: left; width: 280px; border-bottom:3px solid #0fa0d7; color:#0fa0d7; padding-bottom: 3px; }
#order .order_cart .title_amount { 		float: left; width: 80px; border-bottom:3px solid #0fa0d7; color:#0fa0d7; padding-bottom: 3px;  text-align: right;}
#order .order_cart .title_weight { 		float: left; width: 125px; border-bottom:3px solid #0fa0d7; color:#0fa0d7; padding-bottom: 3px;  text-align: right; display: none;}
#order .order_cart .title_price { 		float: left; width: 120px; border-bottom:3px solid #0fa0d7; color:#0fa0d7; padding-bottom: 3px;  text-align: right;}

#order .order_cart .product { /*overflow: hidden; height: 100%;*/ }
#order .order_cart .col_product { float:left; width: 280px; border-bottom:1px solid #777777; height: 40px; }
#order .order_cart .col_amount { float:left; width: 80px;border-bottom:1px solid #777777; text-align: right;height: 40px; }
#order .order_cart .col_weight { float:left; width: 125px;border-bottom:1px solid #777777; text-align: right;height: 40px; font-weight: bold; font-size:12px; display: none;}
#order .order_cart .col_price { float:left; width: 120px;border-bottom:1px solid #777777; text-align: right;height: 40px; font-weight: bold;font-size:12px;}

#order .order_cart .col_product .title { border: none; background:none; padding:0; margin:0; font-size: 12px; font-weight:normal; color:#28508c; }
#order .order_cart .col_product .art_nr { color: #777777; font-size:11px; font-style: italic; }
#order .order_cart .col_price .price_per_item { font-size:11px; font-weight: normal;}
#order .order_cart .col_weight .weight { font-size:11px; font-weight: normal; display:none;}

#order .order_cart .col_totalweight {float: left; width: 470px; text-align:right; font-size: 13px; font-weight: bold; color:#fff; margin: 5px 0 0 0; display:none;}
#order .order_cart .col_totalprice {float: right; width: 125px; text-align:right; font-size: 13px; font-weight: bold; color:#28508c; margin: 5px 0 0 0;}

#order .order_payment { overflow:hidden; height: 100%; margin-bottom: 30px; }
#order .order_message { overflow:hidden; height: 100%; margin-bottom: 30px; }
#order .order_message textarea { 
border: 1px solid #8e8e8e;
	width: 300px;
	height: 100px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	background-color: #fff;   }
	
#order .confirm_agb, #order .newsletter_register { 
	font-size: 12px;}

#order .newsletter_seller {
	display: none;
	margin-bottom: 20px;
	}
	
#order .newsletter_seller input {
	border: 1px solid #8e8e8e;
	margin-left: 30px;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
	width: 120px;
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	}

#order  .submit { 
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

#order  .submit:hover { 
	background: url(button_bg_on.png); 
	color: #0fa0d7;
}

#order .back {	margin-top: 15px;}
#order .back a {	font-size: 12px; font-weight: bold; color:#0fa0d7; text-decoration:none; }
#order .back a:hover {text-decoration:underline;}

#order .error {
	color: #C00;
	font-weight: bold;
	background-color:#fbd0c6;
	border: 1px solid #fb977c;
	padding: 2px 5px; line-height: 18px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	}
/*//////////////////////////////////////////////////////////////////////////////*






/******** SIMPLE USER LOGIN **********/
.user_login {
	font-size: 13px;
	line-height: 19px;
	}
	
.user_login h1 {
	font-size: 30px; color: #0fa0d7;
	margin-bottom: 20px;
	}
	
.user_login form {
	margin-top: 30px;
	}

.user_login form input[type=text], .user_login form input[type=password] {
	padding-left: 3px;
	color: #424242;
	background:  url(input_text_bg_200.png); background-repeat: no-repeat; width: 197px;
	font-size: 11px;  height: 18px; line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	float: left;
	}
	
.user_login form input[type=submit] { 
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 10px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	margin-top: 10px;
	}

.user_login form input[type=submit]:hover { 
	background: url(button_bg_on.png); width: 180px;
	color: #0fa0d7;
}

	
.user_login form p {
	overflow: hidden;
	margin-bottom: 8px;
}
	
.user_login form p label {
	font-weight: bold;
	width: 130px;
	display: block;
	float: left;
	}

.user_login form span {
	font-size: 11px;
	}



/******** SIMPLE USER LOGIN **********/





.trademark {
	font-size: 55%;
	vertical-align: 8px;
	} 




div.prod_list {
	overflow:hidden;
	height: 100%;
}

div.prod_list ul {
	width: 240px;
	float: left;
	}

div.prod_list li {
	padding: 0;
	width: 240px;
	font-size: 20px; line-height: 30px;
	border: none;
	}

div.prod_list li a {
	display: inline;
	}



/*  - - - - - - - -   mod09 - Dokumente bereitstellen - - - - - - - - - - */

div.dokumentedownload {
	font-size:13px; color:#424242; text-align: left; line-height:19px;
	/*border-top: 1px dotted #339c95;
	border-bottom: 1px dotted #339c95;*/
	padding: 15px 10px 15px 50px ;
	margin: 10px 0; 
	background: url(download.gif) no-repeat 0 5px;}

div.dokumentedownload a:link 	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.dokumentedownload a:visited	{ color: #0fa0d7; font-weight:bold; text-decoration: none; }
div.dokumentedownload a:active 	{ color: #0fa0d7; font-weight:bold; text-decoration: underline; }
div.dokumentedownload a:hover 	{ color: #0fa0d7; font-weight:bold; text-decoration: underline; }





/*  - - - - - - - -   mod53 - Spaltenteaser - - - - - - - - - - */
.spalten_teaser {
	margin-top: 25px;
	overflow:hidden; height: 100%;
	}

.spalten_teaser .teaserartikel {
	border: none;
	margin: 15px 0 0 0;
	height: auto;
	padding: 0;
}

.spalten_teaser .teaser_title h3 {
	font-family: "FolksLightRegular";
	font-size: 20px; font-weight: normal;
	color: #28508c;
	}
	
.spalten_teaser .teaserdatum {
	font-size: 12px; font-weight: bold;
	color: #8e8e8e;
	}
	
.spalten_teaser .teaserlink a {
	font-size: 13px; font-weight: bold;
	color: #0fa0d7;
	}
	
.spalten_teaser .teaserlink a:hover {
	color: #28508c; text-decoration: none;
	}
	
.spalten_teaser .teaserarchivlink {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	}
	
.spalten_teaser .teaserarchivlink a {
	font-size: 12px; font-weight: normal;
	color: #8e8e8e;
	}
	
.spalten_teaser .teaserarchivlink a:hover {
	color: #0fa0d7;
	}
	
	


/*  - - - - - - - -   mod82 - Newsletter An/Abmeldung - - - - - - - - - - */
		
.newsletteranmeldung {
	/* border: 1px solid #000;   */
	margin: 25px 0 20px 0;
}


.newsletteranmeldunglogin {
	/* border: 1px solid #000;   */
	/*width:200px;
	border: 1px solid #e2e2e2;
	padding: 5px;
	background-color: #f5f5f5;*/
	text-align: center;
	float:left; /* (1) */
}

.anmeldung_login_body { 
	background-color: #d5d5d4;
	width: 180px;
	padding: 0 10px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;*/
	color: #8e8e8e;
	overflow: hidden;
	height: 100%;
}

.anmeldung_login_top {	width: 200px; height: 10px;	background-image: url(client_area_top.jpg);	}
.anmeldung_login_bottom {	width: 200px; height: 10px;	background-image: url(client_area_bottom.jpg);	}

.newsletteranmeldunglogout {
	/* border: 1px solid #000;   */
	width:200px;
	/*border: 1px solid #e2e2e2;
	padding: 5px;
	margin-left: 20px;
	text-align: center;
	background-color: #f5f5f5;*/
	text-align: center;
	padding-left: 70px;
	float:left; /* (1)  wenn man das benutzt, dann muss man auch in der Ausgabe ganz am Ende das <div style="clear:left;"></div> lassen! */
}

.anmeldung_logout_body { 
	background: #d5d5d4;
	padding: 0 10px;
	width: 180px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;*/
	color: #8e8e8e;
	overflow: hidden;
	height: 100%;
}

.anmeldung_logout_top {	width: 200px; height: 10px;	background-image: url(client_area_top.jpg);	}
.anmeldung_logout_bottom {	width: 200px; height: 10px;	background-image: url(client_area_bottom.jpg);	}

.newsletteranmeldung p {  
	/* border: 1px solid #000; 
	text-align:left; */ 
	margin:10px 0 0 0; 
}

.newsletteranmeldung h2 {
	/* border: 1px solid #000;   */
	font-family: helvetica, verdana, arial, sans-serif; font-size: 15px; font-weight: bold; color: #0f4a8f; line-height:20px;
	margin: 15px 0 25px 0; padding:0px; }
	
.newsletteranmeldung h3 {
	/* border: 1px solid #000;   */
	font-size: 22px; color: #28508c; line-height:50px;
	margin: 0 0 10px 0; padding:0px; }

.newsletteranmeldung label {
	font-size:13px; color:#28508c; font-weight:bold;
 	/* border:1px solid #000; */
	padding-bottom:3px; 
	display:block;
}

.newsletteranmeldung input[type=text] {
	padding-left: 3px;
	color: #424242;
	background:  url(input_text_bg_100.png); background-repeat: no-repeat; width: 97px;
	font-size: 11px;  height: 18px; line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

.newsletteranmeldung select {
	width: 150px;
	padding 2px;
	margin-bottom: 10px;
	}

.newsletteranmeldung .submit {
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 25px;
	font-size: 13px;  height: 20px; padding-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	margin-top: 10px;
}

.newsletteranmeldung .submit:hover {
	color:#0fa0d7;
	background: url(button_bg_on.png); width: 180px;
}

.button_newsletter {
	width: 180px;
	height:20px;
	margin-top: 50px;
	margin-left: 10px;
	margin-bottom: 50px;
	}

.button_newsletter a {
	background: url(button_bg_off.png); width: 180px;
	color: #ffffff;
	margin-top: 25px;
	font-size: 13px;  height: 20px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	}
	
.button_newsletter a:hover {
	color:#0fa0d7;
	background: url(button_bg_on.png); width: 180px;
	}







/*----------------------------------------------------------------------------------------------------
Slider
----------------------------------------------------------------------------------------------------*/


#slider_container	{
	width:100%;
	position:relative;
	clear:both;
	}

	#slider_container_inner	{
		width:560px;
		height:400px;
		overflow:hidden;
		background:#eee;
		}

		#slider	{
			width:400px;
			height:350px;
			}