/*
	project:  Kosmetikstudio Marcela Schäfer
	author:   Markus Schultheiß
			  mediapowder - Medienkonzepte
	          www.mediapowder.com

	date:	  15.01.2015
*/

/*    ------------------------------------------------------------ DIV-KONFIGURATON DES LAYOUTS     */
body 					{ margin: 0; padding: 0; }
  .hintergrund 			{ background-color: #FFF; min-width: 1280px; min-height: 100%; width: 100%; height: auto; background-position: left top; margin: 0; float: left; z-index: 1; }

#WRAPPER				{ width: 800px; height: auto; margin: 0 0 0 150px; position: absolute; }

#SIDEBILD				{ float: left; width: 200px; height: 600px; margin: 0 0 0 2px; position: absolute; bottom: 0; }

#SCHWUNG				{ float: left; width: 604px; height: 80px; margin: 0 0 0 200px; }

#KOPF 					{ float: left; width: 600px; height: 260px; margin: 0 0 0 202px; }
  #nav1 				{ float: left; width: 600px; height: 60px; margin: 0; padding: 0; background: url(../bilder/hg_inhalt.png) repeat-y; }
  #kopfbild 			{ float: left; width: 600px; height: 200px; margin: 0; background: url(../bilder/hg_inhalt.png) repeat-y; }

#KORPER 				{ float: left; width: 600px; height: auto; margin: 0 0 0 202px; align-content: center; background: url(../bilder/hg_inhalt.png) repeat-y; }
  #nav2 				{ float: left; width: 590px; height: 50px; margin: 0; padding: 0 0 0 10px; background-color: #10145e; }
  #inhalt 				{ float: left; margin: 0; width: 520px; height: auto; padding: 20px 50px 35px 50px; }
  #hinweis 				{ float: left; margin: 0; width: 500px; background-color: #10145e; height: auto; padding: 5px 10px 10px 10px; }

#FUSS 					{ float: left; width: 600px; height: auto; margin: 5px 0 0 0; padding: 5px 0 5px 0; background-color: #9e9358; }


/*    ------------------------------------------------------------- ELEMENT-KONFIGURATON DES LAYOUTS     */

/*    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Textelemente / Überschriften     */

.text 					{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #222222; padding: 0; }
  .text a 				{ text-decoration: none; color: #10145e; }
  .text a:hover 		{ text-decoration: underline; color: #9e9358; }

.text-blau				{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #10145e; padding: 0; }
  .text-blau a 			{ text-decoration: none; color: #10145e; }
  .text-blau a:hover 	{ text-decoration: underline; color: #9e9358; }

.text-blau-bold				{ font-family: "OfficinaSansITCW01-XBol 734515"; font-size: 1em; line-height: 1.2em; color: #10145e; padding: 0; }
  .text-blau-bold a 		{ text-decoration: none; color: #10145e; }
  .text-blau-bold a:hover 	{ text-decoration: underline; color: #9e9358; }

.text-gold 				{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #9e9358; padding: 0; }
  .text-gold a 			{ text-decoration: none; color: #9e9358; }
  .text-gold a:hover 	{ text-decoration: underline; color: #10145e; }

.text-gold-bold				{ font-family: "OfficinaSansITCW01-XBol 734515"; font-size: 1em; line-height: 1.2em; color: #9e9358; padding: 0; }
  .text-gold-bold a 		{ text-decoration: none; color: #9e9358; }
  .text-gold-bold a:hover 	{ text-decoration: underline; color: #10145e; }

.text-weiss 				{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #FFFFFF; padding: 0; }
  .text-weiss a 			{ text-decoration: none; color: #FFFFFF; }
  .text-weiss a:hover 		{ text-decoration: underline; color: #FFFFFF; }

.text-weiss-bold			{ font-family: "OfficinaSansITCW01-XBol 734515"; font-size: 1em; line-height: 1.2em; color: #FFFFFF; padding: 0; }
  .text-weiss-bold a 		{ text-decoration: none; color: #FFFFFF; }
  .text-weiss-bold a:hover 	{ text-decoration: underline; color: #FFFFFF; }


.text-angebot-highlight				{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1.4em; line-height: 1.2em; color: #10145e; padding: 0; }
  .text-angebot-highlight a 		{ text-decoration: none; color: #10145e; }
  .text-angebot-highlight a:hover 	{ text-decoration: none; color: #10145e; }

.text-grau				{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #666666; padding: 0; }
  .text-grau a 			{ text-decoration: none; color: #666666; }
  .text-grau a:hover 	{ text-decoration: underline; color: #9e9358; }


.text-hinweis			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1.3em; color: #FFFFFF; }
.text-hinweis2 			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1em; line-height: 1.2em; color: #9e9358; }

.text-telefon			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1.6em; color: #9e9358; }
  .text-telefon a		{ text-decoration: none; color: #9e9358; }
  .text-telefon a:hover { text-decoration: underline; color: #10145e; }

.text-footer 			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 0.8em; line-height: 1.2em; color: #645a2e; }
  .text-footer a 			{ text-decoration: none; color: #645a2e; }
  .text-footer a:hover 			{ text-decoration: underline; color: #645a2e; }


/*    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Hauptnavigation     */

.hauptnavigation 			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1.2em; line-height: 40px; color: #9e9358; 0; }
  .hauptnavigation ul li	{ display: inline; padding: 0 20px 0 0; }
  .hauptnavigation a 		{ text-decoration: none; color: #10145e; }
  .hauptnavigation a:hover 	{ color: #9e9358; border-bottom: solid 3px #9e9358; }


/*    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Unternavigation     */

.unternavigation 			{ font-family: "OfficinaSansITCW01-Book 734509"; font-size: 1.1em; line-height: 1.4em; color: #9e9358; 0; }
  .unternavigation ul li	{ display: inline; padding: 0 20px 0 0; }
  .unternavigation a 		{ text-decoration: none; color: #FFFFFF; }
  .unternavigation a:hover 	{ color: #9e9358; }


/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/