/*

Projekt:	Kuka entertainmen Management & Booking 2009
Autor:		Philipp Arlt
Datum:		18.11.2008

lezte Aktualisierung: 03.04.2010


Farben


*/

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, /*form, input,*/ fieldset, p, blockquote, th, td, html, span, a, table, form, image, img {
	margin: 0; padding: 0; vertical-align: top; border: none; outline: none;
}


h1 {display:none;}

body {background-color:#efeeeb;}
#mantel {width:900px; margin: 0 auto;}


/* Kopf */
#kopf {padding-top: 40px;}
#kopfBanner {overflow:hidden;}
#kopfVideo {width:540px; float:left;}
.startVideo {height:300px;}
#kopfLogo {width:360px; float: right; margin-top:225px; background:#ae9675; cursor:pointer;}
#kopfLogoOben {width:360px; float: right; margin-top:30px; background:#ae9675;}


/* Navigation */
#navHaupt {overflow:hidden; height:70px; width:900px;}
.navHauptBlock {width:170px; height:25px; float:left; text-align: right; padding: 45px 10px 0 0;}
#navHaupt1 {background-color:#8c7c66; margin-left:360px !important; margin-left:360px;}
#navHaupt1Hover {background-color:#ae9675; margin-left:360px !important; margin-left:360px;}
#navHaupt1Aktiv {background-color:#ae9675; color:#434236; margin-left:360px !important; margin-left:360px;}
/*
#navHaupt1b {background-color:#8c7c66; margin-left:360px !important; margin-left:360px;}
#navHaupt1bHover {background-color:#ae9675; margin-left:360px !important; margin-left:360px;}
#navHaupt1bAktiv {background-color:#ae9675; color:#434236; margin-left:360px !important; margin-left:360px;}
*/
#navHaupt2 {background-color:#434236;}
#navHaupt2Hover {background-color:#ae9675;}
#navHaupt2Aktiv {background-color:#ae9675; color:#434236;}
#navHaupt3 {background-color:#b2b1ab;}
#navHaupt3Hover {background-color:#ae9675;}
#navHaupt3Aktiv {background-color:#ae9675; color:#434236;}
#navHaupt4 {background-color:#656246;}
#navHaupt4Hover {background-color:#ae9675;}
#navHaupt4Aktiv {background-color:#ae9675; color:#434236;}

#navMeta {height: 19px; width:890px; background-color:#ae9675; text-align:right; padding: 6px 10px 0 0;}
#navMeta a {margin-left: 10px;}


#navMetaTitel {height: 19px; width:530px; background-color:#ae9675; text-align:left; padding: 6px 0 2px 10px; float:left;}
#navMetaNeu {height: 19px; width:350px; background-color:#ae9675; text-align:right; padding: 6px 10px 2px 0; float:right;}
#navMetaNeu a {margin-left: 10px;}


/* Bauch */
#bauch {overflow:hidden;}

/* Startseite */
.startKuenstler {width: 180px; float:left; background:#f5f5f5 url(../img/hgInhalt.gif) right repeat-y; padding-bottom: 30px;}
.startKuenstlerRechts {width: 180px; float:left; background:#f5f5f5; padding-bottom: 30px;}
.startKuenstlerText {padding:0 10px;}
#startKuenstlerHaupt {width:360px; /*margin-left:180px !important; margin-left:90px;*/ float:left;}

/* Künstler */
#kuenstlerMantel {margin-left:0px; overflow:hidden; padding-top:0px; background:url(../img/hgKuenstler.gif) no-repeat;}
#kuenstlerRock {width:360px; float:left;}
#kuenstlerMitte {width:180px; float:left;}
#kuenstlerEntertainment {width:360px; float:left;}
.kuenstlerKopf {width:340px; margin-bottom:10px; padding: 15px 10px 10px 10px; text-align:right; background:#8c7c66; color:#efeeeb;}
.kuenstlerKopfMitte {width:160px; margin-bottom:0px; padding: 15px 10px 20px 10px; text-align:right; background:#8c7c66; color:#efeeeb;}
.kuenstlerBox {
	width:163px;
	height:160px;
	float:left;
	text-align:right;
	background:#f5f5f5 url(../img/hgInhalt.gif) right repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 7px;
}
.kuenstlerBoxLeer {
	width:166px;
	height:160px;
	padding:10px 7px 20px 7px;
	float:left;
	text-align:right;
	background-color: #AE9675;
}


/* Profil */
#profilNav {margin-left:180px !important; margin-left:90px; width:160px; padding: 30px 0 30px 20px; float:left; background:#f5f5f5 url(../img/hgInhalt.gif) right repeat-y;}
#profilNav li {list-style:none;}
#profilInhalt {float:left; background: #f5f5f5; padding: 30px 30px 50px 30px; width:480px;}
#profilInhalt ul {margin-left:15px;}
.galerie img {border: 5px solid #f5f5f5; margin:5px;}
.galerie img:hover {border: 5px solid #ae9675;}



/* Booking */
.bookingForm td {height:30px;}



/* nach oben */
#nachObenLeer {width:720px; float:left;}
#nachOben {width: 180px; padding-top:3px; text-align:center; height:22px; background-color:#656246; float:left; cursor:pointer;}
#nachOben:hover {background-color:#434236;}

/* Fuss */
#fuss {text-align:right; width:900px; margin-top:40px; margin-bottom: 10px;}






/*
*  TYPOGRAFIE
***************
*/
body {font-family:Arial, Helvetica, sans-serif; color:#656246; font-size: 14px;}
h3 {padding: 0.8em 0;}
h4 {color:#efeeeb; font-size:16px;}
p {padding-bottom: 0.8em;}

a {color:#656246; text-decoration:none;}
a:hover {color:#434236;}

#navHaupt a {color:#f5f5f5; text-decoration: none; font-size:16px; cursor:pointer;}
#navHaupt a:hover {color:#434236;}

#navMeta {font-size: 12px;}


.kuenstlerKopf, .kuenstlerKopfMitte {font-size: 16px;}

.startKuenstlerText {font-size: 14px; color:#656246;}
.startKuenstlerText h3 a {text-decoration: none;}
.startKuenstlerText a {text-decoration:underline;}

#profilNav {line-height: 2.0em; font-size:16px;}
#profilInhalt {font-size: 14px; line-height:1.4em;}
#profilInhalt a {text-decoration:underline;}

#nachOben {color:#f5f5f5; font-size: 14px;}

#fuss {font-size: 10px;}
#fuss a {text-decoration:underline;}


.gioCopyright {font-size:10px; }