/* 

	project:  Schauwerbegestaltung Gisela Engelfried-Wallisch
	author:   Markus Schultheiß
			  mediapowder - MEDIENKONZEPTE FRISCH WIE PULVERSCHNEE
			  
	          www.mediapowder.com 

	date:	  27.09.2011
   
*/

/*
    ------------------------------------------------------------ DIV-KONFIGURATON DES LAYOUTS
*/

.hintergrund {
	margin: 0;
	padding: 0;
	background-color: #222222;
	min-width: 1024px; min-height: 100%;
	width: 100%; height: auto;
	background-position: left top;
	position: absolute;
	z-index: 0;
}

/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - Kopf-Bereich des Layouts
*/

#layout {
	z-index: 1;
	position: absolute;
	float: left;
	margin: 0;
	width: 645px;
	height: auto;
}

#logo {
	z-index: 2;
	position: absolute;
	float: left;
	margin: 0 0 0 652px;
	background-image: url(../bilder/engelfried_logo.png);
	width: 256px;
	height: 156px;
}

#navigation {
	z-index: 3;
	position: absolute;
	float: left;
	margin: 0;
	background: url(../bilder/hg_navigation.png) no-repeat;
	width: 645px;
	height: 156px;
}

#menu {
	z-index: 4;
	position: absolute;
	float: left;
	margin: 88px 0 0 0;
	width: 550px;
	height: 30px;
	padding: 0 0 0 30px;
}

#inhalt {
	z-index: 5;
	clear: both;
	position: relative;
	float: left;
	margin: 170px 0 0 0;
	width: 588px;
	background: url(../bilder/hg_inhalt.png) repeat-y;
	height: auto;
	padding: 20px 20px 35px 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #222222;
}

#footer {
	z-index: 5;
	position: relative;
	margin: 0;
	float: left;
	background-color: #92368f;
	width: 639px;
	height: 30px;
}

#abschluss {
	z-index: 6;
	position: relative;
	margin: 0;
	float: left;
	width: 639px;
	height: 40px;
}




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


/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - Hauptmenu
*/

.hauptmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFF;
	font-weight:normal;
	display: inline;
	line-height: 30px;
	padding: 0 37px 0 0;
}

.hauptmenu a {
    color:#c8a6cd;
    width:auto;
    text-decoration:none;
}
	  
.hauptmenu a:hover {
    color:#FFF;
}


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

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #222222;
}

.text a {
	text-decoration: none;
	color: #92368f;
}

.text a:hover {
	text-decoration: underline;
	color: #92368f;
}


.ueberschrift_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #92368f;
	padding: 5px 0 10px 0;
}

.ueberschrift_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #2183CA;
	padding: 5px 0 5px 8px;
	background-color: #E7EEFA;
	border-top: solid 1px #a4a5a5;
}

.anschreiben {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding: 5px 0 5px 8px;
}

.anschreiben a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #2183CA;
	text-decoration: none;
}

.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFF;
	padding: 0 0 0 31px;
}





/*
    ------------------------------------------------------------ FORMULAR-KONFIGURATON DES LAYOUTS
*/


/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - Textfelder / Texthinweise (PHP)
*/


.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	margin: 3px 5px 3px 5px;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #a4a5a5;
}

.textfehler {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #9f1549;
	padding: 0 30px 0 8px;
	margin: 0 0 5px 0;
}


/*
    - - - - - - - - - - - - - - - - - - - - - - - - - - Schaltflächen
*/

.button_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	margin: 3px 5px 3px 5px;
	padding: 3px;
	background-color: #92368f;
	border: solid 1px #92368f;
}

.button_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	margin: 3px 5px 3px 5px;
	padding: 3px;
	background-color: #C6A6CC;
	border: solid 1px #C6A6CC;
}




/* ------------------------------------------------ KONFIGURATION DER SLIDESHOW */
.images {
	width: 565px;
	height: 385px;
	border: solid 1px #999;
}

.slide_loading {
	background: url(../bilder/slide_ladebalken.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid #999;
	padding: 3px;
}

.slideshowThumbnail img a:hover {
	border: 1px solid #222222;
	padding: 3px;
}

.current img {
	border: 1px solid #222222;
	padding: 5px;
}

.outline {
	border: 1px solid #92368f;
	background-image:url(../bilder/galerie_overlay.png);
	z-index: 10;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}