@charset "utf-8";
/*
Theme Name: Mona
Theme URI: http://www.mona-redlin.de
Description: Mona's Theme
Version: 1.0
Author: Daniel Reinhold
Author URI: http://www.daniel.reinhold.de
Tags: feines Theme

*/



/* I=====================================================================================================================I

				Stylesheet f�r die Layoutbereiche 
				Stand: 01-01-09
				Datei: _styles/style.css
				Autor: Daniel Reinhold
		
		
				  lila: #9A3D8C
				 gruen: #456646
			    orange: #F19000
				  gelb: #FFD64E
				   rot: #D2150B
				  blau: #1E506B
				border: #231e1e
				
   I=====================================================================================================================I */
   
   
/* REST */

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, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #FFFFFF;
	letter-spacing: -0.5px;

}

body { line-height: 1;}

ol, ul { }

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

table { border-collapse: collapse; border-spacing: 0;}   
a { text-decoration: none;}
   
   
/* I=====================================================================================================================I */

   
body 				{ font-family: Helvetica, Arial, Verdana, sans-serif; background-color: #000;}

#wrapper 			{ width:970px; margin: 0 auto; background-color:#000; overflow:hidden; position: relative;}

#wrapper1 			{ width:800px; margin: 0 auto; background-color:#000;}

#hinweis #wrapper 	{ width:970px; margin: 0 auto; background-color:#000; display:inherit}

#logo 				{ overflow: hidden; position: relative;}
#logo h1			{ height: 85px; padding-top: 35px; padding-right: 50px; float: right;}

#logo a				{ display: block;}

#header 			{ padding: 0; margin:0; width: 970px; height: 289px;}

/* I==== header bild =====I */
#startseite #header { background: url(http://www.mona-redlin.de/images/startseite_hd.jpg) no-repeat;}
#leistungen #header { background: url(http://www.mona-redlin.de/images/leistungen_hd.jpg) no-repeat;}
#preise #header {  background: url(http://www.mona-redlin.de/images/preise_hd.jpg) no-repeat;}
#produkte #header { background: url(http://www.mona-redlin.de/images/produkte_hd.jpg) no-repeat;}
#vita #header { background: url(http://www.mona-redlin.de/images/vita_hd.jpg) no-repeat;}
#oeffnungszeiten #header { background: url(http://www.mona-redlin.de/images/oeffnungszeiten_hd.jpg) no-repeat;}
#impressum #header { background: url(http://www.mona-redlin.de/images/impressum_hd.jpg) no-repeat;}
#newsletter #header { background: url(http://www.mona-redlin.de/images/impressum_hd.jpg) no-repeat;}
#blog #header { background: url(http://www.mona-redlin.de/images/impressum_hd.jpg) no-repeat;}
#unsubscribe #header { background: url(http://www.mona-redlin.de/images/produkte_hd.jpg) no-repeat;}


/* I==== end header bild =====I */

#language			{ position: absolute; right: 4px;}
#language a, #language img { padding: 0 3px 0 0; margin: 0; float: left;}

#right 				{ width: 270px;	float:  right;	padding: 8px; }

#right p			{ font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 20px; font-size: 12px;
					  letter-spacing: 0.02em; word-spacing: 0.05em;padding: 5px 20px 10px 15px;}

#left				{ width: 500px; float: left; padding: 8px; padding-bottom: 90px;}
#newsletter #left, #aktivierung #left, #unsubscribe #left	{ width: 680px; float: left; padding: 8px; padding-bottom: 90px;}

#leistungen #left,
#preise #left,
#produkte #left,
#impressum #left,
#startseite #left,
#vita #left,
#blog #left,
#newsletter #left,
#unsubscribe #left { padding-bottom: 40px; padding-left: 40px;}



/* I====================================================== footer =============================================================I */

#footer { position: relative; width: 970px;  height: 148px; background:url(http://www.mona-redlin.de/images/footer.jpg) no-repeat;}
#footer_kontakt { position: relative; top: 98px; left: 108px; width: 345px; height: 35px;}
#footer #kontaktdiv a{ width: 420px; height: 90px; position: absolute; top: 10px; left: 50px;}

#footer	ul 				 { width: 360px; list-style: none;	}
#footer	li, #footer	li a, #admin td { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #808080; line-height: 17px; vertical-align: middle; letter-spacing: 0.001px;}

#footer	li a:hover, #footer	li a:focus { color:#FFFFFF !important;}

#footer ul.small_bullets { padding: 5px 0 0 15px;}
#footer	li 				 { width: 100px; float: left; }
#footer	li#fm			 { width: 160px; }
#footer #footer_info { width: 140px; position: absolute; top: 45px; left: 500px; }
#footer #footer_info ul { width: 140px;}
#footer #footer_partner { position: absolute; top: 45px; left: 692px; }
#footer #footer_partner ul { width: 140px;}
#footer #footer_copy { position: absolute; top: 108px; left: 692px;}
#footer	#footer_copy li, #footer	#footer_copy a { width: 250px; float: left; padding: 0px; font-size: 10px;  line-height: 12px;}

#startseite #footer ul.small_bullets, #newsletter #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletgr.gif);}
#startseite #footer	#footer_copy li a#webdeisgner, #newsletter #footer	#footer_copy li a#webdeisgner { color: #456646;}


#leistungen #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletg.gif);}
#leistungen #footer	#footer_copy li a#webdeisgner { color: #FFD64E;}

#preise #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletor.gif);}
#preise #footer	#footer_copy li a#webdeisgner { color: #F19000;}

#produkte #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletro.gif);}
#produkte #footer	#footer_copy li a#webdeisgner { color: #D2150B;}

#vita #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletbl.gif);}
#vita #footer	#footer_copy li a#webdeisgner { color: #1E506B;}

#oeffnungszeiten #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletli.gif);}
#oeffnungszeiten #footer	#footer_copy li a#webdeisgner { color: #9A3D8C;}

#impressum #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletgr.gif);}
#impressum #footer	#footer_copy li a#webdeisgner { color: #456646;}

#unsubscribe #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletgr.gif);}
#unsubscribe #footer	#footer_copy li a#webdeisgner { color: #456646;}

#blog #footer ul.small_bullets { list-style-image: url(http://www.mona-redlin.de/images/bullets/bulletli.gif);}
#blog #footer	#footer_copy li a#webdeisgner { color: #9A3D8C;}

p#update  { font-family:Helvetica, Arial, Verdana, sans-serif;  font-size: 8px; letter-spacing: 0.08em; word-spacing: 0.05em; color: #555; margin-left: 38px; position: absolute; top: -8px; left: 0px;}

p.check{ font-family: Helvetica, Arial, Verdana, sans-serif;  font-size: 8px; letter-spacing: 0.08em; word-spacing: 0.05em; color: yellow; }


#kont 				{ text-indent: -9999em; height: 1px; width: 0px; position: absolute; top: -9999em; visibility: hidden; }


#leistungen #left ul 		{ list-style-image: url(http://www.mona-redlin.de/images/leistungen_bullet.gif);}
#preise #left ul 			{ list-style-image: url(http://www.mona-redlin.de/images/preise_bullet.gif);}
#produkte #left ul 			{ list-style-image: url(http://www.mona-redlin.de/images/produkte_bullet.gif);}
#vita #left ul 				{ list-style-image: url(http://www.mona-redlin.de/images/vita_bullet.gif);}
#oeffnungszeiten #left ul 	{ list-style-image: url(http://www.mona-redlin.de/images/bullet.gif);}
#hinweis #left ul 			{ list-style-image: url(http://www.mona-redlin.de/images/bullet.gif);}

#preise #left ul 	.small_bullets			{ list-style-image: url(http://www.mona-redlin.de/images/preis_bullet1.gif);}
#produkte #left ul 	.small_bullets			{ list-style-image: url(http://www.mona-redlin.de/images/produkte_bullet1.gif);}
#vita #left ul 		.small_bullets			{ list-style-image: url(http://www.mona-redlin.de/images/vita_bullet1.gif);}
#oeffnungszeiten #left ul .small_bullets	{ list-style-image: url(http://www.mona-redlin.de/images/oeffnungszeiten_bullet1.gif);}


.ueberschrift 		{ font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 45px; font-weight: normal; 
					  padding: 0 0 100px 0; letter-spacing: -1px; text-transform:uppercase; color: #fff;}
					  
.ueberschrift2 		{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: normal;
					  padding-bottom: 20px;}

#newsletter p.error {color:#D2150B; }
#unsubscribe p.error {color:#D2150B; }

#startseite .ueberschrift2, #newsletter p.message { color: #456646;}
#preise .ueberschrift2 		{color: #F19000;}
#vita .ueberschrift2 		{color:#1E506B}
#blog .ueberschrift2 		{color: #96F}

#preise .ueberschrift,
#startseite .ueberschrift,	
#vita .ueberschrift,
#blog .ueberschrift,
#newsletter .ueberschrift { padding-bottom: 5px;}
#unsubscribe .ueberschrift { padding-bottom: 5px;}

.clear 						{ clear: both;}


/* I========================================== Hintergrundgrafiken ====================================================I */

#bg	 				 		{ width: 970px; min-height: 500px; background-color:#000; background-repeat: no-repeat;
							  background-position: center top; margin-top: -4px;}
							  
							  
#subheader 	{ overflow: hidden; position: relative;}		
#content 	{ overflow: hidden; position: relative;}	  
#startseite #right { position: absolute; top: 0; right: 0;}

#startseite #bg 		{ background-image: url(http://www.mona-redlin.de/images/startseite_bg.jpg);}
#leistungen #bg 		{ background-image: url(http://www.mona-redlin.de/images/leistungen_bg.jpg);}
#preise #bg 			{ background-image: url(http://www.mona-redlin.de/images/preise_bg.jpg);}
#produkte #bg			{ background-image: url(http://www.mona-redlin.de/images/produkte_bg.jpg);}
#vita #bg 				{ background-image: url(http://www.mona-redlin.de/images/vita_bg.jpg);}
#oeffnungszeiten #bg,
#newsletter #bg  		{ background-image: url(http://www.mona-redlin.de/images/oeffnungszeiten_bg.jpg);}
#impressum #bg	 		{ background-image: url(http://www.mona-redlin.de/images/impressum_bg.jpg);}
#blog #bg 				{ background-image: url(http://www.mona-redlin.de/images/vita_bg.jpg);}
#unsubscribe #bg	 		{ background-image: url(http://www.mona-redlin.de/images/impressum_bg.jpg);}

/* I======================================= ENDE Hintergrundgrafiken ==================================================I */


/* I========================================== Navigationsbereich =====================================================I */

#navigation 				{ float: right; padding: 0 60px 60px 0; color: #999; }

#navigation ul 				{ margin-top: -8px; padding: 5px 0 0 17px; border-top: 1px solid #231e1e; overflow: hidden;}

#navigation li 				{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; float: left; list-style-type: none; text-transform: uppercase; padding: 0 5px 0 0;}

#navigation a 				{ font-size: 13px; letter-spacing: 0; color:#999; padding: 4px 2px 8px 2px; margin: 0; display: block;}


#navigation a:hover						{ color:#FFFFFF !important;} 
#navigation li:hover					{ } 
 
#startseite #navigation #navi01 a:hover,
#startseite #navigation #navi01 a:focus,
#startseite #navi01 a						{ color: #456646 !Important;}

#leistungen #navigation #navi02 a:hover,
#leistungen #navigation #navi02 a:focus,
#leistungen #navi02 a						{ color:#FFD64E !Important;}

#preise #navigation #navi03 a:hover,
#preise #navigation #navi03 a:focus,
#preise #navi03 a 							{ color:#F19000 !Important;}

#produkte #navigation #navi04 a:hover,
#produkte #navigation #navi04 a:focus,
#produkte #navi04 a							{ color:#D2150B !Important;}


#vita #navigation #navi05 a:hover,
#vita #navigation #navi05 a:focus,
#vita #navi05 a 							{ color:#1E506B !Important;}

#blog #navigation #navi06 a:hover,
#blog #navigation #navi06 a:focus,
#blog #navi06 a 							{ color:#C6F !Important;}

/*  I========================================== ENDE Navigationsbereich ===============================================I */


/*  I================================================ Startseite ======================================================I */

#auszeit { position: absolute; top: 10px; left: 140px;}
#startseite #right img		{ padding: 8px;}

#startseite span 		{ color:#000;}
.galerie {display: none;}

#startseite #content p		{ font-family: Helvetica, Arial, Verdana, sans-serif; color: #666; line-height: 20px;
							  font-size: 14px; letter-spacing: 0.02em; word-spacing: 0.05em;}

#startseite #kunstwerk p	{ color: #FFF;}

#startseite .portrait 		{ padding: 0 20px 0 4px; width: 140px; float: right; margin-top: 45px;}

#startseite #kunstwerk img	{ width:20px; float: right; padding: 0 25px 0 0; margin-top: -14px;}

/*  I============================================= ENDE Startseite ===================================================I */


/*  I================================================ Leistungen =====================================================I */

#leistungen .ueberschrift img 	{ padding-left: 5px;}

#leistungen #left h2 			{ font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 24px;	font-weight: normal;
							      padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #231e1e;letter-spacing: 1px;}

#leistungen #left h3		{ font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; letter-spacing: 1px;}

#leistungen #left 			{ width:700px; font-size: 14px;}

#leistungen #left ul		{ padding: 0 0 0 17px;}

#leistungen #left li, label, .btn2	{ font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 17px; font-size: 14px;
							  letter-spacing: 0.02em; word-spacing: 0.05em; padding: 0 0 15px 0;}

#leistungen .L1				{ font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 15px; font-size: 14px; 
						  	  font-weight: normal; color: #999999; letter-spacing: 0.02em; word-spacing: 0.05em;}

#leistungen span 			{ font-weight: bold;}

.box1, .box2, .box3, .box4, .box5 { width: 320px; padding: 60px 0 50px 0;}

.box1 						{ height:190px; float: left; padding-top:0;}
.box2		 				{ float:right; padding-top:0;}
.box3 						{ height:250px; float: left; }
.box4 						{  float: right; }
.box5 						{ float: left; padding-bottom: 50px; }
#leistungen span.new { color: #FFD64E; font-weight: normal; }

/*  I============================================ ENDE Leistungen ====================================================I */


/*  I================================================== Preise =======================================================I */


#preise #right p 		{ padding-right: 36px;}

#preise #werte #werte_innen p,
#newsletter p, #unsubscribe p { font-family: Helvetica, Arial, Verdana, sans-serif; color: #666; line-height: 20px;
								  font-size: 14px; letter-spacing: 0.02em; word-spacing: 0.05em; padding: 10px 0 20px 0;}
#werte_innen 			{ padding-bottom: 70px;}

#preise #werte 			{ width:540px; float:left;}

.Stil6 				{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; letter-spacing: 0.02em; color: #FFFFFF;}

.Stil7 				{ color: #999999; font-weight: normal;}

.Stil8 				{ font-size: 14px; line-height: 16px; color: #666; font-weight:normal; letter-spacing: 0.02em;}
.Stil_border		{ font-size: 14px; line-height: 16px; color: #F19000; font-weight:normal;}

.Stil9 				{ font-size: 22px; text-transform: uppercase;}

.Stil11 			{ font-size: 14px; color: #999999;}

.Stil12				{ font-size: 9px; letter-spacing: 0.1em; color: #CCCCCC;}

.Stil13 			{ font-size: 12px; color: #999999;}

.Stil14 			{ font-size: 14px; color: #FFF; font-weight:normal; line-height: 16px; letter-spacing: 0.02em;}

.Stil14 span		{ font-size: 22px; color: #F19000; font-weight:normal;}

.Stil15 			{ font-size: 14px; letter-spacing: 0.1em; color: #999;}

.Stil16 			{ font-size: 14px; letter-spacing: 0.1em; color: #999;}

.new 				{color: #F19000;}

/*  I============================================= ENDE Preise ======================================================I */


/*  I=============================================== Produkte =======================================================I */

#produkte #left h2		{ font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 24px;
						  font-weight: normal; width: 340px; padding-bottom: 25px; margin-bottom: 20px;
						  border-bottom: 1px solid #231e1e; letter-spacing: 1px; text-transform:uppercase; }

#produkte #left #culum2 h2 	{ margin-left:500px;}

.culum, #culum2				{ width: 800px;overflow: hidden; margin-bottom: 40px;}


.culum img 			{ float: right; padding: 4px;}
#culum2 img 		{ width: 450px; float: left; padding: 4px;}

#produkte #left ul	{ padding: 10px 0 0 17px;}

#produkte #left .culum ul	{ padding-top: 10px;}

#produkte #left #culum2 ul	{ padding: 20px 0 10px 500px; }

#produkte #left #culum2 ul .small_bullets 	{padding: 5px 0 0 15px;}


#produkte #left li		{ font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 19px; font-size: 14px;
				 	  	  letter-spacing: 0.02em; word-spacing: 0.05em;}

#produkte .L1			{ font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 18px; font-size: 14px;
				 		  font-weight: normal; color: #999; letter-spacing: 0.02em; word-spacing: 0.05em;}

#produkte span 			{ font-weight: bold;}

#produkte b 			{ font-weight: normal; color: #FFF;}


/*  I=============================================== ENDE Produkte ==================================================I */


/*  I==================================================== Vita ======================================================I */


#vita #left { width: 600px; float: left; padding: 8px; padding-left: 40px; overflow: hidden; }
#vita #right .zer { padding: 20px 20px 20px 30px; margin-top: -80px;}
#vita .ueberschrift2 { padding-bottom: 60px;}

#vita #lebenslauf { padding-left: 30px; }

.Stil20 			{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; color: #FFF;
				  	  font-weight: bold; letter-spacing: 0.02em; word-spacing: 0.05em; padding-right: 15px;}
				  
.Stil21				{ font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: normal;
					  width: 800px;	padding: 5px 0 0 0;	letter-spacing: 1px;}

.Stil22 			{ width: 500px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #999;
					  font-weight:normal; letter-spacing: 0.02em; word-spacing: 0.05em;line-height: 12px;
					  padding: 5px 0 0 0;}

/*  I=============================================== ENDE Vita ======================================================I */




/* I============================================= Oeffnungszeiten ===================================================I */

#oeffnungszeiten #left { width: 390px; float: left; padding: 8px; padding-left: 40px; }


#oeffnungszeiten #oeffnung h1 { font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 45px; font-weight: normal;
								padding: 0 0 10px 0; letter-spacing: -1px; border-bottom: 1px solid #231e1e; text-transform:uppercase;}

#oeffnungszeiten #oeffnung { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal;}

#oeffnungszeiten h4 { width: 450px; font-size: 16px; font-weight: bold;	padding-bottom: 5px; padding-top: 35px;	letter-spacing:  0.03em;
				      line-height: 10px;}

#oeffnungszeiten #kontakt {padding-top: 45px;}

#oeffnungszeiten #oeffnung ul { padding-top: 30px; padding-left: 8px;}
#oeffnungszeiten #oeffnung #tage {padding-top: 30px;}

#oeffnungszeiten .mail { width: 250px;	display:block; padding: 5px;}

#oeffnungszeiten #oeffnung li { font-size: 16px; font-weight: bold; color: #FFF; padding: 0 0 2px 5px; letter-spacing:  0.02em; }
#oeffnungszeiten #oeffnung li span {font-size: 14px; color: #666; font-weight:normal; line-height: 20px;letter-spacing: 0.02em; padding: 0 0 .2em 0;}


#oeffnungszeiten #oeffnung li span a{font-size: 14px; color: #666; font-weight:normal; letter-spacing: 0.02em; padding: 0 0 .2em 0;}
#oeffnungszeiten #oeffnung li span a:hover {color: #FFF;}

#oeffnungszeiten #oeffnung p,
#oeffnungszeiten ul#features li { font-family: Helvetica, Arial, Verdana, sans-serif; color: #666; line-height: 20px;
				 			   font-size: 14px; letter-spacing: 0.02em; word-spacing: 0.05em; font-weight: normal;}

#oeffnungszeiten ul#features li{ list-style: none; background: url(http://www.mona-redlin.de/images/checkbox.png) no-repeat center right; width: 240px; padding: 5px;}



#oeffnungszeiten #oeffnung .googlemaps{ padding: 10px 0 10px 0; margin-left: 170px; }

#oeffnungszeiten #oeffnung #tage {width: 250px;}

#oeffnungszeiten #oeffnung #kontakt ul li span{ display: block; font-size: 14px; color: #666; line-height: 26px; }
#oeffnungszeiten #oeffnung #tage #park span.star{  }

#oeffnungszeiten #oeffnung #park p{ width: 200px; float:left; padding: 3px 0 30px 0; letter-spacing: 0.02em;}
#oeffnungszeiten #oeffnung #loewe img{ width: 24px; float:right;  }
#oeffnungszeiten #oeffnung #loewe p{ width: 200px; float:left; }

a#druck { color: #666; font-size: 11px; display: block; margin-left: 135px;}
a#druck:hover { color: #CCC;}
/* I======================================= ENDE  �ffnungszeiten =======================================I */


/* I============================================ Impressum =============================================I */

#impressum #left { width: 800px; }

#impressum #left p 	{ font-family: Arial, Verdana, Helvetica, sans-serif; color: #666; line-height: 20px; font-size: 14px;
					  letter-spacing: 0.02em; word-spacing: 0.05em;}

#impressum #left h5 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 20px;	font-weight: normal;
					  width: 800px;	padding: 20px 0 10px 0;	margin-bottom: 15px; border-bottom: 1px solid #231e1e;
					  letter-spacing: 1px;}

#impressum #left h4 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; 
					  color: #999; line-height: 15px; width: 800px;	padding-bottom: 5px; letter-spacing: 1px;}

#impressum #left .email { width: 250px;	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 14px; font-weight: normal;
						  color: #666; line-height: 10px; padding: 5px 0 10px 0;	letter-spacing: 1px;
						  display:block;}

#impressum #validations {width: 240px; margin: 10px auto;}

#impressum #left a { padding: 10px;}

#impressum #left a:hover { color:#FFF;}

#impressum #left p span { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px;	font-weight: normal;
						  color: #FFF; line-height: 20px; width: 800px;	padding-bottom: 5px; letter-spacing: 1px;}


/* I======================================= ENDE Impressum =============================================I */

/* I=========================================== Hinweis ================================================I */

#hinweis #left { width: 800px; }

#hinweis #left h5 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; width: 800px;
					padding: 30px 0 0 0; margin-bottom: 15px; letter-spacing: 1px;}

#hinweis #left .border{ font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; 
						padding: 30px 0 10px 0; margin-bottom: 15px; border-bottom: 1px solid #231e1e; letter-spacing: 1px;}


#hinweis #left p { font-family: Arial, Verdana, Helvetica, sans-serif; color: #999; line-height: 20px; font-size: 14px; letter-spacing: 0.02em;
 				   word-spacing: 0.05em;}

#hinweis .ueberschrift 			{ font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 45px; font-weight: normal; 
								  padding: 50px 0 50px 10px; letter-spacing: -1px; text-transform:uppercase;}

#hinweis #left h4 {	font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #FFF;
					line-height: 15px; padding: 20px 0 5px 0; letter-spacing: 1px;}

#hinweis li { font-family: Arial, Verdana, Helvetica, sans-serif; padding: 3px; margin-left: 50px; color: #999; font-size:14px;}

#hinweis a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal;	color: #9A3D8C;
			 display: block; line-height: 15px; width: 340px; float: right; padding: 10px; margin-top: 30px; letter-spacing: 1px; }
	
#hinweis a:hover { background-color: #9A3D8C; color: #FFF;}

/* I======================================= ENDE Hinweis =============================================I */
#nachOben {  padding: 50px 30px 25px 0; position: relative; left: 842px;}
#nachOben a { display: block; text-indent: -99999em; width: 80px; height: 39px; background: url(http://www.mona-redlin.de/images/nach-oben.png) no-repeat;}

 





/* I======================================= noscript  =============================================I */

#noscript p{ 
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #666; 
line-height: 20px;
font-size: 11px; 
letter-spacing: 0.02em; 
word-spacing: 0.05em;
text-align: center;
}
 
#noscript { 
width: 100px; 
padding: 8px ; 
margin: 0 10px;
color: red; 
background-color: red;
position: relative;
}
 
#noscript a {letter-spacing: 0; color: #999; }
#noscript a:hover {color: #FFF;}



/* I======================================= blog  =============================================I */

#blog #left 		{ width: 550px;}

					  
.post_snippet h2 a		{ font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 24px;	font-weight: normal;
					  	  margin: 0 0 4px 0; letter-spacing: 1px; color: #FF0; }

.post_info img		{ padding: 5px 0;}
.post_snippet		{ padding: 8px ; margin: 20px 0 30px 0; border: 1px solid #96F; -moz-border-radius: 8px 8px 8px 0; }					   
					   
					  
.post_snippet p		{ color:#666666; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:14px; letter-spacing:0.02em;
					  line-height:20px; word-spacing:0.05em;  }

.post_snippet li		{ color:#666666; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:14px; letter-spacing:0.02em;
					  line-height:20px; word-spacing:0.05em;  }
					  
.post_snippet a.post-edit-link 	{color: #96F}  
					  
p.eintraege	a	 	{ color:#333; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 15px; font-weight:normal;
					  letter-spacing:0.02em; line-height: 1.5em; word-spacing:0.05em; }
					  
small				{ color:#333; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 10px; font-weight:normal;
					  letter-spacing:0.02em; line-height: 1.5em; word-spacing:0.05em; margin-bottom: 10px; display: block;}
		
#blog #right		{ overflow: hidden;}

#blog .sidebar		{ min-height: 100px; margin: 10px 0; -moz-border-radius: 5px;border: 1px solid #96f; }	
#blog h3			{ margin: 8px 8px; text-align: center; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 24px;
					  font-weight: normal;background: #96f; margin: 0 0 4px 0; letter-spacing: 1px; padding: 5px 0; }
					  
#blog #right li		{ list-style: none; padding: 3px 15px; color:#666666; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:14px; letter-spacing:0.02em;
					  line-height:20px; word-spacing:0.05em;}
#blog label			{ display: none}

#blog form		{ margin-bottom: 20px;}



/* I======================================= lowekalender  =============================================I */


#loewekalender #wrapper { padding: 20px; width: 280px; margin: 10px; background-color:#fff; overflow:hidden;}
body#loewekalender		{ font-family: Verdana, Tahoma, Arial, sans-serif; background-color: #fff;}


#loewekalender h1 { color: #000; margin: 5px auto; font-size: 23px; text-transform: uppercase;  text-align: center;}
#loewekalender h2 { color: #333; margin-bottom: 5px; font-size: 15px; text-transform: uppercase; text-align: center;}

#loewekalender table { margin: 12px 0; border: 1px solid #333; }
#loewekalender th { padding: 5px;}
#loewekalender .date { margin: 0; padding: 4px 2px; color: #000; font-weight: bold;}
#loewekalender .day { margin: 0; padding: 2px; color: #333; font-weight: normal;}

#loewekalender h5 { color: #999; margin-bottom: 2px; font-size: 14px; padding: 0px 0 0 0; font-weight: normal;}
#loewekalender h3#tel { margin-top: 15px;}

#loewekalender h3 { color: #333; font-size: 15px; margin: 5px 0;}

#loewekalender form { margin: 30px 80px;}



/* I======================================= newsletter  =============================================I */

#newsletter label, #unsubscribe label { width: 140px; display: block; float: left;  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #fff;
					  font-weight:normal; letter-spacing: 0.02em; word-spacing: 0.05em;line-height: 12px; }
 #newsletter .rowElem, #unsubscribe .rowElem {margin: 10px 0; height: 25px;}
#newsletter label.anrede { width: 40px; display: inline; }
#changeTypeArea input { float: left; margin-right: 20px; }
#newsletter div.human { display: none; text-indent: -99999em;}

#oeffnungszeiten .rowElem {margin: 10px 0; min-height: 25px;}
#oeffnungszeiten .rowElem .field { height: 100px;}
#formular {  height: 220px; border-top: 1px solid #231e1e;}
#formular label { display: block; width: 100px; float: left;}
#formular input { float: left; width: 280px; height: 20px; border: 1px solid  #fff; background: #CCC;}
#formular textarea { float: left; width: 280px; border: 1px solid  #fff; background: #CCC;}

#formular input:hover, #formular input:focus, #formular input:active, #formular textarea:hover, #formular textarea:focus { background: #fff; }
.human { display: none; text-indent: -9999em; width: 0; height: 0;}
#formular #submit { margin: 10px 0 0 100px; width: 150px; height: 25px;}

.check1 { width: 500px;}

#kontakt_head { padding-bottom: 15px;}
#oeffnungszeiten #oeffnung p.btn2 { color: #9A3D8C; cursor: pointer;}
#oeffnungszeiten #oeffnung p.btn2:hover { color: #fff;} 

#oeffnungszeiten label.error  { width: 400px; display: block; height: 25px; position: absolute; left: 430px; padding: 0; color:#9A3D8C;}
#oeffnungszeiten #oeffnung p.error { width: 400px; color:#9A3D8C;}
