@import "/fileadmin/designs/flex-content/common.css";

body {
	color:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
/*	background: url(../images/bg.gif);*/
	background: #373737;
}

h1 {
	font-size:14px;
}

h2 {
	font-size:12px;
}

a {
	color: #404040;
}

a:hover {
	color:#e88d00;
	text-decoration:none;
}

/* RTE Klassen*/

.rot {
color:red;
}

.gruen {
color:green;
}

.gelb {
color:yellow;
}

.small {
font-size:10px;
}

ol {
	padding-left:19px;
}

hr {
	height: 1px;
	border-width: 0px;
	border-top-width: 1px;
	border-style: solid;
	border-color: #9f9f9f;
}

#clear,
.clear {
	clear: both;
	height: 0px;
}
	
#page {
	width:1122px;
	margin: 15px auto;
}


/* ***************************** */
/* Header */
/* ***************************** */

#h1 .head_s1 {
	float:left;
	width:86px;
	height:25px;
	background: url(../images/headsh_ol.png) right top no-repeat;
}

#h1 .head_s2 {
	float:left;
	width:950px;
	height:25px;
	background: url(../images/headsh_om.png) left top repeat-x;
}

#h1 .head_s3 {
	float:left;
	width:45px;
	height:25px;
	background: url(../images/headsh_or.png) left top no-repeat;
}

#h1 .head_s4 {
	float:left;
	width:41px;
	height:25px;

}

#h2 {
	clear:left;	
}

#h2 .head_s1 {
	float:left;
	width:61px;
	height:34px;
	background: url(../images/headz1_l.png) right top no-repeat;
}

#h2 .head_s2 {
	float:left;
	width:855px;
	height:34px;
	background-color:#FFFFFF;
}

#h2 .head_s3 {
	float:left;
	width:145px;
	height:34px;
	background: url(../images/headz1_m.png) left top no-repeat;
}

#h2 .head_s4 {
	float:left;
	width:61px;
	height:34px;
	background: url(../images/headz1_r.png) left top no-repeat;
}

#h3 {
	clear:left;	
}

#h3 .head_s1 {
	float:left;
	width:61px;
	height:195px;
	background: url(../images/logo_l.png) right top no-repeat;
}

#h3 .head_s2 {
	float:left;
	width:190px;
	height:195px;
	background: url(../images/logo_r.png) left top no-repeat;
}

#h3 .head_s3 {
	float:left;
	width:301px;
	height:195px;
	background: url(../images/head_bg.png) left top repeat-x;
}

#h3 .head_s4 {
	float:left;
	width:509px;
	height:195px;
	background: url(../images/logo2.jpg) left top no-repeat;
}

#h3 .head_s5 {
	float:left;
	width:61px;
	height:195px;
	background: url(../images/logo2-r.png) right top no-repeat;
}

#h4 {
	clear:left;	
}

#h4 .head_s1 {
	float:left;
	width:61px;
	height:40px;
	background: url(../images/shadow_l.png) right top repeat-y;
}

#h4 .head_s2 {
	float:left;
	width:831px;
	height:40px;
	background-color:#FFFFFF;

}

#h4 .head_s3 {
	float:left;
	width:230px;
	height:40px;
	background: url(../images/logo2_u.png) left top no-repeat;
}

#main_bg1 {
	width:1122px;
	background: url(../images/shadow_l.png) 36px top repeat-y;
	clear:left;
}

#main_bg2 {
	width:1122px;
	background: url(../images/shadow_r.png) 1061px top repeat-y;
}

#main {
	width:1000px;
	margin: 0 61px;
	background-color:#FFFFFF;
	line-height:15px;
	padding-top: 17px;
}

/* ***************************** */
/* Top Nav */
/* ***************************** */

.nav_but, .nav_but_last {
	float:left;
	height:40px;
	width:109px;
	text-align:center
}

.nav_but a, .nav_but a.activ {
	padding-top:3px;
	display:block;
	height:32px;
	background:url(../images/nav_but.png) top right no-repeat;
	font-size:14px;
	color: #9f9f9f;
	text-decoration:none;
	font-weight:bold;	
}

.nav_but a:hover, .nav_but a.activ {
	color:#e88d00;
	background:url(../images/nav_but_on.png) top right no-repeat;
}

/* ***************************** */
/* Contentarea */
/* ***************************** */

#contentarea_bg1 {
	width:700px;
	float:left;
	background: url(../images/trenner2.png) top right repeat-y;
	margin-bottom:20px;
}

#contentarea_bg2 {
	background:url(../images/trenner1.png) top right no-repeat;
}

#contentarea {
	background:url(../images/trenner3.png) bottom right no-repeat;
}

img.clear {
	height:300px;
	width:1px;
	float:left
}

#content {
	float:left;
	padding-top:10px;
	width:699px;
	padding-bottom:20px;
}

#menu {
	float:left;
	width:300px;
}

/* ***************************** */
/* Footer */
/* ***************************** */

#f1 {
	clear:left;	
}

#f1 .foot_s1 {
	float:left;
	width:91px;
	height:36px;
	background: url(../images/foot_l.png) right top no-repeat;
}

#f1 .foot_s2 {
	float:left;
	width:957px;
	height:26px;
	background: url(../images/foot_m.png) left top repeat-x;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	padding-top: 10px;
	padding-right:13px; 
}

#f1 .foot_s2 a {
	color:#FFFFFF;
	text-decoration:none;
}

#f1 .foot_s2 a:hover {
	color:#e88d00;
}

#f1 .foot_s3 {
	float:left;
	width:61px;
	height:36px;
	background: url(../images/foot_r.png) left top no-repeat;
}

#f2 {
	clear:left;	
}

#f2 .foot_s1 {
	float:left;
	width:91px;
	height:25px;
	background: url(../images/foot_l2.png) right top no-repeat;
}

#f2 .foot_s2 {
	float:left;
	width:950px;
	height:25px;
	background: url(../images/foot_m2.png) left top repeat-x;
}

#f2 .foot_s3 {
	float:left;
	width:81px;
	height:25px;
	background: url(../images/foot_r2.png) left top no-repeat;
}


/* ***************************** */
/* Rechtes Menü */
/* ***************************** */

#cat {
	margin-left:49px;
	margin-left:58px;
	margin-top:7px;
	color:#e88d00;
	font-weight:bold;
	margin-bottom:6px;
}

.l1 {
	margin-left:49px;
	margin-left:58px;
}

.l1 a {
	text-decoration:none;
	color:#404040;
	padding-left: 10px;
	background:url(../images/pfeil.png) 0 5px no-repeat;
}

.l1 a.activ,
.l1 a:hover {
	font-weight:bold;
	color:#404040;	
}

.l2 {
	margin-left:59px;
	margin-left:68px;
}

.l2 a {
	text-decoration:none;
	color:#404040;
}

.l2 a.activ,
.l2 a:hover {
	text-decoration:underline;
	color:#404040;		
}

#menu .spacer {
	height:16px;
}


/* ***************************** */
/* MFCP Flex Contents */
/* ***************************** */

.artists, .mfcp-text-pic {
	margin-bottom:5px;
}

.artists h1, .mfcp-text-pic h1 {
	margin-top:-3px;
	padding-bottom:5px;
}
	
.artists-left, .mfcp-text-pic-left {
	width:229px;
	float:left;
}

.artists-right, .mfcp-text-pic-right {
	float:left;
	width:410px;
	padding-right:60px;
	text-align:justify;
}

.artists-images, .mfcp-text-pic-images {
	text-align:center;
}

.artists-links {
	margin-top:28px;
}

.artists-links ul {
	list-style:none;	
}

.artists-links ul li {
	background: url(../images/globe.png) left 2px no-repeat;
	padding-left:20px;
	height: 20px;
}

.artists-links a {
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#404040;
}			

.artists-links a:hover {
	color:#e88d00;
}

.mfcp-text-pic-links {
	font-size:10px;
	padding-left: 40px;
	line-height:15px;
	padding-top:5px;
}



/* ***************************** */
/* Nur Bild */
/* ***************************** */

.csc-textpic {
	margin-left: 48px;
}

div.csc-textpic-imagewrap, 
.csc-textpic-left, 
.csc-textpic-above, 
.csc-textpic-caption-c, 
.csc-textpic-equalheight {
	width:700px;
}

dl.csc-textpic-image,
dl.csc-textpic-firstcol,
dl.csc-textpic-lastcol {
	margin:0 66px;
}

.csc-textpic-caption {
	font-weight:bold;
	padding-top:15px;
	padding-bottom:50px;
}

.csc-textpic-caption a {
text-decoration:none;
}

dl.csc-textpic-lastcol {
margin-right: 0px;
}

/* ***************************** */
/* Text mit Bild */
/* ***************************** */

.bildimtext_links .bild {
	float:left;
	margin: 4px 19px 19px 0;
}

.bildimtext_rechts .bild {
	float:right;
	margin: 4px 0 19px 19px;
}


.bildimtext_links, .bildimtext_rechts, .text {
margin: -13px 40px 18px 40px;
clear:left;
}

.two_col .left_col .bildimtext_links,
.two_col .left_col .bildimtext_rechts, .left_col .text,
.three_col .left_col .bildimtext_links,
.three_col .left_col .bildimtext_rechts,
.three_col .left_col .text  {
	margin: -13px 20px 18px 40px;
	text-align:justify;
}

.two_col .right_col .bildimtext_links,
.two_col .right_col .bildimtext_rechts,
.two_col .right_col .text,
.three_col .right_col .bildimtext_links,
.three_col .right_col .bildimtext_rechts,
.three_col .right_col .text {
	margin: -13px 40px 18px 20px;
	text-align:justify;
}

.three_col .middle_col .bildimtext_links,
.three_col .middle_col .bildimtext_rechts,
.three_col .middle_col .text {
	text-align:justify;
	margin: -9px 20px 10px 20px;

}

.three_col .left_col .bildimtext_links,
.three_col .left_col .bildimtext_rechts,
.three_col .left_col .text,
.three_col .right_col .bildimtext_links,
.three_col .right_col .bildimtext_rechts,
.three_col .right_col .text {
margin-top:-9px;
}

.two_col .left_col,
.two_col .right_col {
	width: 47%;
}

/* ############################### */
/* News */
/* ############################### */

.news-list-container,
.news-single-item {
padding-left:40px;
padding-right:40px;
}

.news-single-item h2 {
font-size:14px;
}

.news-list-item h3,
.news-single-item h3 {
font-size:12px;
}

.news-single-author,
.news-single-item hr.clearer {
display:none;
}

.csc-header {
padding-left:40px;
}

.news-list-morelink a,
.news-single-backlink a,
.readMore a {
text-decoration:none;
}

.left_col .padd {
padding-left:40px;
padding-right:20px;
}

.right_col .padd {
padding-left:20px;
padding-right:40px;
}

.NewsDate, .NewsHeadline {
font-weight:bold;
}

/* ---------------------------------------- */
/* Mailform */
/* ---------------------------------------- */

.tx-advmailform-pi1 {
	clear:left;
}

.tx-advmailform-pi1 p {
margin-top:-1px;
}

.amf_input input,
.amf_input textarea {width:170px;
border: 1px solid #AAAAAA;
}
input#city {width:115px}
input#zip {width:50px; margin-right:5px;}

.amf_value input {
width:13px;
border:none;
}

input#action_submit {
border: 1px solid #AAAAAA;
background-color: #AAAAAA;
color:#FFF;
margin-left:261px;
font-size:14px;
}

input#action_submit:hover {
background-color: #FFF;
color:#AAA;
}

#amf_captcha {
margin-bottom:10px
}

/* ############################### */
/* Lightbox */
/* ############################### */

#lightbox #caption {color:black;}

dd.csc-textpic-caption {text-align:center; display:block;}

#overlay {display:none;}

/* ---------------------------------------- */
/* Imagerow */
/* ---------------------------------------- */

.fleximage {
margin: 0 40px;
clear:left;
}

.fleximage .title {
font-weight:bold;
margin:2px 0;
}

.fleximage  {
margin-bottom:10px;
}

.fleximage .item1,
.fleximage .item2,
.fleximage .item3 {
float:left;
margin-right:15px;
width:150px;
margin-bottom:5px;
}

.fleximage div p {
margin:0;
}

.fleximage .image {
margin-bottom:18px;
}

#extra {
float:left;
margin-top: 20px;
width:300px;
}

#extra .csc-textpic {
margin-left:0px;
}

#extra .csc-textpic-center {
margin:0px auto;
width:260px;

}

#extra .csc-textpic-center .csc-textpic-image {
width:260px;
text-align:center;
}

#extra .csc-textpic-clear {
clear:both;
}