/* CSS Layout für glissando */

/* Farbschema */
/*
hellgruen:#c2d1b5
hellergruen:#e1e9dc
hellgruen h1 #d2ddcd
graubody:#e3e4e6
logogrun: #426839
lila:#5c4c6a
helllila:#8b7493

*/

/*Reset der Abstände*/
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globale Definitionen*/
html{
background: transparent;
font-size: 75%;
}

body{
background: #FFFFFF;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;  
margin: 0 auto;  
padding-left: 50px;
padding-right: 50px;
background-color:#e3e4e6;
}


img {
	border: 0 none;
    }
a img {
	border: 0 none;
    }


a{
	color:#000000;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

h1	{
	font-size:70px;
	font-weight:bold;
	color:#d2ddcd;
	}



h2	{
	font-size:50px;
	font-weight:bold;
	color:#d2ddcd;
	}

h3	{
	font-size:13px;
	font-weight:bold;
	line-height:120%;
	color:#FFFFFF;
	margin-bottom:13px;
	}



p{
	color:#000000;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	line-height: 120%;
}


p strong {
	color:#426839;
	font-size:15px;
	line-height: 120%;
	}



/* Layoutelemente*/

#container {
	margin: 0 auto;
	width: 749px;
	height:749px;
	height:749px;
	background-color: #FFFFFF;
	}

#header {
	width: 749px;
	height:161px;
	text-align: left;
	background-color: #FFFFFF; 
}


#logo {
	background-image:url('pic/logo_web.jpg');
	background-repeat:no-repeat;
	background-position:center;
	float: left;
	width:280px;
	height: 133px;
	margin:14px;
	background-color:#c2d1b5;
	}
	
#logobanner{
	background-image:url('pic/logo_web_w_b.gif');
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	width: 721px;
	height: 133px;
	margin:14px;
	}
	
.logoba{
	float: left;
	width:280px;
	height: 133px;
	margin:0px;
	background-color:#6b9152;
	}	
	

		

#banner, #fotobanner {
	float: right;
	width: 427px;
	height: 133px;
	margin: 14px 14px 14px 0px;
	}

#banner {
	background-image:url('pic/band.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#5c4c6a;
	}


#fotobanner {
	background-image:url('pic/fotoband.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#5a5a5a;
	}



#wrapper{
	clear: both;
	width: 100%;
	height: 588px;
	text-align: right;
	background-color:#FFFFFF;
	}


#box {
	float:left;
	width: 161px;
	height: 588px;
	text-align: right;
	}


#navigation {
	width: 133px;
	height: 133px;
	text-align: right;
	margin: 0px 14px 14px 14px;
	background-color:#426839;	
	}

#infobox {
	width: 133px;
	height: 427px;
	text-align: right;
	margin: 0px 14px 14px 14px;
	background-color:#c2d1b5;
	position:relative;
	}
	
#infobox.fotos {
	background-image:url('pic/foto.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#acacac;
	}	
	
.termine{
	background-image:url('pic/termine.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}

.presseinfo{
	background-image:url('pic/presse.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}

.bandinfo{
	background-image:url('pic/bandinfo.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}	
	
.videoinfo{
	background-image:url('pic/video.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}
	
.cdinfo{
	background-image:url('pic/cds.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}		

.kontaktinfo{
	background-image:url('pic/kontakt.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}	


.imprinfo{
	background-image:url('pic/impressum.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#c2d1b5;
	}	
	
#infobox p{
	text-align: right;
	position:absolute;
	top:266px; 
	right:14px;
	font-size:10px;
	}

#infobox a, #band a{
	font-size:10px;
	color:#555555;
	font-weight: bold;
	text-decoration: none;
	}


#infobox p.malinks {
	top:200px; 
	}
	
#infobox p.pelinks {
	top:250px; 
	}

#infobox p.termineinfo {
	text-align: right;
	position:absolute;
	top:300px;
	right:14px;
	font-size:12px;
	font-weight: bold;
	color:#777777;
	}



#content {
	float:right;
	text-align: left;
	width: 588px;
	height:588px;
	background: transparent;
}

#projekt_top, .fotobox{
	clear:both;
	text-align: left;
	width: 574px;
	height:147px;
	margin: 0px 14px 0px 0px;
	background-color:#c2d1b5;	
	}
	
	
	
	
	
	
	
/*	Subnavi Videos */


#projekt_top li a, #projekt_top li a:link{
	color:#555555;
	font-weight: bold;
	text-decoration: none;
}


#projekt_top li a.viaggio {position:absolute; top:42px; left:60px; z-index:1; font-size:40px; color:#444444;}
#projekt_top li a.caravan {position:absolute; top:18px; left:152px; z-index:2; font-size:23px; color:#999999;}
#projekt_top li a.dere {position:absolute; top:77px; left:194px; z-index:3; font-size:50px; color:#666666;}
#projekt_top li a.ten {position:absolute; top:42px; left:212px; z-index:4; font-size:35px; color:#555555;}

#projekt_top li a.oblivion {position:absolute; top:88px; left:80px; z-index:5; font-size:25px; color:#333333;}

#projekt_top li a.crazy {position:absolute; top:78px; left:315px; z-index:6; font-size:28px; color:#777777;}

#projekt_top li a.viaggio:hover, #projekt_top li a.caravan:hover, #projekt_top li a.dere:hover, #projekt_top li a.ten:hover, #projekt_top li a.oblivion:hover, #projekt_top li a.crazy:hover {color:#5c4c6a;}

#projekt_top li.active a
{color:#5c4c6a;}

#projektcon{
	clear:both;
	text-align: left;
	width: 574px;
	height:427px;
	margin: 0px 14px 14px 0px;
	background-color:#c2d1b5;
	background-image:url('pic/stripes.jpg');
	background-repeat:no-repeat;
	background-position:bottom;	
	}
	
	
#projektconvideo{
	clear:both;
	text-align: center;
	width: 574px;
	height:427px;
	margin: 0px 14px 14px 0px;
	background-color:#000000;
	}
	
	
	
	
	
	
	
#video{
	clear:both;
	width: 574px;
	height:427px;
	margin: 0px 14px 14px 0px;
	background-color:#000000;
	}



#box2, .bandbox2,  #prebox2{
	float:left;
	text-align: left;
	width: 413px;
	}

#prebox1 {
	clear:both;
	float:left;
	text-align: right;
	width: 133px;
	margin-top:10px;
	}


#box1, .bandbox1{
	clear:both;
	float:left;
	text-align: right;
	width: 133px;
	}

#prebox1bild{
	clear:both;
	float:left;
	text-align: left;
	width: 133px;
	}



#box2.textscroll{

	overflow-y:scroll;
	overflow_x:hiden;
	width:411px;
	height:370px;
	}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#box2.textscroll{overflow:scroll;}
}




/* Projekt Inhalt Liste */
ul#projekt, ul#band, #subnavi ul, ul.bandmit, #projekt_top ul, ul#prepro {
	list-style-type: none;	
	}
	
#projekt li, li.bandmit, #prepro li {
	padding-right:14px;	
	}


#projekt li p, #prepro li p{
	color:white;
	padding-bottom:13px;	
	}

#projekt li p.presse{
	color:#FFFFFF;
	padding-bottom:13px;	
	}

/* geordnete Liste */


ol.cdliste {
	margin-top:77px;
	margin-left:28px;
	list-style-type:decimal;
	}
	
ol.cdliste li{
	line-height:150%;
	}
	
	

/* Band Liste */
#band li{
	width:133px;
	height:133px;
	float:left;
}


/* subnavi Liste */
#subnavi li{
	width:133px;
	height:28px;
	float:left;
	padding-top:5px; 

}

#subnavi li a{
	color:#555555;
	font:  12px Helvetica, sans-serif;
	font-weight: bold; 
}

#subnavi li a.active, #subnavi li a:hover{
	color: #426839;
}

#navigation ul{
	padding-top: 4px;
	list-style-type: none;
}


#navigation li {
	display:block;
	background:transparent;
	padding: 1px 14px 0px 15px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Safari Hack Abstand */
	#navigation li {
	padding: 3px 14px 0px 15px;
	}
}

#navigation li a{
	color: #FFFFFF;
	font:  12px Helvetica, sans-serif;
	font-weight: bold;
	padding-left:14px;
}


#navigation li a.active {
	color:#c2d1b5;
	background-image:url(pic/dot.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:14px;
	}

	
#navigation li a:hover {
	color:#c2d1b5;
	background-image:url(pic/dot.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:14px;
	}


#content a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}


#footer {
	
	width:749px;
	height:30px;
	background: transparent;
	text-align: right;
	margin: 7px 0px 0px 0px;
	position:relative;
	top: 7 px; 
	right:14px;

}

#footer a{
	color: #666666;
	font-size:10px;
	}