/* Allgemein
************************************************/
html {
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	font: 12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #d5d4d4;
	text-align: center;
	background: url(../pics/bg-global.jpg) repeat-x #313131;
}
img { border : 0px;}
table {	border : 0px;}
.clear { clear:both;}

/* Konstrukt
************************************************/
#outerWrapper {
	width: 1002px;
	margin: 0 auto;
	padding:0;
}
#header {
	height: 101px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#logo {
	width:220px;
	height:101px;
	padding: 0 11px;
	margin: 0;
	background: url(../pics/bg-logo.gif) no-repeat;
	float:left;
}
#hd-middle {
	padding-top: 16px;
	margin: 0;
	width: 518px;
	height: 85px;
	float:left;
	text-align:center;
}
#hd-right {
	padding: 0;
	margin: 0;
	width: 242px;
	height: 101px;
	background: url(../pics/bg-switch.gif) no-repeat;
	float:right;
}
#header a, #header a:visited {font-weight:normal; color: #fff; text-decoration:none; }
#header a:hover {font-weight:normal; color: #ff7200; text-decoration:none;}
#header #subm img {margin:0 4px;}

/*################ content ##################*/

#content {
	width:1002px;
	margin:0;
	padding:0;
	text-align:left;
}
/*################ leftcol ##################*/

#content #leftcol {float: left; width: 220px; margin: 0 11px; padding:0; background-color:#444444;}
#content .leftbox {float: left; width: 220px; background: url(../pics/leftcol-base.gif) bottom no-repeat; margin-bottom: 14px;}

#content .leftbox .date {color: #777; font-size: 0.9em;}
#content .leftbox h4, #content .box p {margin: 0; padding:0; font-size: 1em;}

/*################ middlecol ##################*/

#content #middlecol {float: left; width: 492px; margin: 0; padding:10px 13px;}
#content #middlecol b {color:#FFFFFF;}
/*
#content #middlecol img { border:1px solid #8e8888; }
*/
/*################ rightcol ##################*/

#content #rightcol {float: right; width: 220px; margin: 0 11px; padding:0;}
#content .rightbox { width: 220px; background: url(../pics/rightcol-base.gif) bottom no-repeat #646664; margin-bottom: 14px; padding:0;}

#content .rightbox h3 {float: left; width: 180px; background: url(../pics/rightcol-top.gif) top no-repeat; padding: 8px 20px 0 20px; text-transform: uppercase; font-weight: bold; font-size: 1.1em; margin: 0;}
#content .boxinner { clear: both; padding: 10px 20px 20px 20px; font: 11px/14px Arial, Helvetica, sans-serif}

#content .boxinner .news-list-container .news-list-item .news-list-morelink {text-align:right; font-size:11px; float:right; margin:5px 0 0 0;}

#content .boxinner .news-list-container .news-list-item h4 { font-size: 12px; margin:0 0 7px 0; padding:0;} 
#content .boxinner .news-list-container .news-list-item h4 a {font: 12px; font-weight:bold; color: #fff; margin:0; padding:0; letter-spacing: 0;}
#content .boxinner .news-list-container .news-list-item h4 a:hover {font: 12px; font-weight:bold; color: #8a8a8a; margin:0; padding:0; letter-spacing: 0;}


#content .rightbox li { padding: 6px 0 38px 0;}
#content .rightbox .date {color: #777; font-size: 0.9em;}

#content #rightcol img { margin: 0; padding:0; }

/*################ rightcol end ##################*/

#content b { font-weight:bold; color:#444444;}
#content h2 {font: bold 16px Arial, Helvetica; color:#fff; margin: 0 0 0.4em 0; padding:0; letter-spacing: -1px;}
#content h3 {font: 14px Arial, Helvetica; color:#fff; margin: 0 0 0.4em 0; font-weight:bold;}
#content p {margin: 0 0 0.8em 0;}

h1 {font: bold 20px/24px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 14px 0; letter-spacing: -1px;}
hr { height: 1px; color: #555; border: none; border-top: 1px solid #555;  margin: 12px 0; }
#black-space {height:45px; margin:0; padding:0; background: #3b3636;}
.csc-header {padding:0 10px 10px 0;}
.csc-header a:visited {font: bold 20px/24px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 14px 0; letter-spacing: -1px;}
/*################ nav list 2 ##################*/

#nav2 {
margin:0;
padding: 25px 20px;
font: 11px Arial, Verdana, Helvetica, sans-serif;
width: 180px;
float: left;
}
#leftcol #nav2 a {
padding: 4px 0 0 1px;
color: #fff;
display: block;
height: 21px;
font-weight:normal;
border-bottom:1px solid #555555;
}
#leftcol #nav2 a:hover {
background: #3b3636; 
padding: 4px 0 0 1px;
color: #ff7200;
border-bottom:1px solid #555555;
}
#leftcol #nav2 .is {
background: #f7f7f7; 
padding: 6px 0 0 0;
color: #ff7200;
display: block;
}
#leftcol #nav2 ul { list-style: none; padding: 0; margin: 0; }
#leftcol #nav2 li { margin: 0; padding: 0; display: inline; }

/*################ nav list 3 ##################*/

#nav3 {
margin:0;
padding: 25px 20px;
font: 11px Arial, Verdana, Helvetica, sans-serif;
width: 180px;
float: left;
}
#leftcol #nav3 a {
padding: 4px 0 0 1px;
color: #fff;
display: block;
height: 21px;
font-weight:normal;
border-bottom:1px solid #555555;
}
#leftcol #nav3 a:hover {
background: #3b3636; 
padding: 4px 0 0 1px;
color: #ff7200;
border-bottom:1px solid #555555;
}
#leftcol #nav3 .is {
background: #f7f7f7; 
padding: 6px 0 0 0;
color: #ff7200;
display: block;
}
#leftcol #nav3 ul { list-style: none; padding: 0; margin: 0; }
#leftcol #nav3 li { margin: 0; padding: 0; display: inline; }

/*################ col headlines ##################*/

.col-headline {width:180px; height:23px; background: #3b3636; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #ff7200; float: left;  padding:2px 20px 0 20px;}

/*################ teaser ##################*/

#to-shop { display:block; width:220px; height:56px; }
#to-shop a { display:block; width:220px; height:56px; background: url(../pics/teaser/zum-shop.gif) no-repeat; text-indent: -9999px;}
#to-shop a:hover { display:block; width:220px; height:56px; background: url(../pics/teaser/zum-shop-ov.gif) no-repeat;}

#to-galerie { width:220px; height:107px; margin:15px 0; padding:0;}

/* Links
************************************************/

#content a, #content a:visited {font-weight:normal; color: #ff7200; text-decoration:none; }
#content a:hover {font-weight:normal; color: #8a8a8a; text-decoration:none;}

#content .boxinner a {font: 11px; color: #ff7200;}
#content .boxinner a:hover {font: 11px; color: #8a8a8a;}

/* Form
************************************************/
form {
	display:inline;
	margin:0;
	padding:0;
}
.input {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #636b75;
	width:231px;
	border:1px #dadada solid;
}
#searchpad { width:156px; margin:20px 0 0 48px; padding:0;}
#searchpad .s input { font: 11px Arial, Verdana, Helvetica, sans-serif; width:123px; margin:0; padding:0; border:1px #dadada solid;}

textarea{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #636b75;
	width:231px;
	border:1px #dadada solid;
}

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

#footer {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#575757;
	height:26px;
	margin: 50px auto 30px auto;
	padding:6px 0;
	width:980px;
	border-top:1px solid #5b5b5b;
}
.footer-left {
	float:left;
	padding:0 0 0 21px;
}
.footer-right {
	float:right;
	padding:0 21px 0 0;
	text-align:right;
}
#footer img {margin:0 5px;}

#footer a, a:visited {color: #929191; text-decoration:none; }
#footer a:hover {color: #ff7200; text-decoration:none;}

/*################ Künstler Listing ##################*/

.artist-thumb {
	width:156px;
	height:225px;
	padding:0;
	margin:0 8px 2px 0;
	float:left;	
}
.artist-pic {
	width:156px;
	height:180px;
	padding:0;
	margin:0;
	background: url(../pics/artists/no-pic.gif) no-repeat;
	float:left;
}
.artist-details {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#929191;
	width:156px;
	height:42px;
	margin:0;
	padding:3px 0 0 0;
	float:left;
}
#content .artist-thumb a {font: 11px; color: #ff7200;}
#content .artist-thumb a:hover {font: 11px; color: #8a8a8a;}

/* Text Formatierungen
**************************************************/
/*
#content .bodytext { font: 11px/16px Arial, Verdana, Helvetica, sans-serif;}
*/
#cat-headline {
	font: 1.8em Arial, Verdana, Helvetica, sans-serif;
	color:#3d3d3d; 
	margin: 10px 0 16px 0;
	padding: 0; 
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;	
}
.list-thumb img { border:1px solid #8e8888; }
.list-title {
	font: 1.6em Arial, Verdana, Helvetica, sans-serif;
	color:#675f67; 
	margin: 0;
	padding: 0 0 10px 0; 
	font-weight:bold;
	text-align:left;
}
.list-artist {
	font-style:italic;
	margin: 0;
	padding: 0 0 6px 0; 
	text-align:left;
}
.list-description {
	margin: 0;
	padding: 0 0 6px 0; 
	text-align:left;
}
.list-details {
	margin: 0;
	padding: 0 14px 0 0; 
	text-align:left;
}
/* single
**********************************/
.single-thumb { text-align:left; }
.single-thumb img { border:1px solid #8e8888; }
.single-title h2 {
	font: 1.8em Arial, Verdana, Helvetica, sans-serif;;
	font-style:italic;
	color:#675f67; 
	margin: 0;
	padding: 0; 
	font-weight:bold;
	text-align:left;
}
.single-artist {
	font-style:italic;
	margin: 0;
	padding: 0 0 6px 0; 
	text-align:left;
}
.single-description {
	margin: 0;
	padding: 10px 0; 
	text-align:left;
}
.single-details {
	margin: 0;
	padding: 0 0 0 0; 
	text-align:left;
}

.csc-firstHeader {
	font: 20px/24px Arial, Verdana, Helvetica, sans-serif;;
	color: #fff;
	margin: 0 0 14px 0;
	letter-spacing: -1px; 
	padding: 0; 
	font-weight:bold;
	text-align:left;
}
#cat-headline .small {
	font: 10px Arial, Helvetica, sans-serif;
	color:#675f67; 
	margin: 0 0 10px 0; 
	text-align:left;
}