/* CSS Stylesheet fuer Tanzschule Nicoletti und Ratswohl */
/* Autor: Andrea Glanz | www.glanzseiten.at | graphic & webdesign */


/*========== HTML - BODY ==========*/ 

*{
	margin: 0;
	padding: 0;
}
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
img {
	border: 0;
}


/*========== SCHRIFT ==========*/ 

.h1 {               /* LILA DUNKEL FETT */
	color: #330033;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.h2 {               /* LILA MITTEL FETT */               
	color: #990099;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
a.h2:hover, a.h2:active {
	color: #FF00CC;
}
.h3 {         /* Schrift xx-groß LILA MITTEL FETT */
	color: #990099;
	font-size: xx-large;
	font-weight: bold;
	text-decoration: none;
}
a.Stil1,a.Stil2,a.Stil3,a.Stil4,a.Stil5,a.Stil6:link{   /* Links unterstreichen */
	text-decoration: underline;
}
.Stil1 {         /* Schrift klein LILA DUNKEL BLAU */
	color: #330033;
	font-size: small;
	text-decoration: none;
}
a.Stil1:hover, a.Stil1:active {
	font-weight: bold;
}
.Stil2 {         /* Schrift klein LILA DUNKEL FETT */
	color: #330033;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.Stil3 {         /* Schrift klein LILA MITTEL */
	color: #FF00CC;
	font-size: small;
	text-decoration: none;
}
.Stil4 {         /* Schrift klein LILA MITTEL FETT */
	color: #990099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.Stil_list {         /* Liste quadrat LILA DUNKEL  klein */
	color: #330033;
	font-size: small;
	text-decoration: none;
	list-style-type: square;
	list-style-position: inside;
	padding-left: 30px;
}

/*---------- Schrift Header ----------*/ 
.Stil_header_1 {  
	color: #330033;
	font-size: large;
	font-weight: bold;
	line-height: 2;
}
.Stil_header_2 {  
	color: #330033;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}


/*========== NAVIGATION ==========*/ 

#navigation ul {
	font-weight: bold;
	font-size: large;
	line-height: 2.5;
	list-style: none;
	text-indent: 0.3em;
}
#navigation a:link, #navigation a:visited {
	color: #330033;
	text-decoration: none;
}
 
#navigation a:hover {
	color: #FF00CC;
}
#ball #navigation_boogie_ball a {color: #FF00CC; cursor: default;}
#workshop #navigation_boogie_workshop a {color: #FF00CC; cursor: default;}
#kontakt #navigation_boogie_kontakt a {color: #FF00CC; cursor: default;}
#home #navigation_boogie_home a {color: #FF00CC; cursor: default;}
#home #navigation_tanzschule a {color: #FF00CC; cursor: default;}

/*========== DIV BOXEN ==========*/ 

#background {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 3px;
	z-index: 2;
}
/*---------- Div Boxen HEADER ----------*/ 
#header {
	width: 100%;
	height: 32%;
}
#header_wrapper {
	width: 100%;
	height: 70%;
}
#header_logo_panthers {
	width: 20%;
	height: 99%;
	float: left;
	background-image: url();
	background-repeat: no-repeat;
	margin-top: 1%;
	margin-right: 1%;
}
#header_text {
	width: 60%;
	height: 100%;
	float: left;
	text-align: right;
}
#header_logo_nr {
	width: 15%;
	height: 99%;
	float: right;
	background-image: url(2009/images/logo_nr.gif);
	background-repeat: no-repeat;
	margin-top: 1%;
	margin-right: 1%;
}
#header_title {
	width: 100%;
	height: 30%;
	float: left;
	text-align: center;
}

/*---------- Div Boxen CONTENT ----------*/ 
#content_wrapper {
	width: 100%;
	height: 68%;
}
#left {
	width: 20%;
	height: 100%;
	float: left;
}
#navigation {
	width: 100%;
	height: 100%;
	float: left;
	text-align: left;
	background-image: url(2009/images/bg_transparent.gif);
	background-repeat: repeat;
	padding-top: 10%;
}
#right {
	width: 75%;
	height: 100%;
	float: right;
}
#content {
	width: 100%;
	height: 98%;
	overflow: auto;
	float: right;
	background-image: url(2009/images/bg_transparent.gif);
	background-repeat: repeat;
} 
/* IE7 Hack */
*+html #content {
	height: 100%;
	
} 
/*---------- Content Boxen ----------*/ 
#content_innen {  /* wegen padding rechts ohne scroll-leiste */
	width: 95%;
	height: 100%;
	float: left;
	padding-right: 5%;
	overflow: auto;
} 
#half_content {
	width: 45%;
	float: left;
	margin-right: 5%;
} 
/* IE6 Hack */
*html #half_content {
	width: 41%;
}


/*========== FORMULAR KURSANMELDUNG ==========*/ 

#anmeldeformular {
	width: 80%;
	background-color: #FFFF99;
	float: left;
	clear: right;
	padding-bottom: 40px;
}
label {
	width: 210px;
	height: 20px;
	padding-top: 2px;
	margin-top: 5px;
	float: left;
	clear: left;
}
input {
	width: 200px;
	height: 20px;
	padding-top: 2px;
	padding-left: 5px;
	margin-top: 5px;
	float: left;
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	color: #666666;
}
textarea {
	width: 200px;
	height: 150px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #FFCC00;
	background-color: #FFFF99;
	color: #666666;
	float: left;
	overflow: auto;
}
#senden {
	width: 150px;
	height: 25px;
	margin-left: 210px;
	padding-bottom: 2px;
	background-color: #FFCC00;
	color: #CC0000;
	font-weight: bold;
	line-height: 20px;
	border: 1px solid #FFCC00;
}