
/* @group Layout */

	/* @group Basics */

	body {
		font-size: 13px;
	}

	/* @end */

	/* @group Layoutlayer */

	#layout {
		width: auto;
	}

	#layoutlayer {

	}

	/* @end */

	/* @group Allg. Seitenelemente */

	.layoutimage {}
	.breadcrumbs {}

	/* @end */

	/* @group Links */

	a {
		text-decoration: none;
		color: #58A8E1;
	}

	a:link, a:visited {}

	a:active, a:hover {
		text-decoration: underline;
	}

	a[href^="http:"] {}
	a[href^="mailto:"] {}

	/* @end */

	/* @group Allg. Textformatierung */

	.text {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 11px;
		line-height: 17px;
	}

	.strong {
		font-weight: bold;
	}

	.marker {
		background-color: #B5D5FF;
	}

	/* @end */

	/* @group cblock */

	.cblock {
		clear: both;
		padding: 0 0 0.8em 0.5em; /**Artikel-Abstand**/
	}

	.cblock.message {
		clear: both;
		padding: 0 20px 0 20px;
		border-left: 10px solid #CCCCCC;
	}

	.cblock.article.standard {}
	.cblock.article.teaser {}
	.cblock.article.headline {}
	.cblock.article.first {}

	.cblock.messagetop {}
	.cblock.messagebottom {}
	.cblock.articletop {}
	.cblock.articlebottom {}

	/* @end */

	/* @end */

#layout {
	width: 990px;
	padding: 0 0 0 11px;
	background: url(../../../mangoo_custom/images/beautymagazin/bg_layout.gif) repeat-y;
}

#main {
	width: 809px;
	float: left;
}

#head {
	height:143px;
	background: url(../../../mangoo_custom/images/beautymagazin/bg_head.jpg) no-repeat;
}

/* @group headnavigation */

#headnavigation {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 25px;
}

#headnavigation ul {
	margin: 0px;
	padding: 0px;
}

#headnavigation ul li {
	display: inline;
}

#headnavigation ul li a {
	margin: 0px;
	padding: 0 12px 0 12px;
	color: #666;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	line-height: 27px;
	letter-spacing: 1px;
	display: block;
	float: left;
	border-left: 1px solid #58A8E1;
}

#headnavigation ul li.first a {
	border-left: none !important;
}

#headnavigation ul li a:hover {
	text-decoration: underline;
}

/* @end */

#search {
	height: 40px;
	background: url(../../../mangoo_custom/images/beautymagazin/bg_search.gif);
	background-repeat: repeat-x;
}

#search .input {
	padding: 4px 8px 0 240px;
	float: right;
	}

#search label {
	float: left;
	font-size: 10px;
	color: #333;
	padding: 12px 10px 0 10px;
	}

#search .bginput {
	margin: 9px 0 0 0;;
	}

#search input {
	margin: 11px 0 0 10px;
}

#search #rb_nb_sp0, #search #rb_nb_sp1 {
	margin: 0px 3px 0 0;
}

#search a {
	font-size: 10px;
	color: #fff;
	background-color: #71C5F6;
	padding: 3px;
	line-height: 35px;
	font-weight: bold;
	text-decoration: none;
	}

#search a:hover {
	text-decoration: underline;
	}

/* My Comment */

#search input {
	float: left;
	color : #333;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	letter-spacing: .1em;
	height: 14px;
}

/* @group navigation */

#navigation {
	padding: 6px 0 0 0;
	margin: 0;
	float: left;
	width: 160px;
	background-color: #fff;
}

#navigation ul li {
	display: inline;
}

/* @group level1 */
#navigation .level1 {
	margin: 0px;
	padding: 0px;
}

#navigation .level1 li a{
	margin: 0 0 0px 8px;
	padding: 0px;
	width: 150px;
	color: #111;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	line-height: 23px;
	letter-spacing: 1px;
	display: block;
	border-bottom: 1px solid #CED4DA;
	background-image: none;
	background-color: #ECEFF2;
	text-indent: 5px;
	font-weight: normal;
}

#navigation ul.level1 li.first a {
	border-left: none !important;
}

#navigation ul.level1 li a:hover {
	text-decoration: underline;
}

#navigation .level1 li.active a,
#navigation .level1 li.selected a{
	background-color: #58A8E1;
	color: #FFF;
}

#navigation ul {
	margin: 0 !important;
	padding: 0 !important;
}
/* @end */

/* @group level2 */
#navigation .level2 li a{
	margin: 0 0 0 8px;
	padding: 0px;
	line-height: 23px;
	display: block;
	border-bottom: 1px solid #CED4DA;
	text-indent: 10px;
	background: url("../../mangoo_custom/images/layout/pfeil.gif") no-repeat;
	background-color: #FFF !important;
	background-position: -5px 0px;
}

#navigation .level2.active li a{
	color: #111 !important;
}

#navigation .level2{
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #FFF;
}

#navigation .level2 li.selected a,
#navigation .level2 li.active a{
	font-weight: bold;
	color: #58A8E1 !important;
	letter-spacing: 0.5px;
}
/* @end */

/* @group level3 */
#navigation ul.level3 {
	margin: 0 0 8px 0;
}

#navigation .level3 li{
	margin: 0 0 0 8px;
	padding: 0px;
	line-height: 23px;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	background-color: #F3F7FA;
	border-bottom: 1px solid #CED4DA;
}


#navigation .level3.active li a{
	color: #111 !important;
	width: 145px;
	border: none;
	background-image: none;
}


#navigation .level3{
	background-color: #FFF;
}

#navigation .level3 li.selected a{
	font-weight: normal;
	color: #58A8E1 !important;
	letter-spacing: 0.5px;
	background: url("../../mangoo_custom/images/layout/pfeil.gif") no-repeat;
	background-color: #FFF !important;
	background-position: -5px 0px;
}
/* @end */


/* @group group5 */
#navigation .group5.level1 {
	margin-top:15px;
	background-color: #FFF;
}
/* @end */



/* @end */
#content {
	float: right;
	width: 640px;
}

#breadcrumps {
height:25px;
}

#breadcrumps p.breadcrumbs {
	margin: 0.8em 0 .8em 6px;
	font-size: 11px; /**Schriftgröße klein**/
	color: #666666; /**Schriftfarbe hell**/
}


#content_box{
	float: left;
	width: 470px;
}

#articles {
	float: left;
}

#sidebar {
	float: right;
	width: 145px;
	padding: 0 6px 0 5px;
	margin: 0 5px 0 0;
	/*background-color: #F6F8FA;*/
}

#footer {
	clear: both;
	width: 620px;
	padding-top: 25px;
}

#advertising {
	padding: 163px 0 0 0;
	width: 181px;
	float: right;
	background: url(../../../mangoo_custom/images/beautymagazin/bg_head_rechts.jpg) no-repeat;
}

#advertising .google{
	padding: 4px;
}

#imprint{
	/*border: thin solid #red;*/
	height: 30px;
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
	color: gray;
}

/* @group Artikel */

	/* @group Überschriften */

	.cblock h3,
	#sidebar h3{
		margin: 0 0 .6em 0;
		padding-bottom: 5px;
		line-height: 1em;
		font-size: 10px;
		font-weight: normal;
		color: #547994;
		border-bottom: thin solid #CED4DA;
	}

	*html .cblock h3 {
		margin-bottom: 1em;
	}


	.cblock h1,
	.cblock.teaser.first h1 {
		margin: 0 0 .4em 0;
		line-height: 1em;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif; /**Schriftfamilie sehr groß**/
		font-size: 17px; /**Schriftgröße sehr groß**/
		color: #5497C1; /**Schriftfarbe**/
	}

	.cblock.first h1 {
		font-size: 20px; /**Schriftgröße sehr groß**/
	}

	.cblock.message.error h1 {
		color: #CC0000; /**Schriftfarbe Hinweis**/
	}

	.cblock h2 {
		margin: .7em 0 .5em 0;
		line-height: 1.2em;
		font-family: Arial, Verdana, sans-serif; /**Schriftfamilie groß**/
		font-size: 14px; /**Schriftgröße groß**/
		color: #333333; /**Schriftfarbe**/
	}

	/* @end */

	/* @group Autor, Datum */

	.cblock p.info {
		margin: 0 0 .8em 0;
		font-size: 11px; /**Schriftgröße klein**/
		color: #666666; /**Schriftfarbe hell**/
	}

	.cblock p.info .date,
	.cblock p.info .author {}

	/* @end */

	/* @group Paragraph */

	.cblock p.text {
		margin: 0 0 .8em 0; /**Absatz-Abstand**/
	}

	.cblock p strong {}
	.cblock p i {}
	.cblock p u {}

	.cblock p.emph {
		font-weight: bold;
	}

	.cblock p.quote {
		margin: 0 0 1.2em .8em;
		padding: 0 0 0 .8em;
		border-left: 1px solid #CCCCCC;
		font-style: italic;
		color: #666666; /**Schriftfarbe hell**/
	}

	.cblock p.small {
		font-size: 11px; /**Schriftgröße klein**/
		width: 90%; /*Reduzierte Breite*/
		padding: 5px;
		background-color: #F6F8FA;
		border: 1px solid #EEF0F2;
	}

	.cblock.message p {
		padding: 0 0 0 22px;
		font-weight: normal;
	}

	.cblock.message.error p {}
	/* @end */

	/* @group Fußnote */

	.cblock p.footnote {
		margin: 0 0 .8em 0; /**Absatz-Abstand**/
		width: 90%; /*Reduzierte Breite*/
		font-size: 11px; /**Schriftgröße klein**/
		color: #666666; /**Schriftfarbe hell**/
	}

	/* @end */

	/* @group Artikel-Links */

	.cblock p .detaillink {
	/*	display: block;
		float: right;	*/
		margin: 1.4em 0 .8em 0; /**Absatz-Abstand**/ /**Zeilenhöhe**/
	}

	.cblock.backlink {
		padding: 0 0 2em 0; /**Artikel-Abstand**/
	}

	.cblock.backlink.top {
		display: none;
	}

	.cblock.backlink.bottom {}

	/* @end */

	/* @group Inline-Bilder */

	.cblock.article .image {
		margin: .4em 0 0 0;
	}

	.cblock.article .image.left {
		float: left;
		margin-right: .8em;
	}

	.cblock.article .image.right {
		float: right;
		margin-left: .8em;
	}

	.cblock.article .image.middle {
		display: block;
	}

	.cblock.article .image p {
		margin: 2px 0 0 0;
		padding: 2px 0;
		font-size: 10px;
		text-align: center;
		background-color: #666666;
		color: #FFFFFF;
	}

	/* @end */

	/* @group Inline-Tabellen */

	.cblock.article table {
		table-layout: auto; /* fixed bei Tabellen mit width-Angaben, wird evtl. vom IE nicht interpretiert, ausprobieren */
		border-collapse: collapse;
		margin: 0 0 .8em 0; /**Absatz-Abstand**/
	}

	.cblock.article table td {
		padding: .2em .4em;
		line-height: 1.4em; /**Zeilenhöhe**/
		vertical-align: top;
		font-size: 13px; /**Schriftgröße normal**/
		color: #333333; /**Schriftfarbe**/
		/**border: 1px solid #CCCCCC;**/
	}

	/* @end */

	/* @group Inline-Listen */

	.cblock ul {
		margin: 0 0 20px 0; 
		width: 90%;
		text-decoration: none;
	}

	.cblock li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		color: #333333;
		margin: 0 0 5px 0;
		text-decoration: none !important;
		padding: 0 0 0 10px;
		display: block;
		background: url("../../mangoo_custom/images/layout/pfeil.gif") no-repeat;
		background-color: #FFF !important;
		background-position: -5px -2px;
	}

	.cblock.article ul.links  {
		text-decoration: none;
	}
	
	.cblock.article ul.links li a{
	}
	.cblock.article ul.links li a.file {}

	/* @end */

	/* @end */

/* @group Bilderserien */

/* @group Bilderserie */

	.cblock.gallery {
		margin: 0;
		padding: 0;
	}

	.cblock.gallery div.galrow {}

	.cblock.gallery div.galrow div.image {
		position: relative;
		float: left;
		margin: 0 15px 10px 0;
		padding: 1px;
		width: 186px;
		height: 148px; /* Bildhöhe + 24 */
		border: 1px solid #CCCCCC;
		text-align: center;
		line-height: 120px; /* Bildhöhe - 4 */
	}

	.cblock.gallery div.galrow div.image.lastcol {
		margin-right: 0;
	}

	.cblock.gallery div.galrow div.image img {
		vertical-align: middle;
	}

	.cblock.gallery div.galrow div.image p {
		clear: both;
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #666666;
	}

	.cblock.gallery div.galrow div.image img.zoom {
		position: absolute;
		left: 2px;
		bottom: 1px;
	}

	.cblock.gallery div.galrow div.image p.title {
		position: absolute;
		margin: 0;
		padding: 0;
		right: 3px;
		bottom: 1px;
		height: 17px;
		line-height: 17px;
		font-size: 11px;
		color: #666666;
		background-color: #FFFFFF;
	}

	/* @end */

	/* @end */
	
	
	.article.standort{
		border:1px solid #C1D7DD; 
		padding: 5px;
		margin-bottom: 8px;
		margin-left: 7px;
	}
	
	.article.standort img{
		border:1px solid #C1D7DD; 
	}

	.article.standort h2{
		margin: .8em 0 .4em 0;
	}

	.article.standort h3{
		color: #silver; /**Schriftfarbe**/
	}


	.cblock.standort div.headline{
		border:0px solid #C1D7DD; 
		width: 625px;
		height: 80px;
	}
	
	.cblock.standort div.article{
		width: 613px;
	}
	
	.cblock.standort ul.navigation{	
		width: 620px;
	}
	
	.cblock.standort h3{	
		padding-top:15px;
	}
	
	.cblock.standort h2{
		width: auto;
	}
	
	.cblock.standort ul.navigation li {	
		display: inline;
		background-image: none !important;
		padding: 0 !important;
	}
	

	.cblock.standort ul.navigation li a {
		margin: 0px;
		margin-right: 5px;
		padding: 0 10px 0 10px;
		color: #666;
		text-decoration: none;
		font-family: Arial;
		font-size: 11px;
		line-height: 22px;
		letter-spacing: 1px;
		text-indent: 2px;
		display: block;
		float: left;
		border: 1px solid #BFD9E8;
	}

	.cblock.standort ul.navigation li a,
	.cblock.standort ul.navigation li a {
		background-color: #F6F8FA;
	}


	.cblock.standort ul.navigation li a:active,
	.cblock.standort ul.navigation li a:hover {
		border: 1px solid #6BC7F8;
	}

	.cblock.standort ul.navigation li.active a,
	.cblock.standort ul.navigation li.selected a {
		border: 1px solid #7BB9E6;
		background-color: #7BB9E6;
		color: #FFF;
	}
	

	
	.cblock.leistungen ul {
		width:600px;
		display:table;
		margin:0;
		padding:0px 0 10px 0;
		background-color: #FFFFFF;
	}
	.cblock.leistungen ul li {
		display:inline;
		padding:0;
		margin:5px;
	}
	.cblock.leistungen ul li a{
		display:block;
		float:left;
		width:175px;
		margin-right:5px;
		padding:2px 0px 2px 15px;
	}
	
	.cblock.leistungen ul li.no a{
		text-decoration: line-through;
		color: #d8d8d8;
	}
	
	.cblock.leistungen ul li.not.available a{
		display: none;
		visibility: hidden;
	}
	
	
	.error {
		color: #CC0000; /**Schriftfarbe**/
		font-weight: bold;
	}

/* @group suche */

#result span,
#result p,{
	float: left;
}
	
	
#result .headline1{
		float: left;
		width: 100%;
		margin: 0 0 .4em 0;
		line-height: 1em;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif; /**Schriftfamilie sehr groß**/
		font-size: 14px; /**Schriftgröße sehr groß**/
		color: #5497C1; /**Schriftfarbe**/
}

#result .headline2{
		float: left;
		width: 100%;
		margin: 0 0 .4em 0; /**Schriftgröße sehr groß**/
		padding-bottom:10px;
		color: #425162;
		font:11px/1em "Lucida Grande", Lucida, Verdana, sans-serif;
}


#result .name{
		float: left;
		width: 100%;
		margin: 0 0 .4em 0; /**Schriftgröße sehr groß**/
		padding-bottom:3px;
		color: #425162;
		font: bold 11px/1em "Lucida Grande", Lucida, Verdana, sans-serif;
		border-bottom: 1px solid #A5B3C3;
}

.sidenote{
	float: right;
		width: 100%;
		margin: 0 0 .6em 0; /**Schriftgröße sehr groß**/
		padding-bottom:3px;
		color: #999;
		font: 9px/1em "Lucida Grande", Lucida, Verdana, sans-serif;
		/*border-bottom: 1px solid #efefef;*/
}



/* @end */

/* @group linklist */

#linklist {
	float: left;
	width: 470px;
}


#linklist ul.group3{
	text-decoration: none;
}

#linklist li{
	margin: 0 0 0 8px;
	text-decoration: none !important;
	padding: 0px;
	line-height: 23px;
	display: block;
	text-indent: 10px;
	background: url("../../mangoo_custom/images/layout/pfeil.gif") no-repeat;
	background-color: #FFF !important;
	background-position: -5px 0px;
}

#linklist h2{
		margin: 0 0 .6em 0;
		padding-bottom: 5px;
		line-height: 1em;
		font-size: 10px;
		font-weight: normal;
		color: #547994;
		border-bottom: thin solid #CED4DA;
}

/* @end */

/* @group googlemap */

	/* @group Inline-Tabellen */

	.cblock.article.googlemap table {
		table-layout: auto; /* fixed bei Tabellen mit width-Angaben, wird evtl. vom IE nicht interpretiert, ausprobieren */
		border-collapse: collapse;
		margin: 0 0 .8em 0;
		width: 603px;
		border: 2px solid #C1D7DD;
}

	.cblock.article.googlemap table td {
		padding: .2em .4em;
		line-height: 1.4em; /**Zeilenhöhe**/
		vertical-align: top;
		font-size: 13px; /**Schriftgröße normal**/
		color: #333333; /**Schriftfarbe**/
		border: 1px solid #CCCCCC;
	}

	/* @end */
/* @end */






/* newsletter-abo */

.newsletter {
	width:450px; 
	border:2px solid #C1D7DD; 
	background-color:#F3F7FA;
	margin: 0 0 0 7px;
}

.newsletter legend {
		padding: 8px 5px 0 5px;;
		line-height: 1.2em;
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		color: #333333;
		font-weight: bold;
	}

.newsletter label {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 11px;
		line-height: 17px;
		padding: 0 0 0 5px;
		display: block;
		width: 150px;
		float: left;
	}

.newsletter select, .newsletter input {
		margin: 5px 0 0 0;
	}



/* Kontaktformular */

#contactform {
	margin-top:20px;
}

#contactform span {
	display:block;
	width:150px;
	margin-top: 2px;
	float:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;;
	color: #333333;
}

#contactform input {
	border: 1px solid #61656C;
	height: 15px;
}

#contactform textarea {
	border: 1px solid #61656C;
}

#contactform #formspacer {
	 height: 10px;
}

#contactform input {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}

#contactform .formerror {
	color: #FF0000;
}
			
