/*
-------------------------------------------------------------------------------
CSS Dateien für die Webseiten des Kaya-Ensembles
www.kaya-ensemble.de

Autor: Truc Kieu
URL: www.lookieu.de
Datum: 23.3.1007
-------------------------------------------------------------------------------
(>°°)><(°°)><(°°<) Kirby Dance!
-------------------------------------------------------------------------------
Container:
containerHeader: Banner und Header
containerNavigationTop: Navigation oben
containerNavigationLeft: Navigation links
containerContent: Hauptinhalt
containerFooter: Footer
*/

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%; 
	line-height: 140%;
	color: #333;
	background: #fff;
}

h1 {
	font-size:130%;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 4px 0;
	color: #333333;
}
h2 {
	font-size:100%;
	line-height: 140%;
	font-weight: bold;
	margin: 12px 0px 4px 0px;
	color: #333333;
}
h3 {
	font-size:100%;
	line-height: 140%;
	font-weight: bold;
	margin: 12px 0 4px 0px;
	color:#666666;
}
h4 {
	font-size:100%;
	line-height: 140%;
	font-weight: normal;
	margin: 4px 0 4px 0;
	color:#cc0000;
}

h5 {
	font-size:100%;
	line-height: 140%;
	font-weight: normal;
	margin:4px 0 4px 0;
	padding: 2px 2px 4px 2px;
	background-color:#f4f4f4;
	color: #333333;
	width: 99%;
}
h6 {
	font-size:90%;
	line-height: 120%;
	font-weight: normal;
    color: #666666;
	margin: 4px 0 4px 0;
}

p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0;
	padding-top: 4px;
	padding-bottom:4px;
}

a {

	text-decoration:none
}

a:hover {
	text-decoration: underline;
}

input, textarea { 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 10pt;
} 

#containerHeader {
	position: relative;
	margin: 0;
	padding: 0 0 1px 0;
}

#containerPageTitle {
	position: absolute;
	margin: 0 0 1px 0;
	padding: 20px 0 0 5px;
	background-color: red;

	color: white;
	height: 98px;
	width: 196px;
}

#containerBanner {
	position: relative;
	margin: 0;
	padding: 0;
	width: 550px;
	left: 202px;
}
#containerNavigationTopFrame {
	position: relative;
	height: 20px;
	background-color: #2586d7;
}
#containerNavigationTop {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	left: 201px;
	padding: 0px 2px 0px 0px;
	z-index: 10;
	background-color: #2586d7;
	color: #fff;
	height: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	width: 500px;
}

#containerMain {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;

}

#containerNavigationLeft {
	top: 1px;

	position: absolute;
	width: 201px;
	margin: 0;
	padding: 0 0 0 0;
	left: 0;
	background-color: #2586d7;
	height: 100%;
}

#containerContent {
	position: relative;
	top:0px;
	margin: 0;
	padding-top: 1px;
	width: 580px;
	left: 201px;
	padding-left: 5px;
	padding-right: 5px;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ADD8E6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ADD8E6;
	min-height: 400px;
}

*html #containerContent { /*bugfix für IE <7*/
	height: 400px;  
	overflow-x: hidden;
	overflow-y: visible;
} 

#containerContent img {
padding: 2px;
border: 0px
}
#containerRight {
	position: absolute;
	width: 200px;
	left: 800px;
	margin: 0;
	padding: 0;
}

#containerFooter {
	clear: both;
	position: relative;
	top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding: 3px 2px 3px 205px;
	z-index: 10;
	background-color: #2586d7;
	color: #fff;
}

#containerStartLinks{
	position: absolute;
	top: 1px;
	height: 400px;
	width: 263px;
}

#containerStartMitte{
	position: relative;
	top: 1px;
	height: 400px;
	left: 264px;
	width: 264px;
}

#containerStartRechts{
	position: absolute;
	top: 1px;
	height: 400px;
	left: 528px;
	width: 263px;
}

#containerStartLinksText{
	position: absolute;
	top: 301px;
	width: 263px;
	height: 79px;

	z-index: 10;
	background-color: #2586d7;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	font-size: 13pt;
	font-weight: bold;
}

#containerStartMitteText{
	position: absolute;
	top: 0px;
	width: 263px;
	height: 79px;
	z-index: 10;
	background-color: #2586d7;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	font-size: 13pt;
	font-weight: bold;


}

#containerStartRechtsText{
	position: absolute;
	top: 301px;
	width: 263px;
	height: 79px;
	z-index: 10;
	background-color: #2586d7;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	font-size: 13pt;
	font-weight: bold;

}

#containerStartLinksBild{
	position: absolute;

}

#containerStartMitteBild{
	position: absolute;
	top: 100px;

}

#containerStartRechtsBild{
	position: absolute;

}






#containerNavigationLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	width: 186px;
}


#containerNavigationLeft li {
	border-bottom: 1px solid #fff;
	margin: 0;
}

#containerNavigationLeft li a {
	display: block;
	padding: 3px 2px 3px 2px;
	border-left: 5px solid #1958b7;
	border-right: 5px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;

}

#containerNavigationLeft li a:hover {
	border-left: 5px solid #1c64d1;
	border-right: 5px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

#containerNavigationTop ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#containerNavigationTop ul li {
	margin: 0;
	display: inline;
}

#containerNavigationTop li a {
	display: block;
	float: left;
	padding-top: 1pt;
	padding-right: 15px;
	padding-bottom: 0pt;
	padding-left: 15px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	text-decoration: none;
	color: #ffffff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	height: 19px;

}

.tophere {
	background-color: red;
	color: #fff;
}

#containerNavigationLeft li a.lefthere {
	border-left: 5px solid #1c64d1;
	border-right: 5px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

#containerNavigationTop li a:hover {
	background-color: red;
	color: #fff;

}

#containerFooter a {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#background-color a:hover {
	background: transparent;
	color: red;
	text-decoration: none;

}

#containerPageTitle a {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerPageTitle a:hover {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartLinks a {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartLinks a:hover {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartMitte a {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartMitte a:hover {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartRechts a {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerStartRechts a:hover {
	background-color: transparent;
	color: white;
	text-decoration: none;
}

#containerPageTitle h2 {
	color: white;
	font-size: 110%;
}