@media screen {
/* =============== RESET TAGS */ 
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol {
	margin: 0px; padding: 0px; border:0px; font-family :Arial, Verdana, Helvetica, sans-serif; color: #333; text-decoration:none; 
}
html { background:#fff; }
html, body { height:100%; }
body { font-size:100%;  }
img { display:block; }
table, td, th { border-collapse:collapse; }
ul { width:auto; list-style:disc; }
ol { list-style-position:outside; list-style-type: decimal; margin:0px; padding:0px 0px 0px 50px; }
li a {  }
* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 

a { cursor:pointer !important; }
li li, td th, td td { font-size:100%; }
/* =============== END RESET TAGS */

/* =============== GENERAL LAYOUT ITEMS */
body { font-size: 1em;text-align:center; background:#E6E6DC;  }
	#body-background { background:#E6E6DC; padding:15px 0 0 0;}
		.home #body-background { padding:0;}
	
	#all-container { background-color:#FFF; margin:0px auto;  width:770px;text-align:left;  }
		body.popUp #all-container { width:510px; text-align:left; }
	
		#TopHeader { padding:10px; width:740px; overflow:hidden; }
		#content { border-top:15px solid #EFDEA5; padding:20px 40px; }
			.home #content {  padding:0 40px 20px 40px; border-top:0; 	}
		#footer { padding:5px 0px 10px 0px; }
		
		#TopHeader img { float:left; }
		ul#Utilities { float:right; margin:0; font-size:0.8em; list-style:none; }
			ul#Utilities li { padding:0 0 4px 12px; margin:0; background:url(../media/arrow_blue.gif) 0 2px no-repeat; }
				ul#Utilities li a { font-weight:normal; border-bottom:1px solid #00f; text-decoration:none; }
					ul#Utilities li a span { color:#00f; }

	.insert { text-align:left; background:#F9F2D2 url(../media/insert_top_yellow.gif) 0px 0px no-repeat; margin:0px auto; padding:0; width:600px;  }
		.insert .bottom { background:transparent url(../media/insert_bottom_yellow.gif) 100% 100% no-repeat;  overflow:hidden; padding:20px 25px 20px 25px;width:550px !important;width /**/:600px;  }
		 	.insert .bottom img { float:left; margin:3px 15px 10px 0; }
		
		.insert .panels { overflow:hidden; width:100%;  }
			.insert .panels .left-panel { float:left; width:100px;  }
			.insert .panels .right-panel { float:right; width:450px;  }
			
		.insert-emphasis { width:600px; padding:10px 0 0 0; background:#c0c0c0 url(../media/insert_top_grey.gif) 0px 0px no-repeat;   }
			.insert-emphasis .bottom { background:transparent url(../media/insert_bottom_grey.gif) 100% 100% no-repeat; padding:0 0 10px 0; }
		
		.insert.guarantee  { background:#008000 url(../media/insert_top_green.gif) 0px 0px no-repeat; }
			.insert.guarantee .bottom { background:transparent url(../media/insert_bottom_green.gif) 100% 100% no-repeat; }
			.insert.guarantee * { color:#fff; }
				.insert.guarantee .more-emphasis { color:#000; }
				
		.insert.block { margin:0 0 20px -30px; background:#e6e6dc url(../media/insert_top_lightgrey.gif) 0 0 no-repeat; width:750px; }
		* html .insert.block { display:inline; }
			.insert.block .bottom { text-align:left; background:transparent url(../media/insert_bottom_lightgrey.gif) 100% 100% no-repeat; padding:11px; width:728px !important;width /**/:750px; }
			* html .insert.block .bottom { margin:0 -30px; }
			
			.insert.block .panels { margin-bottom:11px; }
				.insert.block .panels .left-panel, 
				.insert.block .panels .right-panel { min-height:310px; border:1px solid #ccc; background:#fff; }
					* html .insert.block .panels .left-panel, 
					* html .insert.block .panels .right-panel { height:310px; }
				.insert.block .panels .left-panel { width:472px; }
				.insert.block .panels .right-panel { width:238px; }

				.insert.block .three-members { width:210px; margin:-5px 0 5px; padding:0 0 0 16px; }
				.insert.block .team-member { width:70px; }
					.insert.block .team-member img { margin:0; }
					
			.insert.block .chat-block { width:726px; padding-bottom:20px; border:1px solid #ccc; background:#fff; }
				.insert.block .chat-block .left-chat { width:240px; margin:18px 0 0 18px; display:inline; }
					.insert.block .chat-block .left-chat img { float:none; }
				.insert.block .chat-block .right-chat { width:448px; margin:0; padding-top:18px; }
						* html .insert.block .chat-block .right-chat { width:430px; }
	
				.insert.block .chat-block .right-chat ul { margin:0; font-size:0.9em; list-style:none; }
					.insert.block .chat-block .right-chat ul li { padding:0 0 4px 20px; background:url(../media/arrow_big_blue.gif) 0 1px no-repeat; }
						.insert.block .chat-block .right-chat ul li a { border-bottom:1px solid #00f; text-decoration:none; }
							.insert.block .chat-block .right-chat ul li a:hover { border-color:#c00; }

		.insert.block h4 { display:block; text-indent:-9999px; height:30px; margin:10px 0 0 12px; }
		.insert.block h4#ads { width:450px; background:url(../media/headers/h4-ads-adhs.gif) 0 0 no-repeat; }
		.insert.block h4#gratis { width:200px; background:url(../media/headers/h4-gratis-hotline.gif) 0 0 no-repeat; }
	
		.insert.block .right-panel p, 
		.insert.block .right-panel ul { margin:0 11px; font-size: 0.75em; }
		.insert.block .right-panel ul { margin:-4px 4px 5px 32px; }
			.insert.block .right-panel ul li { margin:0; }
	
		/** copied and adjusted from http://crealern.de/styles/index-crealern.css **/
		#Form1 { margin:10px 0 10px 100px; width:340px; }
			#Form1 .row { padding:0 0 5px 0; width:100%; overflow:hidden;  }
				#Form1 .validation-control { display:none; clear:both; font-size:0.69em; padding:1px 0 1px 104px; color:#c00; background:transparent url(../media/icons/validation.gif) 92px 3px no-repeat; } 
				#Form1 #RowBundesland.row { display:none; }
				#Form1 .radiobuttons { margin-left:90px; }
				#Form1 label, #Form1 input, #Form1 select { font-size:0.75em; color:#333; display:block; float:left; }
					#Form1 .radiobuttons label, #Form1 .radiobuttons input { float:none; display:inline;   }
						#Form1 label { width:90px; padding-top:2px; }
						#Form1 input.text { width:180px; padding:1px 0;}
						#Form1 select { width:184px; }
						#Form1 #SubmitButton { margin:4px 0 0 0; display:inline; width:270px; font-size:0.69em; color:#C00; font-weight:bold;  }	
						#Form1 #ImageButton { margin:8px 0 0 0; }	
	
		.insert.block #Form1 h5 { margin-bottom:12px; font-size:0.9em; }
		.insert.block p.smallest { margin:0 40px 10px 100px; font-family: verdana; font-size: 0.65em; }
		.chat-block h5 { margin-bottom:5px; }
		
	
		.line-insert { border:1px solid #ccc; padding:10px 20px 2px 20px; }
		
	.indent {  padding:0px 50px 0px 45px; }
	 
	.newsletter { border:1px solid #ccc; padding:0 30px 20px 30px;  }
	
	.telephone { font-family : Arial, Verdana, Helvetica, sans-serif; font-size:1.2em; color:#fff; text-align:center; padding:30px 20px 30px 20px;  background:#2167ad url(../media/visuals/telephone.gif) 15px 15px no-repeat; }
	
.hr-break hr { display:none;}
.hr-break { border-top:1px solid #333; height:1px; background-color:#fff; clear:both; font-size:0em; }
	.hr-break.dotted { border-top:none; background:url(../media/hr.gif) 0px 0px repeat-x; margin:0px 0px 10px 0px; }
.no-show { position: absolute; overflow: hidden; width: 0; height: 0; }
.more-emphasis { background-color:#F6F648; color:#000; }
.center { display:block; margin:0px auto; }
.left { display:block; float:left; }
.right { display:block; float:right; }
.clear { overflow:hidden; width:100%; }
.clear-both { clear:both; }
.smaller { font-size:85%; }
.marginright { margin-right:15px; }
.marginleft { margin-left:200px; }
	* html .marginleft { margin-left:100px; }
.grey { color:#666; }
.inline { display:inline; }
img.graph { margin-bottom:10px; }
.image-title { text-align:center; padding:3px 0 10px 0; }
/* =============== END GENERAL LAYOUT ITEMS */

/* MAIN ELEMENTS */
h1 { display:none; }
	h1.visible { display:block; font-family : Arial, Verdana, Helvetica, sans-serif; font-size:1.6em; color:#c00; text-align:center; padding:20px 20px 0px 20px;}
		h1.visible .alt { color:#333; }
		h1.no-padding-top { padding:0 20px 0px 20px; }
	#header .header-text h1 { text-align:left; }
h2 { font-family : Arial, Verdana, Helvetica, sans-serif; font-size:1.2em; color:#c00; text-align:center; padding:20px 20px 16px 20px; }
	h2.alt { color:#333; }
	#header .header-text h2 { text-align:left; }
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; color:#c00;  text-align:center; padding:5px 20px 5px 20px; margin:5px 0px 13px 0px;font-size:1.1em;  }
	h3.alt { color:#333; }
	h3.align-left { text-align:left; color:#333; padding:0 0 5px 0; margin:0; }
	#header .header-text h2 { text-align:left; }
	
h4 { font-family : Arial,Verdana,  Helvetica, sans-serif; font-size:1.1em;color:#333; padding:5px 0px;}
p { padding:0px 0px 8px 0px; }
	.center { text-align:center; }

span {}
	a.audio { display:block; background:transparent url(../media/speaker_icon.gif) 0px 3px no-repeat;  padding:2px 20px 2px 20px;  }	
		a.audio.left { width:520px; }

a { color:#00f;  text-decoration: underline; font-weight:bold  }
	a:hover { color:#c00; text-decoration: underline; }
		a.film { display:block; text-align:left; background:transparent url(../media/film_icon.gif) 0px 3px no-repeat;  padding:2px 20px 2px 20px; margin:0px auto; width:22em !important; width /**/:21.5em; }
			a.film .info { font-size:85%; display:block; color:#F60;  }
		a.arrow { background:transparent url(../media/arrow_blue.gif) 0px 5px no-repeat;  padding-left:10px;}	
			a.arrow:hover { background:transparent url(../media/arrow_red.gif) 0px 5px no-repeat; }	
		
strong {}
	strong.emphasis { color:#c00; background:#fff; }
		.insert-emphasis strong.emphasis { color:#00f; background:#c0c0c0; }
	strong.relax { color:#009900; background:#FFF;  }
	
ul { margin:8px 20px 0px 50px; }
	ul li { margin-bottom:8px;  }		
		ul ul { margin:5px 0px 0px 50px; }	
			ul ul li { margin-bottom:4px;}  
	
	ul.emphasis { background-color:#FFF; }
		ul.emphasis li, ol.emphasis li  { color:#c00; background-color:#FFF;  }
	
	ul.no-bullets { list-style:none; margin:8px 0px 0px 32px; }	
	
	ul.special { list-style:none; margin:8px 0px 0px 32px; }	
		ul.special li { margin:8px 0px 0px 15px; display:block; background:transparent url(../media/arrow.gif) 0px 4px no-repeat;  padding-left:16px;}	

ol { margin:8px 20px 0px 5px; }
ol.letters { list-style: upper-alpha; }
	ol li { margin-bottom:8px;  }

table {}
	caption { display:none; }
	th, td { text-align:center; vertical-align:top; border-right:2px solid #fff; border-bottom:2px solid #fff; background:#f7f7de; padding:2px 5px; }	
		th { background:#efdea5; }	
	
form {  }
	form .row { padding-bottom:10px; }
	form .row input, form .row label { display:block; float:left; }
	form .row.leftmargin { }
	form .row input.text, form .row input.select { border:1px solid #333; width:350px;font-size:100%;  }
		form .row input.text { padding: 1px 0 1px 1px;  }
			* html form .row input.text { margin-left:3px; }
	form .row select { font-size:1em; border:1px solid #333; }
	form .row label { width:200px; }
		form .row label.radio { width:auto; padding:0 20px 0 10px;  }
	form .button { font-size:1em; }


#FaqIndex { border:1px solid #bbb; padding:10px 20px; margin:20px 0;  }
	#FaqIndex a { font-weight:normal; }
	
.team { width:660px; overflow:hidden; padding:0 0 30px 0; }
	.three-members { width:590px;  padding:0 0 30px 70px;; }
	.team-member { float:left; width:165px; text-align:center;  }
		.team-member img { display:block; margin:0 auto;   }
	.team-member-name { text-align:center; font-size:0.75em; padding:3px 0 0 0;  }
	
.Stil1 {color: #0000FF}		

/* FOOTER */
	#footer { text-align:center; background:#bbb; padding:10px 0 3px 0; clear:both; }
		#footer p { font-size:0.75em; line-height:1.4em; }
		#footer a { color:#00f; text-decoration:none; font-weight:normal;  }
			#footer a:hover { text-decoration:underline; color:#c00; }
/* END MAIN ELEMENTS */


.chat-block { width:100%; overflow:hidden; }
	.chat-block .left-chat { padding-right:20px; width:420px; float:left; }
	.chat-block .right-chat { width:240px; float:right; padding-top:10px;  }
	.inverse .left-chat { width:240px; float:left; padding-top:10px;  }
	.inverse .right-chat { width:420px; float:right; }
				
	
		.chat-box { width:238px; background:#fff; border:1px solid #ccc; }
			.chat-box img { border:0 !important; padding:8px 0 8px 8px; display:block;   }
			.chat-box textarea { border:1px solid #ccc; width:211px; padding:5px; font-size:0.69em; margin-left:8px;  }
			.chat-box .chat-button { padding:5px 0 9px 0; width:230px; overflow:hidden;  }
				.chat-box .chat-button input { float:right; }

#DropInWindowPanel { width:520px;  position:absolute;  z-index: 999; overflow:hidden; visibility:hidden; }
	#DropInWindow {  width:500px;  position:absolute;  border:2px solid black; }
	
.order-button { background-position:top; padding:0px; }
.order-button:hover { background-position:bottom; }
	.order-button.lrs { width:350px; height:125px; background-image:url(../media/buttons/bestellen_lrs.gif); }
}
/* ========================================================================= */

@media print {
	.no-print, #ChatBox, #DropInWindowPanel { display:none; }
	.break-after { page-break-after: always;}
	.break-before { page-break-before: always;}
	
	body { font-size: 12px; font-family :Arial, Verdana, Helvetica, sans-serif; }
	#all-container { width:600px; }
	.insert { border:3px solid #000; padding:10px 20px 10px 20px !important; width:500px !important; }
		.insert p, .insert ul, .insert ol { max-width:440px; }
	.newsletter { display:none; }
	img { display:none; }
	
	h1 { display:none; }
	
	table, td, th { border-collapse:collapse; }
		caption { display:none; }
		th, td { text-align:center; vertical-align:top; border:1px solid #000; padding:2px 5px; }	
}