html, body  {
	margin: 0px;
	padding: 0px;
	background-color: #FCC8E3;
	font-family: Verdana, Arial;
	font-size: 100%;
}

a , a:active, a:link, a:visited {
	color: #AE0067;
}

#page {
	position: absolute;
	padding: 0px;	
	left: 50%;
	top: 50%;
	margin-left: -397px;
	margin-top: -270px;	
	width: 795px;
	height: 540px;	
	background-image: url(./gfx/bg_white.gif);
	background-repeat: repeat-y;	
}

#page #corner1, #page #corner2, #page #corner3, #page #corner4 {
	position: absolute;	
	width: 14px;
	height: 14px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/*background-color: #00FF00;*/
	z-index: 2;
}

#corner1 {
	left: 0px;
	top: 0px;
}

#corner2 {
	right: 0px;
	top: 0px;
}

#corner3 {
	right: 0px;
	bottom: 0px;
}

#corner4 {
	left: 0px;
	bottom: 0px;
}

#page #bordertop, #page #borderright, #page #borderbottom, #page #borderleft {	
	position: absolute;	
	border: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 1;	
}

#bordertop, #borderbottom {	
	width: 767px;
	height: 14px;	
}

#bordertop {
	top: 0px;
	left: 14px;
}

#borderbottom {
	bottom: 0px;
	left: 14px;
}

#borderright, #borderleft {		
	width: 14px;
	height: 513px;
}

#borderright {
	right: 0px;
	top: 14px;
}

#borderleft {
	left: 0px;
	top: 14px;
}

#page #bgfooter {
	position: absolute;
	bottom: 1px;
	left: 1px;
}

#page #pagecontent {
	position: absolute;
	background-color: #00FF00;
	width: 793px;
	height: 320px;
	top: 50%;
	left: 50%;
	margin-left: -391px;
	margin-top: -269px;
	border-bottom: 1px solid #FFFFFF;
}

#page #logo {
	position: absolute;
	top: 220px;
	left: 1px;
	width: 226px;
	height: 80px;
}

#page #pageborder1 {
	position: absolute;
	width: 1px;
	height: 305px;
	top: 0px;
	left: 226px;
}

#page #pageborder2 {
	position: absolute;
	width: 552px;
	height: 1px;
	top: 319px;
	left: 242px;
}

#page #pageborder3 {
	position: absolute;
	width: 552px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercorner4 {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 304px;
	left: 226px;
}

#page #innercornertania {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 552px;
}

#page #pagebordertania {
	position: absolute;
	width: 552px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornermusik {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 487px;
}

#page #pagebordermusik {
	position: absolute;
	width: 487px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornervocal_coach {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 430px;
}

#page #pagebordervocal_coach {
	position: absolute;
	width: 430px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornerbildergalerie {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 325px;
}

#page #pageborderbildergalerie {
	position: absolute;
	width: 325px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornerreferenzen {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 218px;
}

#page #pageborderreferenzen {
	position: absolute;
	width: 218px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornerkontakt {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 120px;
}

#page #pageborderkontakt {
	position: absolute;
	width: 120px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #innercornerlinks {
	position: absolute;	
	height: 16px;
	width: 16px;
	top: 260px;
	right: 47px;
}

#page #pageborderlinks {
	position: absolute;
	width: 47px;
	height: 1px;
	top: 260px;
	right: 0px;
}

#page #content {
	position: absolute;	
	height: 216px;
	width: 523px;
	top: 50%;
	left: 50%;
	margin-top: -265px;	
	margin-left: -155px;
	overflow: auto;
	font-size: 80%;
	padding: 10px;
	padding-left: 0px;	
}

#content p {
	margin: 0px;
}

#content p a {
	color: #ED87B2;
	text-decoration: none;
}

#content p.pspace {
	margin-top: 4px;
}

#content ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	margin-top: 4px;
}

#page #mainmenu {
	position: absolute;
	top: 50%;
	left: 50%;	
	margin-left: -160px;
	font-weight: bold;
	font-size: 80%;
	color: #8E8E8E;	
	width: 560px;
}

#mainmenu div {
	display: block;
	float: left;
	margin: 0px 8px;
}

#mainmenu div a {
	color: #8E8E8E;
	text-decoration: none;
}

#mainmenu div a.active, #mainmenu div a:hover, #content p a:hover {
	color: #AE0067;
}

#page #submenu {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -161px;
	margin-top: 20px;
	font-size: 60%;
	font-weight: bold;
	color: #8E8E8E;
}


#submenu .menu {
	clear: both;
}

#submenu .tania {	
	position: absolute;
	margin-left: 0px;
}

#submenu .musik {
	position: absolute;
	margin-left: 54px;
	width: 250px;
}

#submenu .coach {
	position: absolute;
	margin-left: 112px;
	width: 200px;
}

#submenu .galerie {
	position: absolute;
	margin-left: 216px;
	width: 110px;
}

#submenu .referenzen {
	position: absolute;
	margin-left: 324px;
	width: 0px;
}

#submenu .kontakt {
	position: absolute;
	margin-left: 432px;
	width: 0px;
}

#submenu .links {
	position: absolute;
	margin-left: 432px;
	width: 0px;
}

#submenu .tania div, #submenu .musik div, #submenu .coach div,
#submenu .galerie div, #submenu .referenzen div, #submenu .links {
	margin: 0px 10px;	
	float: left;
}

#submenu .tania div a, #submenu .musik div a, #submenu .coach div a,
#submenu .galerie div a, #submenu .referenzen div a, #submenu .links a {
	color: #8E8E8E;
	text-decoration: none;
}

#submenu .hide {
	display: none;
}

#submenu .tania div a:hover, #submenu .musik div a:hover, #submenu .coach div a:hover,
#submenu .galerie div a:hover, #submenu .referenzen div a:hover, #submenu .links a:hover,
#submenu .tania div a.active, #submenu .musik div a.active, #submenu .coach div a.active,
#submenu .galerie div a.active, #submenu .referenzen div a.active, #submenu .links a.active {
	color: #ED87B2
}

#content #curiculumn td.title {
	font-weight: bold;
	vertical-align: top;
}

#content .url {
	width: 240px;	
}

#song {		
	overflow: auto;
	font-size: 80%;
	padding: 10px;
	padding-right: 20px;
	border: 4px solid #AE0B57;	
	height: 512px;
}

#song p {
	margin: 0px;
}

#song h1 {
	color: #AE0B57;
	font-size: 100%;	
}

#arrowcross {
	position: absolute;
	height: 33px;
	/*width: 50px;*/
	width: 40px;
	margin: 0px;
	padding: 0px;
	border: 0px;	
	bottom: 10px;
	right: 14px;
}

#arrowcross #arrowup, #arrowcross #arrowdown {
	position: absolute;
	width: 16px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	border: 0px;	
	left: 50%;
	margin-left: -8px;	
}

#arrowcross #arrowdown {
	bottom: 0px;
}

#arrowcross #arrowleft, #arrowcross #arrowright {
	position: absolute;
	width: 15px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	top: 50%;
	margin-top: -8px;
}

#arrowcross #arrowright {
	right: 0px;
}

#page #box {
	position: absolute;	
	width: 93px;
	height: 68px;
	border: 0px;
	padding: 0px;	
	margin: 0px;
	background-image: url(./gfx/bg_pink.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	top: -20px;
	left: 28px;	
	font-weight: bold;	
	z-index: 2;
}

#box p {
	padding-left: 14px;
	margin: 4px 0px;
	font-size: 80%;
	font-weight: bold;
}

#box #boxcorner1, #box #boxcorner2, #box #boxcorner3, #box #boxcorner4 {
	position: absolute;	
	width: 10px;
	height: 10px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

#boxcorner1 {
	left: 0px;
	top: 0px;
}

#boxcorner2 {
	top: 0px;
	right: 0px;
}

#boxcorner3 {
	right: 0px;
	bottom: 0px;
}

#boxcorner4 {
	left: 0px;
	bottom: 0px;
}

#box #boxbordertop, #box #boxborderright, #box #boxborderbottom, #box #boxborderleft {
	position: absolute;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#boxbordertop {
	height: 1px;
	width: 75px;
	left: 10px;
}

#boxborderright {	
	height: 50px;
	width: 1px;
	top: 10px;
	right: 0px;
}

#boxborderbottom {
	height: 1px;
	width: 75px;
	bottom: 0px;
	left: 10px;
}

#boxborderleft {
	height: 50px;
	width: 1px;
	left: 0px;
	top: 10px;
}

.bildbox {
	margin: 4px 10px;	
	width: 72px;
	float: left;
}

#box a {
	color: #FFFFFF;
	text-decoration: none;	
}

#box a:hover, #box a.active {
	color: #AE0B57;	
}

#page #infobox .info {
	position: absolute;
	background-image: url(./gfx/bg_box.gif);	
	background-color: #FFFFFF;	
	border: 4px solid #AE0B57;
	/** actual width is defined in javascript.js as infoBoxWidth */
	width: 383px;
	height: 512px;
	padding: 2px 24px;
	left: 100px;
	z-index: 3;
	font-size: 80%;
}

#page #infobox .infohidden {
	position: absolute;
	background-image: url(./gfx/bg_box.gif);	
	background-color: #FFFFFF;	
	border: 4px solid #AE0B57;
	/** actual width is defined in javascript.js as infoBoxWidth */
	width: 0px;
	height: 512px;
	padding: 2px 24px;
	left: 100px;
	z-index: 3;
}

#infobox a {
	text-decoration: none;
}

#infobox .info .close,  #infobox .infohidden .close{
	position: absolute;	
	border-bottom: 4px solid #AE0B57;
	border-left: 4px solid #AE0B57;
	right: 0px;
	top: 0px;	
	vertical-align: middle;	
	height: 16px;
	width: 16px;
	color: #000000;
	/**font-size: 80%;*/
	font-weight: bold;
	display: block;
}

#infobox .info p, #infobox .infohidden p, #boxGuest p {
	/**font-size: 80%;*/
	font-weight: normal;
	margin: 0px;
}

#boxGuest p.right {
	text-align: right;	
	/**font-size: 80%;*/
}

#boxGuest .text {
	border: 1px solid #ED9AB6;
	width: 298px;
}

#boxGuest .verify {
	border: 1px solid #ED9AB6;
	width: 60px;
}

#boxGuest .textbox {
	border: 1px solid #ED9AB6;
	width: 298px;
	height: 160px;
}

#boxGuest .submit {
	border: 2px solid #999999;
	background-color: #FFFFFF;	
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #AE0B57;
}

#boxGuest .message {
	background-color: #ED9AB6;	
	margin-bottom: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}

#infobox .scrollme {
	height: 450px;
	overflow: auto;
}

#flash {
	width: 180px;
	height: 310px;
	float: left;
}