@charset "UTF-8";
/* CSS Document for default properties of the site piarango.com */

/*-- GENERALEINGENSCHAFTEN --*/
body{
	background-color: #220022;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	}
ol, ul{
	list-style: none;
	}
img.img_polaroid{
	border: 5px solid #660044;
	}
a.img_anker{
	text-decoration: none;
	border: none;}
p{
	letter-spacing: 0.015em;}

legend, fieldset{
	border: 0;
	}
h1{
	font-size: 1.286em;
	line-height: 1.2em;
	text-transform: none;
	color: #BFBF39;
	margin: 0 0 20px 0;
	}
h2{
	font-size: 1.286em;
	font-weight: normal;
	display: inline;
	color: #BFBF39;
	}
h3{
	font-size: 0.85725em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 3px;
	}
h4{
	font-size: 1em;
	font-weight: bold;
	}
a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	color: #220022;
	border: 0;
	}
a:hover.mainNav, a:active.mainNav, a:focus.mainNav, a:hover.subNav, a:active.subNav, a:focus.subNav{ color: #FF0066; }
a:hover.langNav, a:active.langNav, a:focus.langNav{ color: #33CCCC; }

/*-- HEADER ----------------------------------------------------------------------------*/
#langNav{
	z-index: 1;
	text-align: left;
	position: absolute;
	margin-left: 800px;
	}
#langNav li{
	margin-bottom: 10px;
	}
a.langNav{
	margin-left: 28px;
	font-size: 1.2em;
	font-weight: bold;
	}
a.langNav{
	border-top: 1px dotted #330033;
	border-left: 1px dotted #330033;
	border-bottom: 1px dotted #330033;
	padding: 2px 18px 3px 18px;
	}

/*-- EIGENSCHAFTEN DES HEADER-BAUELEMENTS --*/
#header_wrap, #header_de, #header_en, #header_es, #header_ornament, #header_charango{
	background-repeat: no-repeat; }
#header_wrap{
	background-image: url("../global_images/site_build/splashes_header.png");
	background-position: right top;
	z-index: -1;
	}
#header_de{
	background-image: url("../global_images/site_build/Header_DE.png");
	height: 240px;
	}
#header_en{
	background-image: url("../global_images/site_build/Header_EN.png");
	height: 240px;
	}
#header_es{
	background-image: url("../global_images/site_build/Header_ES.png");
	height: 240px;
	}
#header_ornament{
	background-image: url("../global_images/site_build/header_ornament.png");
	background-position: 67% 42%;
	height: 390px;
	z-index: -3;
	}
#header_charango{
	background-image: url("../global_images/site_build/charango_orange.png");
	position: absolute;
	margin: -358px 0 0 870px;
	width: 120px;
	height: 295px;
	}
#mainNav{
	width: 915px;
	position: absolute;
	margin: 215px 0 0 5px;
	padding: 0 0 7px 10px;
	}
#mainNav li, #subNav li{
	float: left;
	margin-right: 30px;
	}

/*-- EIGENSCHAFTEN FUER LINKS DER HAUPTNAVIGATION, DEFINIERT DURCH DIE KLASSE .mainNav--*/
a.mainNav, a.subNav{
	border-right: 1px dotted #330033;
	border-left: 1px dotted #330033;
	padding: 5px 5px 6px 5px;
	}


/*-- MAINBODY --------------------------------------------------------------------------*/
/*-- MAIN-CONTAINER (LINKS-MITTIGE POSITIONIERUNG) --*/
#main_content{
	font-size: 1.4em;
	line-height: 1.3em;
	}
a.anker_main{
	color: #CC0000;
	font-size: 0.8575em;
	font-weight: bold;
	letter-spacing: 0.015em;
	}
a:hover.anker_main, a:active.anker_main, a:focus.anker_main{
	color: #FF0066;
	}

/*-- NEWSTEASER --*/
.newsteaser_grid{
	font-size: 1em;
	line-height: 1.25em;
	letter-spacing: 0.01em;
	border-top: 1px dotted #660044;
	margin-bottom: 50px;
	height: 15em;
	}
.teaser_img{
	border: 1px solid #660044;
	float: left;
	margin: 2px 10px 5px 0; 
	}
#bio_content{
	margin-right: 25px;
	}
.bio_paragwrap{
	border-top: 1px dotted #660044;
	margin-bottom: 2.5em;
	padding-top: 7px;
	clear: both;
	}
.img_bio{
	float: left;
	margin-bottom: 30px;
	}
.bio_teaser{
	margin-left: 325px;
	border-top: 1px dotted #660044;
	border-bottom: 1px dotted #660044;
	padding-top: 7px;
	padding-bottom: 7px;
	}
.bio_teaserwrap{
	clear: both;
	}
#music_content, #imprint_content, #contact_content{
	border-top: 1px dotted #660044;
	margin-right: 25px;
	padding-top: 5px;
	}
.cd_img_grid{
	margin-bottom: 25px;
	float: left;
	}
.cd_text_grid{
	margin-left: 325px;
	}
.cd_text_grid{
	border-top: 1px dotted #660044;
	border-bottom: 1px dotted #660044;
	padding-bottom: 7px;
	}
#musicPlayer{
	margin-bottom: 10px;
	clear: both;
	}
#img_content{
	margin-right:25px;	
	}
.gallery_wrap, #gallery_outerwrap{
	width: 625px;
	clear: left;
	}
#gallery_outerwrap{
	border-top: 1px dotted #660044;
	}
.gallery_cover{
	width: 300px;
	float: left;
	text-align: center;
	margin-right: 25px;
	margin-bottom: 25px;
	}
.gallery_description{
	border-top: 1px dotted #660044;
	border-bottom: 1px dotted #660044;
	margin-left: 325px;
	padding-bottom: 5px;
	width: 300px;
	}
p.date_maincontent{
	font-size: 0.725em;
	text-transform: uppercase; 
	color: #C5D75B;
	margin: 5px 0 5px 0; 
	}
.picture_wrap{
	width: 140px;
	background-color: #660044;
	padding: 4px;
	margin: 0 8px 10px 0;
	float: left;
	}
#tourdates_wrap{
	border-top: 1px dotted #660044;
	padding-top: 7px;
	}

/*CONTACT FORM*/
#contact_form .fieldset_main{
	border: 1px solid #660044;
	}
#contact_form legend{
	padding: 0 5px 0 5px;
	}
.input_main, .textarea_main{
	margin-top: -10px;
	background-color: #CCC;
	border: 1px solid #CC0000;
	width: 282px;
	font-size: 0.8575em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.textarea_main{
	height: 180px;
	}
#form_left{
	float: left;
	margin-right: 25px;
	}
#form_buttons{
	clear: both;
	margin-top: 20px;
	}
input #checkbox{
	margin-left: 0;}

/*-- SIDEBAR ---------------------------------------------------------------------------*/
#sidebar .legend_sidebar{							/*-- Legend --*/
	background-color: #660044;
	padding: 2px 5px 3px 5px;
	margin-bottom: 10px;
	color: #DEDEDE;
	font-size: 1.4em;
	font-weight: bold;
	}
.fieldset_sidebar{
	border-top: 1px dotted #660044;
	border-left: 1px dotted #660044;
	padding-bottom: 20px;
	}
.fieldset_sidebar fieldset p.normal, p.bold, p.uppercase{
	font-size: 1.2em;
	margin-left: 3px;
	}
.fieldset_sidebar fieldset p.normal{
	font-weight: normal;
	display: inline-block;
	}
.fieldset_sidebar fieldset p.bold{
	font-weight: bold;
	display: inline;
	}
.fieldset_sidebar fieldset p.uppercase{
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: underline;
	text-transform: uppercase;
	margin-bottom: -9px;
	}
a.anker_sidebar{
	color: #CC0000;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 3px;
	}
a:hover.anker_sidebar, a:active.anker_sidebar, a:focus.anker_sidebar{
	color: #FF0066;
	}
input#mailfield{
	background-color: #CCC;
	border: 1px solid #CC0000;
	margin-top: 5px;
	}
input.btn_submit{
	border: 1px solid #CC0000;
	color: #CC0000;
	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-weight: bold;
	font-size: 1em;
	background-color: transparent;
	}
input.btn_submit:hover, .btn_submit:active, .btn_submit:focus{
	border: 1px solid #FF0066;
	color: #FF0066;
	}
input#checkbox{
	border: 1px solid #660044;}
label{
	display: inline;
	}

/*-- FOOTER -----------------------------------------------------------------------------*/

/*-- SUBNAVIGATION --*/
#subNav{
	margin-left: -30px;
	padding-top: 50px;
	}	
#footer_wrap{	
	background-image: url(../global_images/site_build/splashes_bottom.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 200px;
	}
#footer_de{
	background-image: url(../global_images/site_build/bottom.png);
	background-repeat: repeat-y;
	height: 200px;
	clear: both;
	}
p#copy{
	margin: 15px 0 0 450px;
	padding: 2px 5px 2px 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #220022;
	}