/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */

/* Basic Setup */

* {
	margin: 0px;
	padding: 0px;
	}
	
html, body {
	width: 100%;
	height: 100%;
	}

body {
	background: #fff url(media/background.jpg) top center repeat-x;
}

body, p, li {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000;
	}

p, ul {
	margin-bottom: 1em;
	display: block;
	width: auto;
	}
	
p.right {
	position: relative;
	float: right;
	width: 306px;
	height: auto;
	display: block;
}

p.center {
	position: relative;
	text-align: center;
	float: right;
	width: 282px;
	height: auto;
	display: block;
}

p.align-center {
	text-align: center;
}

div.listitem {
	position: relative;
	float: right;
	width: 282px;
	height: auto;
	margin: 0px;
	padding: 3px;
	margin-bottom: 10px;
	}
	
	div.listitem:hover {
		background: #e6f3ff;
		border: 1px #CCCCCC dashed;
		padding: 2px;
		cursor: pointer;
		}
		
div.listitem2 {
	position: relative;
	float: left;
	width: 525px;
	height: auto;
	margin: 0px;
	padding: 3px;
	margin-bottom: 10px;
	}
	
		
div.headline {
	position: relative;
	float: right;
	width: 282px;
	height: auto;
	margin: 0px;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
	color: #4886c0;
	font-weight:bold; 
	text-align: center;
	}
div.repertoire {
	position: relative;
	width: 500px;
	height: auto;
	margin: 0px;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
	color: #4886c0;
	font-weight:bold; 
	text-align: center;
	float:left;
	}

p.artist {
	position: relative;
	float:left;
	width: 120px;
	height: auto;
	font-weight: bold;
	text-indent: 0px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	}
	
p.artist2 {
	position: relative;
	float:left;
	width: 150px;
	height: auto;
	font-weight: bold;
	text-indent: 0px;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	}

p.song {
	position: relative;
	float: left;
	width: 270px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}
	
p.song2 {
	position: relative;
	float: left;
	width: 375px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}	


p.instrument {
	position: relative;
	float: left;
	width: 140px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}

p.category {
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
	}
	
p.smalllink a {
	margin-left: 20px;
	}
p.headline	{ font-size: 14px; 
font-weight: bold;
color: #7190c4;
}
	
div.navitem {
	position: relative;
	float:left;
	clear: both;
	margin-bottom: 10px;
	}

a, a:link, a:visited, a:visited, a:active {
	color: #4886c0;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

.gal	{
	border: 1px solid #7190c4;
	}
.profil	{
	border-right: 1px solid #7190c4;
	border-bottom: 1px solid #7190c4;
	}

/*		
h1 { 
	width: 582px; 
	height: 30px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	}
	

h1 em { 
	width: 582px; 
	height: 45px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}
*/
	
.seo_headline {
	width: 700px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	font-weight: bold;
	color: #7190c4;
	}
	
	
/* Positioning */

#bgcontainer {
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 769px; height: auto;
	}
	
/* Seitenhintergrund */
#bg2container {
	position: relative;
	float: left;
	width: 769px; height: auto;
	background: url(media/full_back.jpg) center repeat-y;
	}

#maincontainer {
	position: relative;
	float: left;
	width: 769px; height: 100%;
	min-height: 600px;
	background: url(media/bg_main.jpg) top no-repeat;
	}
	
#content {
	position: relative;
	float: left;
	width: 753px;
	height: auto;
	margin-left: 8px;
	margin-right: 8px;
	background-image: url(media/left_footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

	#mainhead {
		position: relative;
		float: left;
		width: 753px;
		height: 281px;
		}
	
	#pageheadline {
		position: relative;
		float: left;
		width: 753px;
		height: 30px;
		}

	#pageheadline img {
		float: right;
		}

/* Telefonnummer im Kopf */
#telefon_kopf {
	position:absolute; left:547px; top:220px;
	padding-left:18px; background:url(media/tel.gif) no-repeat;	
	font-family: Garamond, "Times New Roman", Times, serif; font-style: italic;
	font-size: 15px;  
	color:#666; 
	}
	
/* Seitenüberschrift */				
#headline_text h1 {
	width: 582px; 
	margin-left: 171px; 
	text-align: center; 
	font-family: Garamond, "Times New Roman", Times, serif;  font-style: italic; font-weight:normal;
	font-size: 22px; line-height: 28px; 
	color: #7190c4; 
	background: #daedff;
	}
	
	#headline_text_2	{
		width: 582px; 
		margin-left: 171px; 
		text-align: center; 
		font-size: 18px;  
		font-style: italic;
		font-family: "Times New Roman", Times, serif;
		color: #7190c4; 
		background: #daedff;
				}

	#navigation {
		position: relative;
		float: left;
		width: 171px;
		height: 526px;
	}

/* Seiteninhalt */

#maincontent {
	position: relative;
	float: left;
	width: 580px;
	height: auto;
	padding-top:10px;
	}

#maincontent h1 {	
	padding-left: 20px; padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
	color: #4886c0;
	font-weight:bold; 
	}
	
#maincontent h2 {
	color: #4886C0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	margin-left: 20px;
	margin-top: 20px;
	}
	
#maincontent p {
	padding-left: 20px; padding-right: 20px;
	font-weight:normal;
	font-size: 12px;
	line-height: 18px; 
	}

#maincontent ul {
	padding-left: 20px; padding-right: 20px;
	list-style:none;
	}	
#maincontent ul li {
	padding-left: 15px;
	background: url(media/dot.gif) top left no-repeat;
	font-weight:normal;
	font-size: 12px;
	line-height: 18px;
	margin-bottom:5px;
	}
#maincontent ul li p {
	padding:0px;
	}
	
#maincontent a.video { margin: 0 auto; }


/*Bild ohne Rahmen */

#maincontent .csc-textpic-image img {
	margin-top:-10px;
	margin-right:20px;
	}

/* Bild mit Rahmen */

#maincontent .csc-textpic-border .csc-textpic-imagewrap {
	margin:20px; margin-top:15px;
	}
#maincontent .csc-textpic-border .csc-textpic-image img {
	border: 1px solid #7190c4;
	}

	

/* Galeriebilder mit Rahmen*/

div.csc-frame-frame1 .csc-textpic {
	margin-bottom:20px; margin-right:20px;
	}



/* Flash-Film Startseite */

#flashcontent {
	position: relative;
	float: left;
	width: 294px;
	margin-top:-10px;
	}

#mainimage {
	position: relative;
	float: left;
	width: 260px;
	height: auto;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: -19px;
	margin-top: -20px;
	padding-right: 10px;
	padding-bottom: 25px;
	display: inline;
	}

	#mainImage2 {
		position: relative;
		float: left;
		width: 260px;

		height: auto;
		background-position: bottom;
		background-repeat: no-repeat;
		margin-left: -19px;
		margin-top: -20px;
		padding-right: 10px;
		padding-bottom: 50px;
		display: inline;
	}
	


		
	



/* referenzen */
.ref		{ 
			float: left;
			padding-top: 5px;
			padding-bottom: 5px;
			width: 500px;
			padding-left: 20px;
			background: url(media/dot.gif) no-repeat;
			}



	
/* Footer container, sticky at bottom */
#footercontainer {
	position: relative;
	width: 769px;
	height: 30px;
	margin: -30px auto 0 auto;	
	text-align: center;
	background: url(media/footer.gif);
	background-repeat: no-repeat;
	clear:both;
	}

	#footercontainer #copyright {
		position: relative;
		float: right;
		margin-right: 20px;
		font-size: 11px;
		color: #4886c0;
		line-height: 24px;
		}

	#footercontainer #moreinfo {
		position: relative;
		float: left;
		margin-left: 20px;
		font-size: 11px;
		color: #4886c0;
		line-height: 24px;
		}

		#footercontainer #moreinfo a {
			font-size: 11px;
			}
			
	#footercontainer #email {
		position: relative;
		float: left;
		margin-left: 20px;
		font-size: 11px;
		color: #4886c0;
		line-height: 24px;
		}
			
	* html #foontercontainer #copyright {
		margin-right: 10px;
		}
	* html #foontercontainer #moreinfo {
		margin-left: 10px;
		}
		
/* Formular Formatting */

form p {
	height: auto;
	height: 18px;
}

label {
	position: relative;
	float: left;
	width: 200px;
	display: block;
	padding: 2px;
	}

input, textarea {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #000000;
	padding: 2px;
	width: 250px;
}

select {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #000000;
	padding: 2px;
	margin-right: 5px;
}

input:hover, textarea:hover {
	background-color: #daedff;
	}

input:focus, textarea:focus {
	background-color: #daedff;
	border: 1px dashed #000000;
}

	.textarea {
		height: 120px;
		}
		
/* Infotext */

.infotext {
	position:relative; top:150px;
	padding: 10px;
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
}


.infotext p {
	font-size: 11px;
	color: #666666;
}
	
.infotext a:link, .infotext a:visited {
	color: #666666;
	text-decoration: underline;
}

.infotext a:hover, .infotext a:active {	
	color: #666666;
	text-decoration: none;
}	

.infolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color: #aaaaaa;
	font-weight : normal;
	text-decoration: none;
	line-height: 22px;
	vertical-align: middle;
	}
 
.infotext h1 {
	font-size: 12px;
	font-weight: bold;
	color: #4886C0;
	}
	
 #footercontainer p {
	text-indent: 10px;
	}
	
.switchcontent{display:none;}



/* Menü */

.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
.menu li {display: block; position:relative; width:170px; height: 20px; overflow: hidden;}
.menu li a  {display: block; width: 170px;} 
/*.seo  { margin-left: -400px;}*/

/* Textmenü */

.menu li a  {
	display: block;
	width:110px;
	padding-right:60px;
	text-align:right;
	font-family: "Times New Roman", Times, serif; font-weight:bold;
	font-size:1em;
	letter-spacing:0.1em;
	color:#7190c4;
	line-height:13px;
	margin-bottom:7px;
	background:url(media/menu_off.gif) no-repeat;
	} 
.menu li a:hover {
	text-decoration:none;
	color:#fff;
	background:url(media/menu_on.gif) no-repeat;
	} 
.menu li a.active {
	text-decoration:none;
	color:#fff;
	background:url(media/menu_on.gif) no-repeat;
	} 
	
span.rgmediaimages-player {
padding-left: 18px;
}
	
	
	
	

/* Menü mit Bildern
.menu li a#home {width:170px; background:url(media/navigation/home_off.gif) no-repeat;}
.menu li a:hover#home {width:170px; background:url(media/navigation/home_on.gif) no-repeat;}
.menu li a#homeactive {width:170px; background:url(media/navigation/home_on.gif) no-repeat;}

.menu li a#about {width:170px; background:url(media/navigation/about_off.gif) no-repeat;}
.menu li a:hover#about {width:170px; background:url(media/navigation/about_on.gif) no-repeat;}
.menu li a#aboutactive {width:170px; background:url(media/navigation/about_on.gif) no-repeat;}

.menu li a#repertoire {width:170px; background:url(media/navigation/repertoire_off.gif) no-repeat;}
.menu li a:hover#repertoire {width:170px; background:url(media/navigation/repertoire_on.gif) no-repeat;}
.menu li a#repertoireactive {width:170px; background:url(media/navigation/repertoire_on.gif) no-repeat;}

.menu li a#anlaesse {width:170px; background:url(media/navigation/anlaesse_off.gif) no-repeat;}
.menu li a:hover#anlaesse {width:170px; background:url(media/navigation/anlaesse_on.gif) no-repeat;}
.menu li a#anlaesseactive {width:170px; background:url(media/navigation/anlaesse_on.gif) no-repeat;}

.menu li a#referenzen {width:170px; background:url(media/navigation/referenzen_off.gif) no-repeat;}
.menu li a:hover#referenzen {width:170px; background:url(media/navigation/referenzen_on.gif) no-repeat;}
.menu li a#referenzenactive {width:170px; background:url(media/navigation/referenzen_on.gif) no-repeat;}

.menu li a#gallerie {width:170px; background:url(media/navigation/gallerie_off.gif) no-repeat;}
.menu li a:hover#gallerie {width:170px; background:url(media/navigation/gallerie_on.gif) no-repeat;}
.menu li a#gallerieactive {width:170px; background:url(media/navigation/gallerie_on.gif) no-repeat;}

.menu li a#kontakt {width:170px; background:url(media/navigation/kontakt_off.gif) no-repeat;}
.menu li a:hover#kontakt {width:170px; background:url(media/navigation/kontakt_on.gif) no-repeat;}
.menu li a#kontaktactive {width:170px; background:url(media/navigation/kontakt_on.gif) no-repeat;}

.menu li a#impressum {width:170px; background:url(media/navigation/impressum_off.gif) no-repeat;}
.menu li a:hover#impressum {width:170px; background:url(media/navigation/impressum_on.gif) no-repeat;}
.menu li a#impressumactive {width:170px; background:url(media/navigation/impressum_on.gif) no-repeat;}

.menu li a#hoerproben {width:170px; background:url(media/navigation/hoerproben_off.gif) no-repeat;}
.menu li a:hover#hoerproben {width:170px; background:url(media/navigation/hoerproben_on.gif) no-repeat;}
.menu li a#hoerprobenactive {width:170px; background:url(media/navigation/hoerproben_on.gif) no-repeat;}
*/





	
/* Tabelle Repertoire */
	
#maincontent table { width:580px; }
#maincontent .contenttable td {
	vertical-align:top;
	padding-bottom:5px;
	}
#maincontent .contenttable td h2 { margin-top:20px; }
#maincontent .contenttable td p { margin:0px; }


/* Facebook Like Button */
#facebook {
	background: #fff;
	width: 140px;
	height: 20px;
	margin-top: 25px;
	padding: 6px 15px 6px 15px;
	text-align: right;
}