body,html {
	text-align:center;
	margin: 0px;
	height:100%;
	background-image: url(../gfx/bg_body_2.jpg);
	background-repeat: repeat;
}

table
{
	width:100%;
	margin-top:60px;
	border:none;
}

th
{
	background-color:#ffcc66;
	padding:2px;
	font-size:14px;
}

td first
{
	border-bottom: solid 1px #FFCC66;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	font-weight:bold;
}


td
{
	border-bottom: solid 1px #FFCC66;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

ul
{
	margin:0px;
	font-size:14px;
}

li
{
	margin:0px;
}


#mastercontainer {
	margin:0 auto;
	position:relative;
	width:1000px;
	height: 618px;
	padding: 0px;
}

html>body #homepageBild
{
	background-image: url(../gfx/bild_homepage2.png);
	background-repeat: no-repeat;
	height: 350px;
	width: 600px;
	position: absolute;
	left: 200px;
	top: 191px;
}

html>body #wzBild
{
	background-image: url(../gfx/bild_homepage2wz.png);
	background-repeat: no-repeat;
	height: 350px;
	width: 600px;
	position: absolute;
	left: 200px;
	top: 191px;
}


html>body #bildKlein
{
	background-image: url(../gfx/bild_3v_klein.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 150px;
	width: 257px;
	left: 700px;
	top: 10px;
}



html>body #homepageSchriftzug
{
	background-image: url(../gfx/three_voices.png);
	background-repeat: no-repeat;
	height: 178px;
	width: 800px;
	position: absolute;
	left: 100px;
	top: 20px;
}

html>body #homepageSchriftzugWz
{
	background-image: url(../gfx/three_voices_wz.png);
	background-repeat: no-repeat;
	height: 178px;
	width: 800px;
	position: absolute;
	left: 100px;
	top: 20px;
}


html>body #schriftzugKlein
{
	background-image: url(../gfx/three_voices_small.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 655px;
	position: absolute;
	left: 0px;
	top: 5px;
}


#socialNetWorks
{
	position:absolute;
	left:0px;
	top:720px;
	width:1000px;
	height:100px;
	text-align:center;
}


#linie
{
	position:absolute;
	left:0px;
	top:150px;
	width:1000px;
	height:10px;
	border-bottom: solid 1px #FFCC66;
}

html>body #schild_links
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_links.png);
	background-repeat: no-repeat;
}

html>body #schild_kontakt
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_kontakt.png);
	background-repeat: no-repeat;
}

html>body #schild_fotos
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_fotos.png);
	background-repeat: no-repeat;
}

html>body #schild_programm
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_programm.png);
	background-repeat: no-repeat;
}

html>body #schild_termine
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_termine.png);
	background-repeat: no-repeat;
}

html>body #schild_infos
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_infos.png);
	background-repeat: no-repeat;
}

html>body #schild_map
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_map.png);
	background-repeat: no-repeat;
}

html>body #schild_presse
{
	position:absolute;
	left:160px;
	top:110px;
	width:302px;
	height:127px;
	background-image: url(../gfx/schild_pressespiegel.png);
	background-repeat: no-repeat;
}




html>body #homepageMotto
{
	background-image: url(../gfx/losung.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 800px;
	position: absolute;
	left: 100px;
	top: 535px;
}

html>body #homepageMottoWz
{
	background-image: url(../gfx/losung_wz.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 800px;
	position: absolute;
	left: 100px;
	top: 535px;
}


#contentWrapper
{
	padding-top:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	height:500px;
}

#contentWrapper h2
{
	font-size:18px;
	color:#FFCC66;
	text-align:left;
	border-left-width: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFCC66;
	width: 90%;
	margin-left:10px;
	padding-left:10px;
	}

#contentWrapper h3
{
	font-size:16px;
	color:#FFCC66;
	text-align:left;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFCC66;
	width: 90%;
	margin-left:10px;
	padding-left:10px;
	margin-bottom:4px;
	margin-top:4px;
}

#contentWrapper h4
{
	font-size:14px;
	color:#FFCC66;
	text-align:left;
	width: 90%;
	margin-bottom:4px;
	margin-top:4px;
}

#contentWrapper a:link 
{
	COLOR: #00F;
	text-decoration:none;
}

#contentWrapper a:visited {COLOR: #00F;}
#contentWrapper a:hover {color: #FFCC66;}
#contentWrapper a:active {COLOR: #FFCC66;;}

#einleitungRepertoire
{
	margin-left:250px;
	margin-bottom:0px;
}

#columnFull
{
	position:absolute;
	top: 180px;
	left: 10px;
	height: 450px;
	width:980px;
	text-align:left;
	padding:5px;
	color:#000;
}

html>body .columnRepertoire
{
	float: left;
	height:300px;
	width:248px;
	margin-right:2px;
	text-align:left;
}


#columnLeft
{
	position:absolute;
	height: 450px;
	width: 480px;
	top: 200px;
	left: 10px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnLeft img
{
	margin-bottom: 2px;
	padding: 1px;
}

#columnRight
{
	position:absolute;
	height: 450px;
	width: 480px;
	top: 200px;
	left: 500px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnRight img
{
	margin-bottom: 2px;
	padding: 1px;
	
}


#columnLeftLinks
{
	position:absolute;
	height: 450px;
	width: 480px;
	top: 200px;
	left: 10px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnLeftLinks img
{
	margin-bottom: 10px;
	padding: 1px;
	background-color: #FFCC66;
	border: thin solid #666;
}

#columnRightLinks
{
	position:absolute;
	height: 450px;
	width: 480px;
	top: 200px;
	left: 500px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnRightLinks img
{
	margin-bottom: 10px;
	padding: 1px;
	background-color: #FFCC66;
	border: thin solid #666;
	
}

#columnLeftInfo
{
	position:absolute;
	height: 450px;
	width: 580px;
	top: 200px;
	left: 10px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnLeftInfo img
{
	margin-bottom: 2px;
	padding: 1px;
}

#columnRightInfo
{
	position:absolute;
	height: 450px;
	width: 380px;
	top: 200px;
	left: 600px;
	text-align:left;
	padding:5px;
	color:#000;
}

#columnRightInfo img
{
	margin-bottom: 2px;
	padding: 1px;
}



#fotoWrapper
{
	width:100%;
	height:180px;
	text-align:center;
	margin-top:40px;
}

.columnFotos
{
	float: left;
	margin-right:16px;
	width:150px;
	height:150px;
}


.fotoBeschreibung
{
	width:100%;
	text-align:center;
	margin-top:10px;
}

a.galleryPreview01
{
	background-image: url(../bilder/fotoshooting2009/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:150px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview01:hover
{
	background-image: url(../bilder/fotoshooting2009/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:150px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}


a.galleryPreview02
{
	background-image: url(../bilder/fotoshooting2009/preview_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:400px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview02:hover
{
	background-image: url(../bilder/fotoshooting2009/preview_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:400px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}

a.galleryPreview03
{
	background-image: url(../bilder/hochzeit2009/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:650px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview03:hover
{
	background-image: url(../bilder/hochzeit2009/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:650px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}



a.galleryPreview04
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:20px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview04:hover
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:20px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}


a.galleryPreview05
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:270px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview05:hover
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:270px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}

a.galleryPreview06
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:520px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview06:hover
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:520px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}

a.galleryPreview07
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	position:absolute;
    left:770px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #ffcc66;
}

a.galleryPreview07:hover
{
	background-image: url(../bilder/hochzeit_claudia_2010/preview_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
    left:770px;
    top:250px;
    width:200px;
    height:200px;
	border:solid 1px #fff;
}






html>body #arrowLeft
{
	width:55px;
	height:55px;
}

#placeholderLeft
{
	width:55px;
	height:55px;
}


html>body #arrowLeft a
{
	background-image: url(../gfx/pfeil_links.png);
	background-repeat: no-repeat;
	position:absolute;
    left:0px;
    top:535px;
    width:55px;
    height:55px;
}

html>body #arrowLeft a:hover
{
	background-image: url(../gfx/pfeil_links.png);
	background-repeat: no-repeat;
	background-position: 0px -55px;
	position:absolute;
    left:0px;
    top:535px;
    width:55px;
    height:55px;
}


html>body #arrowRight
{
	width:55px;
	height:55px;
}

#placeholderRight
{
	width:55px;
	height:55px;
}


html>body #arrowRight a
{
	background-image: url(../gfx/pfeil_rechts.png);
	background-repeat: no-repeat;
	position:absolute;
    right:0px;
    top:535px;
    width:55px;
    height:55px;
}

html>body #arrowRight a:hover
{
	background-image: url(../gfx/pfeil_rechts.png);
	background-repeat: no-repeat;
	background-position: 0px -55px;
	position:absolute;
    right:0px;
    top:535px;
    width:55px;
    height:55px;
}




#preview
{
	
}


#previewText
{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	width:400px;
	height:200px;
	left: 325px;
	top: 600px;
}



#previewText a {text-decoration: none}
#previewText a:link {COLOR: #ffcc00;}
#previewText a:visited {COLOR: #ffcc00;}
#previewText a:hover {color: #fff;}
#previewText a:active {COLOR: #fff;}


#navigationText
{
   position:absolute;
   left:0px;
   top:710px;
   width:1000px;
   height:30px;
   text-align:left;
}

#navigationText a
{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
}
#navigationText a:link {COLOR: #ffcc00;}
#navigationText a:visited {COLOR: #ffcc00;}
#navigationText a:hover {color: #fff;}
#navigationText a:active {COLOR: #fff;}


.textlink01
{
	margin-left: 80px;
}

.textlink02
{
	margin-left: 85px;
}

.textlink03
{
	margin-left: 95px;
}


.textlink04
{
	margin-left: 70px;
}

.textlink05
{
	margin-left: 90px;
}

.textlink06
{
	margin-left: 85px;
}


#navigation
{

}

html>body #navigation a.link01 {
   background-image:url(../gfx/navi_info.png);
   background-repeat:no-repeat;
   position:absolute;
   left:0px;
   top:600px;
   width:100px;
   height:120px;
}

html>body #navigation a.link01:hover {
   background-image:url(../gfx/navi_info.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:0px;
   top:600px;
   width:100px;
   height:120px;
}

html>body #navigation a.link02 {
   background-image:url(../gfx/navi_termine.png);
   background-repeat:no-repeat;
   position:absolute;
   left:110px;
   top:600px;
   width:100px;
   height:120px;
}

html>body #navigation a.link02:hover {
   background-image:url(../gfx/navi_termine.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:110px;
   top:600px;
   width:100px;
   height:120px;
}


html>body #navigation a.link03 {
   background-image:url(../gfx/navi_programm.png);
   background-repeat:no-repeat;
   position:absolute;
   left:230px;
   top:600px;
   width:220px;
   height:120px;
}

html>body #navigation a.link03:hover {
   background-image:url(../gfx/navi_programm.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:230px;
   top:600px;
   width:220px;
   height:120px;
}



html>body #navigation a.link04 {
   background-image:url(../gfx/navi_fotos.png);
   background-repeat:no-repeat;
   position:absolute;
   left:440px;
   top:600px;
   width:100px;
   height:120px;
}

html>body #navigation a.link04:hover {
   background-image:url(../gfx/navi_fotos.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:440px;
   top:600px;
   width:100px;
   height:120px;
}


html>body #navigation a.link05 {
   background-image:url(../gfx/navi_presse.png);
   background-repeat:no-repeat;
   position:absolute;
   left:555px;
   top:590px;
   width:120px;
   height:120px;
}

html>body #navigation a.link05:hover {
   background-image:url(../gfx/navi_presse.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:555px;
   top:597px;
   width:120px;
   height:120px;
}

html>body #navigation a.link06 {
   background-image:url(../gfx/navi_karte.png);
   background-repeat:no-repeat;
   position:absolute;
   left:690px;
   top:590px;
   width:100px;
   height:120px;
}

html>body #navigation a.link06:hover {
   background-image:url(../gfx/navi_karte.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:690px;
   top:595px;
   width:100px;
   height:120px;
}

html>body #navigation a.link07 {
   background-image:url(../gfx/navi_links.png);
   background-repeat:no-repeat;
   position:absolute;
   left:800px;
   top:600px;
   width:120px;
   height:120px;
}

html>body #navigation a.link07:hover {
   background-image:url(../gfx/navi_links.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:800px;
   top:602px;
   width:120px;
   height:120px;
}



html>body #navigation a.link08 {
   background-image:url(../gfx/navi_kontakt.png);
   background-repeat:no-repeat;
   position:absolute;
   left:920px;
   top:600px;
   width:100px;
   height:120px;
}

html>body #navigation a.link08:hover {
   background-image:url(../gfx/navi_kontakt.png);
   background-repeat:no-repeat;
   background-position: 0px -120px;
   position:absolute;
   left:920px;
   top:602px;
   width:100px;
   height:120px;
}





.cleaner
{
	clear:both;
}

.nonvisible
{
	display:none;
}

html>body #oldBrowser
{
	display: none;
	margin:20px;
	padding:5px;
	font-size:14px;
	background-color:#FFFF99;
	border: solid 1px #000;
}


html>body #bandName
{
	background-image: url(../gfx/three_voices_impressum.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 200px;
}

.kleineSchrift
{
	font-size:12px;
}

img .icon
{
	border:none;
	display:inline;
}

#noScript
{
	position: absolute;
	left: 0px;
	top: 220px;	
	width:100%;
	height:30px;
	text-align:center;
	padding:10px;
	font-size:14px;
	border: 1px solid #000;
	background-color:#FFCC66;
	margin-bottom:20px;
	z-index:999;
}

#infoNicole
{
	width:100%;
	height:80px;
	padding:2px;
	margin-top:10px;
	margin-bottom:2px;
	background-image: url(../bilder/band/nicole.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}

#columnRightInfo a.bildMusikerNicole {
	background-image:url(../bilder/band/nicole.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:270px;
	top:10px;
	width:75px;
	height:75px;
	border: 1px solid #ffcc66;
}



#columnRightInfo a.bildMusikerNicole:hover {
   	background-image:url(../bilder/band/nicole.jpg);
   	background-repeat:no-repeat;
   	position:absolute;
	left:271px;
	top:11px;
	width:75px;
	height:75px;
   	border: 1px solid #00f;
}

#columnRightInfo a.bildMusikerThomas {
	background-image:url(../bilder/band/thomas.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:270px;
	top:100px;
	width:75px;
	height:75px;
	border: 1px solid #ffcc66;
}



#columnRightInfo a.bildMusikerThomas:hover {
   	background-image:url(../bilder/band/thomas.jpg);
   	background-repeat:no-repeat;
   	position:absolute;
	left:271px;
	top:101px;
	width:75px;
	height:75px;
   	border: 1px solid #00f;
}

#columnRightInfo a.bildMusikerMarko {
	background-image:url(../bilder/band/marko.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:270px;
	top:190px;
	width:75px;
	height:75px;
	border: 1px solid #ffcc66;
}



#columnRightInfo a.bildMusikerMarko:hover {
   	background-image:url(../bilder/band/marko.jpg);
   	background-repeat:no-repeat;
   	position:absolute;
	left:271px;
	top:191px;
	width:75px;
	height:75px;
   	border: 1px solid #00f;
}

#backToGallery
{
	margin-top:10px;
	width:100%;
	text-align:center;
}

#backToGallery a {text-decoration: none}
#backToGallery a:link {COLOR: #00f;}
#backToGallery a:visited {COLOR: #00f;}
#backToGallery a:hover {color: #fff;}
#backToGallery a:active {COLOR: #fff;}


#infoThomas
{
	width:100%;
	height:80px;
	padding:2px;
	margin-top:10px;
	margin-bottom:2px;
	background-image: url(../bilder/band/thomas.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}

#infoMarko
{
	width:100%;
	height:80px;
	padding:2px;
	margin-top:10px;
	margin-bottom:2px;
	background-image: url(../bilder/band/marko.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}