@charset 'utf-8';
@import url(reset.css);
/* ---------->>> C O N T E N T <<<-----------*/

body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Trebuchet MS, Calibri, Arial, sans-serif;
font-weight: 200;
color:#555;
text-align:left;
font-size: 14px;
line-height:22px;
background: #fffffd url('../img/back.png') repeat-x;
}

html, body {
height:100%;
}

.flash{
width: 110px;
float:left;
margin:0 10px 0 0;
}

.infos{
width: 230px;
float:left;
}

#rahmen {
position:relative;
min-height:100%;
width:100%;
margin:0 auto;
}

#border {
height:6px;
background:#000;
}

.wrapper{
width:990px;
margin: 0 auto;
}
#header{
width:990px;
height:168px;
margin:0 auto 40px auto;
position:relative;
}

#content{
width:750px;
float:left;
}

#footer{
position: absolute;
bottom: 0;
width:100%;
height:155px;
color:#afafaf;
background:#292929;
margin:80px 0 0 0;
}

.clear{
clear:both;
padding: 0 0 220px 0;
}

/* ---------->>> C O L U M S <<<-----------*/

/* Startseite */
#home3_1 {
display:block;
float:left;
margin:0 20px 50px 0;
width:311px;
height:327px;
background: url(../img/home_musicians1.png) 0 0 no-repeat;
}

#home3_2 {
display:block;
float:left;
margin:0 20px 50px 0;
width:311px;
height:327px;
background: url(../img/home_talents1.png) 0 0 no-repeat;
}

#home3_3 {
display:block;
float:left;
margin:0 0 50px 0;
width:311px;
height:327px;
background: url(../img/home_business1.png) 0 0 no-repeat;
}

.hover {
position: absolute;
top: 0;
left: 0;
display: none;
width:320px;
height:330px;
background:url(images/on-off-event.png) 0 -320px no-repeat;
}


.col3_1{
width:300px;
text-align:right;
margin:0 42px 0 0;
float:left;
}

.col3_2{
width:400px;
float:left;
}

.col3_3{
width:200px;
float:right;
background:#ccffff;
}


/* Unterseiten */
.col_subnavi{
width:180px;
text-align:right;
margin:74px 55px 0px 0;
padding:0;
float:left;
}

.col_g{
width:350px;
float:left;
margin:0 10px 50px 0;
}

.col_lg{
width:460px;
float:left;
margin:0 0px 30px 0;
}

.border_news{
padding: 10px 0 0 0;
border-top: 1px solid #DDD;
}

.col_rk{
width:200px;
float:right;
}

.col3_23{
width:570px;
float:left;
margin:0 0 40px 0;

}

.col_lm{
width:330px;
float:left;
margin:0 40px 30px 0;
}

.col_rm{
width:330px;
float:right;
margin:0 0px 30px 0;
}


#footer .col3_1{
width:180px;
border-top:6px solid #545454;
padding:20px 0 0 0;
}

#footer .col3_1 p {
text-align:right;
font-size:14px;
line-height:22px;
}

#footer .col3_23{
width:570px;
float:left;
margin:0 0 0 10px;
}

.news{
margin: 0 0 40px 0;
}


.col-a {
margin:0 25px 20px 0;
float: left;
}
.col-b {
margin:0 0 20px 0;
float: left;
}



#gallery{
margin:90px 0 0 0;
}

/* ---------->>> T Y P O G R A P H Y <<<-----------*/

hr {
	border:solid #eee 1px;
	width: 95%;
}

h1 a{
	display: block;
	width: 695px;
	height: 174px;
	text-indent: -5000px;
background: url('../img/logo_soundmore.png') no-repeat 0 0;
position:absolute;
left:-200px;
top:0;
}

.sound h1 a{background: url('../img/logo_soundmore.png') no-repeat 0 0;}
.musicians h1 a{background: url('../img/logo_soundmusicians.png') no-repeat 0 0;}
.talents h1 a{background: url('../img/logo_soundtalents.png') no-repeat 0 0;}
.business h1 a{background: url('../img/logo_soundbusiness.png') no-repeat 0 0;}


h2{
font-size: 22px;
color: #333;
margin: 0 0 5px 0;
}

h3.index{
font-size: 20px;
color: #3d3d3d;
padding:0 0 7px 0;
margin:0 0 25px 0;
text-transform:uppercase;
}

h3{
font-size: 18px;
color: #333;
margin: 30px 0 3px 0;
}

h4{
font-size: 16px;
color: #000;
margin: 0 0 7px 0;
}

h5{
font-size: 14px;
color: #000;
margin:0px 0 3px 0;
font-style:italic;
}

.col_r h3{
margin:0 0 10px 0;
}

p, li{
font-size: 16px;
line-height:24px;
}

p{
margin:0 0 3px 0;
}

.col_rk p{
font-size: 14px;
line-height:20px;
}

blockquote{
font-size: 14px;
line-height:21px;
font-style:italic;
margin:0 0 10px 0;
}


.more{
margin: 3px 0 0 0;
font-size: 14px;
display:block;
}

.small{
font-size: 14px;
line-height:20px;
font-style: italic;
}


a{
text-decoration: none;
}


#blue.aktiv a{
display:inline;
width:139px;
height:41px;
padding:10px 35px 10px 25px;
background: url('../img/back_navi_musi.jpg') no-repeat 0 0;
color:#fff;
}

#red.aktiv a{
display:inline;
width:139px;
height:41px;
padding:10px 35px 10px 25px;
background: url('../img/back_navi_tal.jpg') no-repeat 0 0;
color:#fff;
}

#yellow.aktiv a{
display:inline;
width:139px;
height:41px;
padding:10px 35px 10px 25px;
background: url('../img/back_navi_busi.jpg') no-repeat 0 0;
color:#fff;
}

#blue a:hover{
padding:10px 35px 10px 25px;
background: url('../img/back_navi_musi.jpg') no-repeat 0 0;
color:#fff;
}

#red a:hover{
padding:10px 35px 10px 25px;
background: url('../img/back_navi_tal.jpg') no-repeat 0 0;
color:#fff;
}

#yellow a:hover{
padding:10px 35px 10px 25px;
background: url('../img/back_navi_busi.jpg') no-repeat 0 0;
color:#fff;
}


.musicians .wrapper .col_subnavi ul .aktiv, .musicians h2, .musicians a, .musicians .wrapper .col_subnavi ul li a:hover, li#blue a, .blue{
color:#2e90c2;
}

.talents .wrapper .col_subnavi ul .aktiv, .talents h2, .talents a, .talents .wrapper .col_subnavi ul li a:hover, li#red a, .red{
color:#c32458;
}

.business .wrapper .col_subnavi ul .aktiv, .business h2, .business a, .business .wrapper .col_subnavi ul li a:hover, li#yellow a, .yellow{
color:#fcca4b;
}


.sound h2.long, .sound h2, .sound h2.middle{
margin: 0px 0 35px -25px;
padding: 8px 0 15px 25px;
background: url('../img/head_sound_k.png') no-repeat 0 0;
color: #fff;
}
.sound h2.long{background: url('../img/head_sound_l.png') no-repeat 0 0;}
.sound h2.middle{background: url('../img/head_sound_m.png') no-repeat 0 0;}
.sound h2.news{background: url('../img/head_news.png') no-repeat 0 0;}



.musicians h2, .musicians h2.long{
margin: 0 0 35px -25px;
padding: 12px 0 15px 25px;
background: url('../img/head_musi_k.png') no-repeat 0 0;
color: #fff;
}
.musicians h2.long{background: url('../img/head_musi_l.png') no-repeat 0 0;}


.talents h2, .talents h2.long{
margin: 0 0 35px -25px;
padding: 12px 0 15px 25px;
background: url('../img/head_tal_k.png') no-repeat 0 0;
color: #fff;
}
.talents h2.middle{background: url('../img/head_tal_m.png') no-repeat 0 0;}
.talents h2.long{background: url('../img/head_tal_l.png') no-repeat 0 0;}


.business h2.long, .business h2.middle, .business h2.short{
margin: 0 0 35px -25px;
padding: 12px 0 15px 25px;
background: url('../img/head_busi_k.png') no-repeat 0 0;
color: #fff;
}
.business h2.long{background: url('../img/head_busi_l.png') no-repeat 0 0;}
.business h2.middle{background: url('../img/head_busi_m.png') no-repeat 0 0;}


.grau, li.grau a, ul.sub_s li a:hover, .sub_s li#subaktiv_s{
color:#333;
}

.sound .wrapper .col_subnavi ul .aktiv{
color:#666;
}

.col_subnavi ul li a{
color:#000;
}


#metanavi li a{
color:#afafaf;
}

#metanavi li a:hover{
color:#fff;
}

.details a, a, a:hover{
color:#000;
text-decoration: none;
}

.details a:hover{
color:#000;
}


.col_lg h3:first-child, .col_lm h3:first-child, .col_rm h3:first-child, .col_rk h3:first-child{
margin: 0px 0 3px 0;
}

.rueck {
margin-left: 15px;
}


/* ---------->>> N A V I <<<-----------*/

#navi{
color:#3d3d3d;
float:right;
text-transform:uppercase;
position:absolute;
left:520px;
top:42px;
display: block;
}

#navi li{
font-size: 15px;
display:inline;
margin: 0 0 0 10px;
}

#navi li a{
padding:10px 35px 10px 25px;
}

.col_subnavi li {
color: #3d3d3d;
font-size: 16px;
text-align:right;
margin:10px 0 6px 0;
}

#subsubnavi{
margin:0px 0 0 0;
}

#subsubnavi li{
font-size: 14px;
text-align:right;
font-style:italic;
margin:0 0px 0px 0;
}

#metanavi{
margin:25px 0 0 0;
}

#metanavi li{
font-size: 14px;
margin:0 25px 0 0; 
display:inline;
text-transform:uppercase;
}

li#aktiv_meta a{
color:#fff;
}


/* ---------->>> F I L T E R  <<<-----------*/


ul#filter { list-style: none; margin:0 0 10px 0; width: 100%; }
ul#filter li { 
font-size: 14px;
text-align:right;
font-style:italic;
margin: 0;
}

ul#filter a { color: #000; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { color: #2e90c2; }
ul#filter li.current a { color: #2e90c2; }

ul#portfolio { 
float: left; 
list-style: none; 
}

ul#portfolio li { 
width:350px;
float:left;
padding: 0 20px 30px 0;
}

ul#portfolio_news li { 
width:460px;
float:left;
padding: 0 20px 30px 0;
}


#portfolio p, .details a{
font-size: 14px;
}

ul#portfolio li a img{
border:0px solid #f0f;
float:left;
padding:0 10px 0 0;
}

#chormen {
	background:  url(../img/chor_men2.png) no-repeat scroll right top;
	position: fixed;
	top: 150px;
	margin-left: -20px;
	width: 245px;
	height: 400px;
	z-index: 8766;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	left: 0px;
}