/* css Susanne Greve by silberpuls.de 2009-07 */
/* Hauptfarben */
.dkl-braun { background: #4d4438; }
.braun { background: #81725e; }
.mittel { background: #a69885; }
.hell { background: #e4dec7; }
/* Akzente */
.milka { background: #A97FB8; }
.dkl-milka { background: #755880; }
.puder { background: #CC8877; }

/* @group Standards */
* {
	margin: 0;
	padding: 0;
	}
html {
	background: ;
	}
body {
	line-height: 150%;
	font-size: 12px;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	height: 100%;
	}
* :focus { outline: none }
a { text-decoration: none; }

/* clear */
.clear {
	clear: both;
	}
a {
	text-decoration: none;
	}
a:link,
a:visited {
	color: #81725e;
	}
a:hover,
a:visited:hover {
	color: #4d4438;
	}
a:active {
	position: relative;
	top: +1px;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
.clearfix {
	display: inline-block;
	height: 160px;
	}
html[xmlns] .clearfix {
	display: block;
	}
* html .clearfix {
	height: 1%;
	}
sup,
sub {
	font-size: 10px;
	/*position: relative;
	top: 2px;*/
	height: 10px;
	padding: 0 0 0 0;
	}
/* @end */

/* @group Layout */
#super {
	min-height: 100%;
	width: auto;
	margin: /*27px;*/;
	background: #e4dec7 /*url(../img/sgr-wrapper.jpg) repeat-x bottom center*/;
	color: #FFF;
	}
#superwhite {
	width: auto;
	margin: 0 20px 0 20px;
	background: none;
	color: #FFF;
	}
div.wrapper1 {
	background: #FFF;
	}
.wrapper {
	width: 910px;
	margin: 0 auto;
	}
#mood {
	background: #FFF url(../img/moods/mood.jpg) no-repeat top center;
	width: 910px;
	margin: 0 auto;
	}
	
#header {
	height: 168px;
	padding: 0 0 40px 0;
	margin: 0 0 2px 0;
	background: ;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}
a#logo {
	width: 280px;
	height: 208px;
	margin: 0 0 0 240px;
	padding: 0px 0 0px 0;
	background: #FFF url(../img/sgr-logo.gif) no-repeat 40px center;
	display: block;
	text-align: left;
	overflow: hidden;
	text-indent: -2000px;
	}	
a#logo:active {
	position: relative;
	top: 0;
	}
#navi {
	background: #81725e;
	height: 26px;
	margin: -2px 0 0 0;
	}
	
#content {
	min-height: 300px;
	margin: 70px 0 0 0;
	padding: 0 0 100px 0;
	}

#main {
	padding: 0px;
	width: 660px;
	float: right;
	color: #81725e;
	min-height: 500px;
	}

#side {
	float: left;
	width: 220px;
	margin: 60px 0 40px 0;
	}

#footer {
	width: 940px;
	margin: 0 auto;
	background: ;
	color: #FFF;
	font-size: 10px;
	padding: 5px 10px 6px 10px;
	border-top: 1px dotted #a69885;
	}
/* @end */

/* @group Navi */
#navi h2 {
	display: none;
	}
#navi ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 910px;
	font-size: 14px;
	}
#navi ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
#navi ul li a {
	padding: 4px 10px;
	color: #FFF;
	display: block;
	float: left;
	/*border-top: 2px solid #e4dec7;*/
	margin-top: 0;
	font-weight: bold;
	}
#navi ul li.first {
	border-left: 1px solid #a69885;
	}
#navi ul li.last {
	border-right: 1px solid #a69885;
	}
#navi ul ul li.first,
#navi ul ul li.last {
	border: none !important;
	}

#navi ul li a:hover,
#navi ul li.active a,
#navi ul li.active-trail a {
	background: #4d4438;
	border-top: 2px solid #cc8074;
	margin: -2px 0 0 0;
	}

#navi ul ul {
	position: absolute;
	top: /*261px*/234px;
	border-top: 4px solid #A97FB8;
	width: auto;
	padding: 0 0px 0 0;
	}
#navi ul ul li {
	margin: 0 10px 0 0;
	}
#navi ul ul.menu li a {
	border-left: 1px solid #a69885;
	padding: 6px 10px 0 10px;
	color: #81725e;
	border-top: none;
	margin-top: 0;
	font-weight: normal;
	background: none;
	font-size: 13px;
	}
#navi ul ul.menu li a:hover,
#navi ul ul.menu li.active a,
#navi ul ul.menu li.active-trail a {
	background: none;
	color: #4d4438;
	border-top: none;
	margin-top: 0;
	}

#navi ul li.menu-mlid-137,
#navi ul li.menu-mlid-308 {
	float: right;
	}
#navi ul li.menu-mlid-137 ul,
#navi ul li.menu-mlid-308 ul {
	margin: 0 0 0 -56px;
	padding: 0 0 0 0px;
	}
#navi ul li.menu-mlid-137.active-trail ul,
#navi ul li.menu-mlid-308.active-trail ul {
	border-top: #a69885 4px solid !important;
	}
#navi ul li.menu-mlid-137 ul li,
#navi ul li.menu-mlid-308 ul li {
	border: none;
	margin: 0 0 0 10px;
	}
#navi ul li.menu-mlid-137.active-trail a,
#navi ul li.menu-mlid-308.active-trail a {
	background: #755880;
	}
#navi ul li.menu-mlid-137.active-trail ul li a,
#navi ul li.menu-mlid-308.active-trail ul li a {
	background: none;
	border-right: 1px solid #a69885;
	border-left: none;
	}
#navi ul li ul li.active-trail a {
	background: none;
	color: #4d4438;
	}
	
/* @group Navi3 */
#side .menu-level-3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#side .menu-level-3 ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #a69885;
	list-style: none;
	background: none;
	font-size: 12px !important;
	}
#side .menu-level-3 ul li.last {
	border-bottom: 1px solid #a69885;
	}
#side .menu-level-3 ul li a {
	margin: 0 0 0 0;
	padding: 5px 5px 4px 10px;
	display: block;
	}
#side .menu-level-3 ul li a.active,
#side .menu-level-3 ul li a:hover {
	background: #e9e5D2; /*e4dec7*/
	color: #4d4438;
	}	
/* @end */
/* @end */

/* @group Main */
#main h2 {
	display: none;
	}
#main h3 {
	font-family: Georgia, Times, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0 40px 0;
	color: #a69885;
	text-shadow: #FFF 0 1px 0;
	}	
#main h4 {
	margin: 20px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #81725e;
	text-shadow: #FFF 0 1px 0;
	}
#main p {
	color: #81725e;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 160%;
	}
#main h4+p {
	color: #A97FB8; /*#cc8074;*/
	text-shadow: #FFF 0 1px 0;
	font-weight: bold;
	}
#main h4+p strong {
	/*border-bottom: 1px solid #A97FB8;*/
	font-style: italic;
	letter-spacing: 0.06em;
	}
#main p.fak {
	margin: 0 0 0 -10px;
	padding: 65px 0 0 10px;
	background: url(../img/sgr-fak.gif) no-repeat top left;
	}

#main p.copy {
	font-size: 10px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #a69885;
	}
body.not-logged-in #main table tbody {
	border: none;
	}
body.not-logged-in #main table tr {
	background: none !important;
	color: #a69885 !important;
	border-bottom: 1px solid #a69885;
	}
body.not-logged-in #main table th {
	padding: 3px 30px;
	border: none !important;
	width: 60px;
	}
body.not-logged-in #main table td {
	padding: 3px 30px;
	width: 60px;
	}
body.not-logged-in #main table td.first {
	width: 250px;
	/*padding-left: 0;*/
	}
body.not-logged-in #main table th.first {
	width: 250px;
	/*padding-left: 0;*/
	}
body.not-logged-in #main table tr:hover {
	background: #e9e5D2 !important;
	}

	
#main a {
	border-bottom: 1px solid #a69885;
	}
#main ul {
	font-size: 14px;
	line-height: 160%;
	list-style: none;
	list-style-position: none;
	}
#main ul li {
	list-style: none;
	list-style-position: none;
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
	background: url(../img/sgr-bullit.gif) no-repeat 0 3px;
	}

#main .field-field-image {
	float: right;
	width: 150px;
	height: auto;
	margin: 53px 0px 20px 20px;
	padding: 10px 10px 0 10px;
	-webkit-box-shadow: #a69885 1px 1px 3px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: #a69885 1px 1px 3px;
	-moz-border-radius: 6px;
	color: #81725e;
	background: #e9e5D2;
	}
#main .field-field-image .field-label {
	display: none;
	}
#main .field-field-image .field-item {
	width: 100px;
	display: inline;
	margin: 0 0 0 0;
	}
#main .field-field-image .field-item img {
	width: 150px;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0 0 5px 0;
	-webkit-box-shadow: #a69885 1px 1px 3px;
	-moz-box-shadow: #a69885 1px 1px 3px;
	}

/* @group Teaser */
#block-block-4,
#block-block-6,
#block-block-8,
#block-block-9 {
	float: right;
	width: 200px;
	height: auto;
	margin: 60px 0 20px 20px;
	padding: 10px 10px 0px 15px;
	-webkit-box-shadow: #a69885 1px 1px 3px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: #a69885 1px 1px 3px;
	-moz-border-radius: 6px;
	color: #81725e;
	background: #e9e5D2 url(../img/sgr-structure.jpg) no-repeat top center;
	}
#block-block-8,
#block-block-9 {
	margin-top: -2px;
	}	 
#block-block-4 h3,
#block-block-6 h3, 
#block-block-8 h3,
#block-block-9 h3 {
	font-size: 16px;
	margin: 10px 0 39px 0;
	color: #81725e;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	text-shadow: #FFF 0 1px 0;
	}
#block-block-4 ul,
#block-block-6 ul,
#block-block-8 ul,
#block-block-9 ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #81725e;
	font-size: 12px;
	}
#block-block-4 ul li,
#block-block-6 ul li,
#block-block-8 ul li,
#block-block-9 ul li {
	list-style: none;
	margin: 1px 0 1px 0;
	padding: 0 0 0 0;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	background: none;
	}
#block-block-6 {
	background: #A97FB8 url(../img/sgr-texture-lila.jpg) no-repeat top center;
	color: #FFF;
	}
#block-block-6 ul, 
#block-block-6 li {
	color: #FFF;
	}
#block-block-6 a {
	color: #FFF;
	border-bottom: 1px #FFF solid;
	}
#block-block-6 h3 {
	color: #FFF;
	text-shadow: #e585e5 0 1px 0;
	}	 
/* @end */
/* @group Zertifikate */
#block-block-5 {
	padding: 180px 0 0 0;
	background: url(../img/zert/dagfa.gif) no-repeat top left;
	margin: 10px 0;
	}
#side #block-block-5 li {
	list-style: ;
	margin: 0 0 0 10px;
	}
/* @end */
/* @end */

/* @group Side */
#side h2 {
	margin: 20px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #a69885;
	text-shadow: #FFF 0 1px 0;
	}	
#side p {
	color: #a69885;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 160%;
	text-shadow: #FFF 0 1px 0;
	}
#side ul {
	margin: 0 0 10px 0;
	}
#side ul li {
	color: #a69885;
	line-height: 160%;
	text-shadow: #FFF 0 1px 0;
	font-size: 14px;
	margin: 0 0 0 0px;
	}
#block-block-2 {
	background: url(../img/teaser-neu.png) no-repeat top center;
	height: 550px;
	width: 350px;
	position: relative;
	top: -300px;
	left: -150px;
	text-indent: -2000px;
	margin: 0 0 -350px 0;
	}

/* @end */

/* @group Footer */
#footer p {
	color: #a69885;
	font-size: 10px;
	line-height: 160%;
	text-shadow: #FFF 0 1px 0;
	}
/* @end */

/* @group GoogleMaps */
#google-canvas {
	width: auto;
	height: 400px;
	margin: 0 0 20px 0;
	border-bottom: 4px #A97FB8 solid;
	}
#flag {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #FFF;
	color: #81725e;
	padding: 5px 10px;
	}
#logowrap {
	height: 55px;
	overflow: hidden;
	margin: 0 0 5px 20px;
	}
#flag #flag-logo {
	width: 100px;
	height: auto;
	}
#map-search-controls form label.block {
	width: 50px;
	display: inline-block;
	}
#map-search-controls span.submit {
	margin: 0 0 0 10px;
	}
/* @end */

/* @group Stimmen */
#main .stimmen {
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 10px 10px 0;
	padding: 10px 10px 0 10px;
	background: #e9e5D2;
	-webkit-box-shadow: #a69885 1px 1px 3px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: #a69885 1px 1px 3px;
	-moz-border-radius: 6px;
	color: #a69885;
	}
#main .stimmen p {
	color: #81725e;
	font-style: italic;
	}	
body.not-logged-in .tips {
	display: none;
	}
form#comment-form p {
	display: none;
	}	
#main li.comment_add a {
	margin: 50px 0 0 0;
	}
#main div.comment {
	background: #A97FB8;
	padding: 20px;
	color: #FFF;
	}
#main .box {
	margin: 10px 10px 10px 0;
	border-left: 4px solid #A97FB8;
	padding-left: 10px;
	}
#main div.comment h3 a {
	color: #FFF;
	}
#main div.comment h3 {
	font-size: 16px;
	margin: 20px 0 0px 0;
	padding: 0;
	}
#main div.comment p {
	color: #FFF;
	}
/* @end */

/* @group Kontaktformular */
span.submitted {
	display: none;
	}
body.not-logged-in div.messages.error {
	display: none;
	}
#main textarea {
	background: #e9e5D2;
	border: #FFF solid 1px;
	width: 472px;
	padding: 10px 10px;
	height: 100px;
	font-size: 13px;
	}
#main form {
	margin: 20px 0;
	}
#main form label {
	display: inline-block;
	width: 120px;
	font-weight: normal;
	}
#main form .form-item {
	margin: 12px 0;
	}
#main .form-required {
	color: #A97FB8;
	text-shadow: #FFF 0 1px 0;
	}
#main form .error {
	border: #A97FB8 solid 2px;
	color: #4d4438;
	}	
#main .description p {
	font-size: 13px;
	margin: 0 0 0 128px;
	width: 370px;
	}	 
/* @end */

/* @group Sitemap */
body#id23.not-logged-in #block-menu_block-3 {
	margin: 20px 0 0 0;
	}
body#id23.not-logged-in #block-menu_block-3 ul.menu {
	margin: 0 0 0 30px;
	padding: 0;
	}	
body#id23.not-logged-in #block-menu_block-3 ul ul {
	border-left: 1px solid #a69885;
	}
body#id23.not-logged-in #block-menu_block-3 ul ul li {
	background: url(../img/sgr-angle.gif) no-repeat -2px 3px;
	padding: 0 0 0 45px;
	margin: 5px 0;
	}
body#id23.not-logged-in #block-menu_block-3 a {
	border: none !important;
	}
/* @end */

/* @group Kosmetikinstitut */
body#id4 #navi,
body#id11 #navi,
body#id12 #navi,
body#id24 #navi,
body#id25 #navi,
body#id26 #navi,
body#id50 #navi,
body#id51 #navi,
body#id64 #navi,
body#id65 #navi,
body#id66 #navi,
body#id67 #navi,
body#id68 #navi,
body#id69 #navi,
body#id70 #navi,
body#id71 #navi {
	background: #A97FB8 !important;
	}	
body#id4 #navi ul a:hover,
body#id11 #navi ul a:hover,
body#id12 #navi ul a:hover,
body#id24 #navi ul a:hover,
body#id25 #navi ul a:hover,
body#id26 #navi ul a:hover,
body#id50 #navi ul a:hover,
body#id51 #navi ul a:hover,
body#id64 #navi ul a:hover,
body#id65 #navi ul a:hover,
body#id66 #navi ul a:hover,
body#id67 #navi ul a:hover,
body#id68 #navi ul a:hover,
body#id69 #navi ul a:hover,
body#id70 #navi ul a:hover,
body#id71 #navi ul a:hover {
	background: #755880 ;
	}
#navi ul ul a:hover {
	background: none !important;
	}
/* @end */

/* @group Translation */
#main .links {
	margin: 30px 0 0 0;
	text-align: right;
	}
#main .links ul {
	margin: 0 0 0 -10px;
	padding: 0;
	}
ul li.node_translation_en,
ul li.node_translation_de {
	color: #a69885;
	}
ul li.node_translation_en:before {
	content: "This article also exists in ";
	}
ul li.node_translation_de:before {
	content: "Dieser Artikel existiert auch in ";
	}
#block-locale-0 {
	position: absolute;
	top: 300px;
	margin-left: 10px;
	}
#block-locale-0 ul {
	margin: 0;
	padding: 3px 0 0 0;
	}
#block-locale-0 .content {
	float: left;
	margin: 0 0 0 5px;
	}
#block-locale-0 h2 {
	/*display: none;*/
	float: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
	}
#block-locale-0 ul li {
	list-style: none;
	width: 20px;
	height: 12px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #e4dec7;
	}
#block-locale-0 ul li.active,
#block-locale-0 ul li:hover {
	color: #4d4438;
	border: 1px solid #FFF;
	-webkit-box-shadow: #A97FB8 0 1px 4px;
	-moz-box-shadow: #A97FB8 0 1px 4px;
	} 
li.de a {
	background: url(../img/sgr-german.gif) no-repeat 0 0px;
	list-style: none;
	padding: 2px 0 2px 30px;
	margin: 0 5px 0 0;
	display: block;
	}
li.en a {
	background: url(../img/sgr-english.gif) no-repeat 0 0px;
	list-style: none;
	padding: 2px 0 2px 30px;
	margin: 0;
	display: block;
	}
li.tr a {
	background: url(../img/sgr-turkish.gif) no-repeat 0 0px;
	list-style: none;
	padding: 2px 0 2px 30px;
	margin: 0;
	display: block;
	}
#content #side #block-block-8 {
	margin: 0px 0 20px 0px !important;
	}
/* @end */
/* @group Views Index */
#block-search-0 label {
	display: none;
	}
input[type=text],
#main input#text,
#main input.form-text,
#main input.text {
	background: #e9e5D2;
	border: 1px solid #FFF;
	font-size: 13px;
	padding: 3px 10px;
	width: 350px;
	margin-right: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: #f2ecd3 0 0 20px;
	-moz-box-shadow: #f2ecd3 0 0 20px;
	color: #a69885;
	font-family: monospace;
	text-shadow: #FFF 0 1px 0;
	}
input#edit-search-block-form-1:hover,
#main input#text:hover,
#main input.form-text:hover,
#main input.text:hover,
input#edit-search-block-form-1:focus,
#main input#text:focus,
#main input.form-text:focus,
#main input.text:focus {
	background: #e9e5D2 url(../img/sgr-shadowed.png) repeat-x top center;
	color: #4d4438;
	
	}
#side input#edit-search-block-form-1 {
	width: 100px !important;
}
#block-search-0 p.search-info {
	display: none;
	}
#block-search-0 dd {
	margin: 0 0 40px 0;
	}
p.search-info {
	display: none;
	}
/* @end */

/* @group Moods */
body#id6 #super #mood,
body#id16 #super #mood,
body#id55 #super #mood,
body#id57 #super #mood,
body#id53 #super #mood,
body#id20 #super #mood,
body#id22 #super #mood,
body#id58 #super #mood,
body#id8 #super #mood,
body#id52 #super #mood,
body#id56 #super #mood,
body#id59 #super #mood,
body#id54 #super #mood,
body#id21 #super #mood {
	background: url(../img/moods/leistungen/klassische-dermatologie.jpg) no-repeat top center;
	}
body#id45 #super #mood,
body#id46 #super #mood,
body#id63 #super #mood,
body#id60 #super #mood,
body#id47 #super #mood,
body#id62 #super #mood,
body#id61 #super #mood {
	background: url(../img/moods/leistungen/aesthetische-dermatologie.jpg) no-repeat top center;
	}
body#id13 #super #mood,
body#id17 #super #mood,
body#id27 #super #mood {
	background: url(../img/moods/leistungen/phlebologie.jpg) no-repeat top center;
	}
body#id7 #super #mood,
body#id29 #super #mood,
body#id32 #super #mood {
	background: url(../img/moods/leistungen/allergologie.jpg) no-repeat top center;
	}
body#id14 #super #mood,
body#id38 #super #mood,
body#id37 #super #mood {
	background: url(../img/moods/leistungen/akupunktur.jpg) no-repeat top center;
	}
body#id4 #super #mood,
body#id12 #super #mood,
body#id11 #super #mood,
body#id65 #super #mood,
body#id64 #super #mood,
body#id70 #super #mood,
body#id66 #super #mood,
body#id69 #super #mood,
body#id67 #super #mood,
body#id51 #super #mood,
body#id50 #super #mood,
body#id26 #super #mood,
body#id68 #super #mood {
	background: url(../img/moods/kosmetikinstitut.jpg) no-repeat top center;
	}
body#id4 #super #logo,
body#id12 #super #logo,
body#id11 #super #logo,
body#id65 #super #logo,
body#id64 #super #logo,
body#id70 #super #logo,
body#id66 #super #logo,
body#id69 #super #logo,
body#id67 #super #logo,
body#id51 #super #logo,
body#id50 #super #logo,
body#id26 #super #logo,
body#id68 #super #logo {
	background: #FFF url(../img/ki-logo.gif) no-repeat 40px center;
	}
/* @end */
#side p a#tv {
	background: #CC8877;
	padding: 10px;
	color: #992211;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #EEAA99 0 1px 0;
	}
p.note {
	background: #EAE6D5;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}