@charset "UTF-8";

/*

ERSTELLER:		mediapowder - MEDIENKONZEPTE FRISCH WIE PULVERSCHNEE
				Markus Schultheiß (ms@mediapowder.com)
				
				www.mediapowder.com

DATUM:			26.01.2010

COPYRIGHT:		mediapowder - MEDIENKONZEPTE FRISCH WIE PULVERSCHNEE

*/


/* ------------------------------------------------ KONFIGURATION DES LAYOUTS */

.body {
	background-image:url(../bilder/lucento_bg-1px.jpg);
	background-repeat: repeat-x;
	margin: 0;
}

#facebook {
	background-image:url(../bilder/lucento_FACEBOOK.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: 30px 10px 0 0;
	width: 160px;
	height: 65px;
	z-index: 0;
}

#lucento_logo {
	background-image: url(../bilder/lucento_LOGO.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: 18px 0 0 0;
	width: 184px;
	height: 87px;
	z-index: 0;
}

#rahmen {
	width: 840px;
	height: 100%;
	margin: 0;
	border-right: solid 1px #ede200;
	border-bottom: solid 1px #ede200;
}

#bilder {
	width: 640px;
	height: 385px;
	margin: 0 0 0 200px;
}

#upper {
	background-image: url(../bilder/lucento_menu_UPPER.jpg);
	background-repeat: repeat-y;
	widows: 640px;
	height: 18px;
	margin: 0 0 0 200px;
}

#menu {
	background-image: url(../bilder/lucento_menu_bg.jpg);
	background-repeat: repeat-y;
	width: 143px;
	height: 254px;
	margin: 0 0 0 200px;
	float:left;
}

.inhalt {
	width: 440px;
	height: auto;
	margin: 40px 0 0 380px;
}

#footer_oben {
	background-image: url(../bilder/lucento_footer_OBEN.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin: 60px 0 0 200px;
}

#footer_unten {
	margin: 5px 0 0 380px;
	width: 460px;
}


/* ------------------------------------------------ KONFIGURATION DES HAUPTMENUS */

#hauptmenu {
    width: 143px;
    margin: 0 0 0 0;
    padding: 0px;
}

#hauptmenu ul {
    list-style: none;
    width: 143px;
    margin: 0 0 0 0;
    padding: 0;
}

#hauptmenu li {
    display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	color:#aea600;
	height:30px;
	line-height:30px;
	padding:0px 0px 0px 25px;
    margin-bottom:1px;
    border-bottom: solid 1px #FFF;
}

#hauptmenu li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	color:#000;
	height:30px;
	line-height:30px;
}

#hauptmenu li a:hover {
    color:#aea600;
}



/* ------------------------------------------------ KONFIGURATION DES CONTENTS */

.inhalt_HEADER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-stretch:ultra-condensed;
}

.inhalt_TEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
    .inhalt_TEXT a {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 18px;
	  text-decoration: none;
	  color: #beb500;
    }
	.inhalt_TEXT a:hover {
	  color: #999;
	  text-decoration: underline;
    }

.inhalt_TEXT_hinweis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999;
}
    .inhalt_TEXT_hinweis a {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 18px;
	  text-decoration: none;
	  color: #beb500;
    }
	.inhalt_TEXT_hinweis a:hover {
	  color: #333;
	  text-decoration: underline;
    }


.inhalt_TEAM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-stretch:ultra-condensed;
	line-height: 18px;
	color: #beb500;
}

.inhalt_TEAMBILD {
	margin: 0 15px 0 0;
	float: right;
}

.footer_oben_TEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 18px;
	padding: 0 0 0 30px;
}

.footer_unten_TEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c0c0c0;
}
    .footer_unten_TEXT a {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #c0c0c0;
	  text-decoration: none;
    }
    .footer_unten_TEXT a:hover {
	  color: #666;
    }

/* ------------------------------------------------ KONFIGURATION DER FORMULARFELDER */
.formular_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #333;
}

.formular_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: solid 1px #333;
	overflow: hidden;
}

.formular_button {
	background-color: #beb500;
	color: #333;
	border: solid 1px #333;
	margin-right: 15px;
}
.formular_blind {
	display:none;
}


/* ------------------------------------------------ KONFIGURATION DER GALERIE-BUTTONS */
.button_back a {
	display: block;
	width: 70px;
	height: 42px;
	background: url(../bilder/galerie_back_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_back a:hover {
	background: url(../bilder/galerie_back_a.jpg);
}

.button_galerie1 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie-lepple_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie1 a:hover {
	background: url(../bilder/galerie-lepple_a.jpg);
}

.button_galerie2 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_blga_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie2 a:hover {
	background: url(../bilder/galerie_blga_a.jpg);
}

.button_galerie3 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_schlosspark_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie3 a:hover {
	background: url(../bilder/galerie_schlosspark_a.jpg);
}

.button_galerie4 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_ESSLINGEN1_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie4 a:hover {
	background: url(../bilder/galerie_ESSLINGEN1_a.jpg);
}

.button_galerie5 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_BURGSTETTEN_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie5 a:hover {
	background: url(../bilder/galerie_BURGSTETTEN_a.jpg);
}

.button_galerie6 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_WIESHEU_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie6 a:hover {
	background: url(../bilder/galerie_WIESHEU_a.jpg);
}

.button_galerie7 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_STUTTGART1_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie7 a:hover {
	background: url(../bilder/galerie_STUTTGART1_a.jpg);
}

.button_galerie8 a {
	display: block;
	width: 108px;
	height: 60px;
	background: url(../bilder/galerie_REICHSSTADT_i.jpg);
	margin: 0 0 15px 0;
	text-decoration: none;
}
.button_galerie8 a:hover {
	background: url(../bilder/galerie_REICHSSTADT_a.jpg);
}


/* ------------------------------------------------ KONFIGURATION DER SLIDESHOW */
.images {
	margin-left:200px;
	width: 640px;
	height: 385px;
}

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

.slide_thumbnail {
	outline: none;
}

.slide_thumbnail img {
	border: 1px solid white;
	padding: 4px;
}

.slide_thumbnail img a:hover {
	border: 1px solid #000;
	padding: 4px;
}

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

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

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