/* CSS Document 
--------------------------------------------------
--------------------------------------------------
Stylesheet für Webauftritt Vera Kaa
Status: Neulancierung Webportrait 2008
Datei: template_01_vera_kaa.css
Datum: 08.11.2008
Autor: lilian-esther krauthammer, kussundbiss.ch
--------------------------------------------------
--------------------------------------------------
*/

/*------------------------------------------------------------*/
/*global rules*/
/*------------------------------------------------------------*/

*{font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

html {
  height:100%;
  margin-bottom:1px;
  scrolling:yes;
}

/*------------------------------------------------------------*/
/*center layout rules*/
/*------------------------------------------------------------*/

body{
	margin: auto;
	padding: auto;
	background-color: #000000;
	background-image: url(images/bg_body_06.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 101%;
}

#container{
	position: absolute;
	left: 50%;
	width: 850px;
	height: 650px;
	margin-left: -425px;
	margin-top: 40px;
}



/*------------------------------------------------------------*/
/*layout rules*/
/*------------------------------------------------------------*/

#header{
	height: 180px;
	width: 850px;
}

#header_slogan{
	height: 80px;
}

#header_marker{
	height: 34px;
	margin-left: 160px;
}





#header_navi{
	margin-left: 160px;
}

#header_navi_top_01{
	height: 33px;
	margin-left: 155px;
	margin-right: 36px;
	background-color: #16064A;
}

#header_navi_top_02{
	height: 33px;
	margin-left: 226px;
	background-color: #F04941;
}





#content{
	width: 850px;
	background-image: url(images/bg_content_01.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#content_konzerte{
	width: 850px;
	
	/*höhere Box bei vielen Konzertdaten*/
	/*  ->> ACHTUNG #content_right_konzerte ebenfalls anpassen!!!!!*/
	height: 1400px;
	
	background-image: url(images/bg_content_01_konzerte.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


#content_presse{
	width: 850px;
	
	/*höhere Box bei vielen Presseinfos*/
	/*  ->> ACHTUNG #content_right_presse ebenfalls anpassen!!!!!*/
	height: 4500px;
	
	background-image: url(images/bg_content_01_presse.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
/*.............................................*/

#content_index{
	width: 850px;
	background-image: url(images/bg_content_02.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#content_left{
	height: 500px;
	width: 350px;
	float: left;
}

#content_right{
	height: 500px;
	margin-left: 350px;
}

#content_right_konzerte{
	/*höhere Box bei vielen Konzertdaten*/
	/*height: 500px;*/
	height: 1400px;
	margin-left: 350px;
}


#content_right_presse{
	/*höhere Box bei vielen Presseinfos*/
	/*height: 500px;*/
	height: 4500px;
	margin-left: 350px;
}

#content_right_index{
	height: 500px;
	margin-left: 350px;
}

#content_right_galery{
	height: 500px;
	width: 118px;
	float: left;
}

#content_right_text{
	height: 500px;
	margin-left: 118px;
}






#footer{
	height: 20px;
	clear: both;
}



#spacer_01{
	height: 36px;
	width: 350px;
}


#spacer_02{
	height: 20px;
	width: 350px;
}




/*------------------------------------------------------------*/
/*pharagraph_rules*/
/*------------------------------------------------------------*/

#content_right h1,
#content_right_konzerte h1,
#content_right_presse h1 {
	font-size: 22px;
	color: #403A3F;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 24px;
}

#content_right h2,
#content_right_konzerte h2,
#content_right_presse h2 {
	font-size: 14px;
	color: #403A3F;
	padding-top: 12px;
	padding-left: 36px;
	padding-right: 24px;
}

#content_right_index h1 {
	font-size: 22px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 24px;
}

#content_right_index h2 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 130%;
	padding-top: 12px;
	padding-left: 36px;
	padding-right: 24px;
}


/*----------------------------*/
/*  für Link auf Index-page  */
#header_slogan h3 a {
	display: block;
	text-decoration: none;
	font-size: 32px;
	color: #FFFFFF;
	/*#CCCCFF;*/
	padding-top: 40px;
	text-align: right;
}

#header_slogan_index h3 a {
	display: block;
	text-decoration: none;
	font-size: 32px;
	color: #FFFFFF;
	padding-top: 40px;
	text-align: right;
}
/*----------------------------*/


#content_right p,
#content_right_konzerte p,
#content_right_presse p {
	font-size: 13px;
	color: #403A3F;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 24px;
}


#content_right_index p {
	font-size: 13px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 36px;
}





#content_right_text h1 {
	font-size: 22px;
	color: #403A3F;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 24px;
}

#content_right_text h2 {
	font-size: 14px;
	color: #403A3F;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 36px;
	padding-right: 24px;
}



#content_right_text p {
	font-size: 13px;
	color: #403A3F;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 24px;
}



/*------------------------------------------------------------*/
/*classes*/
/*------------------------------------------------------------*/


.img_content_left {
	background-image: url(images/vera_news.gif);
	background-repeat: no-repeat;
}



.img_content_left_konzerte {
	background-image: url(images/vera_konzerte.gif);
	background-repeat: no-repeat;
}

.img_content_left_alben {
	background-image: url(images/vera_alben.gif);
	background-repeat: no-repeat;
}

.img_content_left_news {
	background-image: url(images/vera_news.gif);
	background-repeat: no-repeat;
}

.img_content_left_kontakt {
	background-image: url(images/vera_kontakt.gif);
	background-repeat: no-repeat;
}

.img_content_left_biografie {
	background-image: url(images/vera_biografie.gif);
	background-repeat: no-repeat;
}

.img_content_left_fotos {
	background-image: url(images/vera_fotos.gif);
	background-repeat: no-repeat;
}

.img_content_left_sounds {
	background-image: url(images/vera_sounds.gif);
	background-repeat: no-repeat;
}

.img_content_left_presse {
	background-image: url(images/vera_presse.gif);
	background-repeat: no-repeat;
}

.img_content_left_index {
	background-image: url(images/vera_index.gif);
	background-repeat: no-repeat;
}






.img_content_left_fotos_01 {
	background-image: url(fotos/vera_kaa_fokus_01.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_02 {
	background-image: url(fotos/vera_kaa_fokus_02.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_03 {
	background-image: url(fotos/vera_kaa_fokus_03.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_04 {
	background-image: url(fotos/vera_kaa_fokus_04.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_05 {
	background-image: url(fotos/vera_kaa_fokus_05.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_06 {
	background-image: url(fotos/vera_kaa_fokus_06.jpg);
	background-repeat: no-repeat;
}

.img_content_left_fotos_07 {
	background-image: url(fotos/vera_kaa_fokus_07.jpg);
	background-repeat: no-repeat;
}






.header_marker_konzerte{
	background-image: url(images/bg_header_marker_konzerte.gif);
}


.header_marker_alben{
	background-image: url(images/bg_header_marker_alben.gif);
}


.header_marker_news{
	background-image: url(images/bg_header_marker_news.gif);
}


.header_marker_kontakt{
	background-image: url(images/bg_header_marker_kontakt.gif);
}


.header_marker_biografie{
	background-image: url(images/bg_header_marker_biografie.gif);
}


.header_marker_fotos{
	background-image: url(images/bg_header_marker_fotos.gif);
}


.header_marker_sounds{
	background-image: url(images/bg_header_marker_sounds.gif);
}


.header_marker_presse{
	background-image: url(images/bg_header_marker_presse.gif);
}


.header_marker_index{
	background-image: url(images/bg_header_marker_index.gif);
}





.body_index{
	background-image: url(images/bg_body_07.jpg);
}


/*------------------------------------------------------------*/
/*navi_rules*/
/*------------------------------------------------------------*/


/*header_navi_top_01*/

#header_navi_top_01 ul {
	list-style-type: none;
	font-size: 14px;
}

#header_navi_top_01 li{
	width: 116px;
	float: right;
}


#header_navi_top_01 li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-left: 1px solid #666666;
	padding-left: 5px;
	padding-top: 14px;
}


#header_navi_top_01 ul li a:hover,
#header_navi_top_01 ul li a:active,
/*für statusanzeige page -->*/#header_navi_top_01 ul li a.hier {
	color: #000000;
	background-color: #FFFFFF;
	border-left: 1px solid #FF0000;
}


/*header_navi_top_02*/

#header_navi_top_02 ul {
	list-style-type: none;
	font-size: 14px;
}

#header_navi_top_02 li{
	width: 116px;
	float: right;
}

#header_navi_top_02 li a{
	display: block;
	color: #CCCCFF;
	text-decoration: none;
	border-left: 1px solid #FF6600;
	padding-left: 5px;
	padding-bottom: 14px;
}

#header_navi_top_02 ul li a:hover,
#header_navi_top_02 ul li a:active,
/*für statusanzeige page -->*/#header_navi_top_02 ul li a.hier
	{
	color: #000000;
	background-color: #FF9900;
	border-left: 1px solid #FFFFFF;
}




/*style für normale Links*/
#content_right p a,
#content_right_text p a {
	width: 230px;
	float: right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #464B67;
	border-left: 1px solid #FF6600;
	padding-left: 5px;
	padding-bottom: 3px;
	margin-right: -24px;
}

#content_right p a:hover,
#content_right p a:active,
#content_right_text p a:hover,
#content_right_text p a:active {
	color: #000000;
	background-color: #FF9900;
	border-left: 1px solid #FF0000;	
}
/*ende style für normale Links*/



/*style für Konzert- und Presselinks*/
#content_right_konzerte p a,
#content_right_presse p a {
	width: 460px;
	float: right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #464B67;
	border-left: 1px solid #FF6600;
	padding-left: 5px;
	padding-bottom: 3px;
	margin-right: -24px;
}


#content_right_konzerte p a:hover,
#content_right_presse p a:hover,
#content_right_konzerte p a:active,
#content_right_presse p a:active {
	color: #000000;
	background-color: #FF9900;
	border-left: 1px solid #FF0000;	
}
/*ende style für Konzert- und Presselinks*/


/*style für Indexlinks*/
#content_right_index p a {
	width: 260px;
	float: right;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background-color: #464B67;
	border-left: 1px solid #FF6600;
	padding-left: 5px;
	padding-right: 20px;
	padding-bottom: 3px;
	margin-right: -60px;
}

#content_right_index p a:hover,
#content_right_index p a:active {
	color: #000000;
	background-color: #FF9900;
	border-left: 1px solid #FF0000;	
}
/*ende style für Indexlinks*/



#content_right_galery ul {
	list-style-type: none;
	text-decoration: none;
}

#content_right_galery li {
	width: 118px;
	height: 118px;
}

#content_right_galery li a {
	display: block;
	height: 118px;
	border: 0;
	padding-top: 9px;
	padding-left: 9px;
}

#content_right_galery ul li a:hover,
#content_right_galery ul li a:active,
#content_right_galery ul li a.hier {
	background-color: #FF9900;
}