/* Reset *************************************************************/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
q:before,q:after{right:'';}
abbr,acronym {border:0;}
td {vertical-align: top;}
a {outline:0;}

/* POSITIONING global, Template: main.html */
#main,
#gallery, 
#galThumbs, 
#galPic, 
#galOn,
#prevNext	{ 
	position: absolute; 
}



#left	{	width: 240px; float: left; 	}
	#logo	{ margin-bottom: 5px;	}
	#menue	{ margin-left:	30px;	}


#main	{	left: 240px;	top:20px;	width: 965px;	}

#content {	width: 965px !important; padding-top: 50px;	}



/* Galerie abschalten */

.text #gallery,
.news #gallery	{
	display: none; 
	visibility: hidden;
	}

/* NEWS --------------------- 
*/

.news #content {	width: 485px !important;	}

.news .csc-textpic csc-textpic-intext-left-nowrap .csc-textpic-text	{
	margin-left: 350px !important;
	}
.news .bodytext,
.news .csc-textpicHeader {
	width: 310px;
	margin-left: 20px;
	}
.news .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.news .csc-textpic-intext-left-nowrap .csc-textpic-text	{
	float: left;
	}
.news #content 	{ 
	width: 650px;
	float: left;
	margin-right: 20px;
	}
.news #contentright	{ 
	width: 235px;
	margin-top: 50px;
	background-color: #000;
	margin-left: 670px;
	color: #fff;
	}
.news #contentright a	{ 
	color: #fff;
	font-weight: bold;
	}
.news #contentright	h1 { 
	padding: 6px 10px;
	color: #fff;
	border-bottom: 2px solid white;
	margin-bottom: 6px;
	}

.news #contentright .csc-menu dt,
.news #contentright .csc-menu dd	{
	padding: 3px 10px 0 12px;
	display: block;
	}
.news #contentright .csc-menu dd	{
	padding-bottom: 12px;;
	}

/* Galerie ---------------------------------------------- */

#gallery {	z-index: 10;	}
#galThumbs	{	
			z-index: 20; 
			display: none;
			width: 915px;	
			background-image: url('grafik/shade.png'); 
			padding: 10px 0 0 10px;
			margin: 20px;
			}
#galThumbs a img	{	
			padding: 0 10px 10px 0;
			}
#galPic {	z-index:  5;	}
#galPic .img {	/* Galerie grau hinterlegen */
			display: block;
			width: 965px;
			background-color: #f6f6f6;
			}
#galOn	{	z-index: 15; top: 20px;	}

#galPic .img a	{
	cursor: url('grafik/pointer.png'), pointer; 
}

#prevNext	{
	z-index: 40 !important;
	top:0; 
	left: 20px;
	background-image: url('grafik/shade-w.png'); 
	}
#prevNext a, #prevNext .hideMe { 
	font-size: 16px;
	line-height: 1em;
	padding: 0 5px 6px 5px;
	}
#prevNext .hideMe { color: #aaa; }
#prevNext a:hover { color: red;	}

#prevImg, #nextNumber, #nextImg { 
	float: left;
	}


/* STYLING *************************************************************/

body{	
	background-color: #ffffff; 
}


body, td, h1, h2, table{
	vertical-align:	top;
	text-align: left;
	font-family: 	 tahoma,sans-serif;
	font-size:	11px;
	color: #000; 
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

p	{ 
	text-align: left;
	clear: both;
	text-transform: inherit;
	max-width: 800px;
	margin: 0 0 .5em 0;
	padding:0	}

i	{ color: #000; 	 }

b	{ color: #000; 	font-weight: bold;	}

a, a:visited {
	color:		#000;
	padding:	0px;  
	text-decoration:none;
	-moz-outline-width:0px;
}
a:hover		{	
	color: #000;
	font-weight: bold;
}


.weit	{	white-space:nowrap;	}

.captionList{
	position:relative;
	left:0;
	color:#333;
}


input, select { /* Alle Labels UND Formularelemente */
  background-color: #fff;
  border: 1px solid #ccc;
  height: 18px ;
  vertical-align: middle;
  line-height: 1em;
  margin: 0 10px 0 5px;
  padding: 0 3px;;
  color: #666;
  background-color: #eee;
}
.felogin-hidden	{	visibility: hidden;}

label {clear: both; }
.knopf { padding: 1px; line-height: 1.5em; height: 20px;}
.formfeld	{float: left;}

/* MENU *************************************************************/


#thumbs a {
	margin:	0 10px 10px 0;	
	display: block;
	float: left;
	vertical-align:	baseline;
	background-color: red;
}
#thumbs a img {	
	border: 0;	
	filter:			alpha(opacity=75);
	-moz-opacity:	.75; 
	opacity:		.75;

	}

#thumbs a:hover img {
	filter:			alpha(opacity=100);
	-moz-opacity:	1; 
	opacity:		1;
}


/* MENUE ################################### */

#menue a { 
	display: block;
	line-height: 1.45em;
	}
li.act a, li.cur a {	
	text-decoration: underline;	
	font-weight: bold;
	}
li .nor a	{	
	text-decoration: none !important;
	font-weight: normal !important;
	}
li .nor a:hover	{	
	font-weight: bold !important;
	}

.l1	.act, 
.l1 .cur {	margin: 1.25em 0; }

.l1 .act ul	{ padding-top: .15em;	}

.l2	.act, 
.l2 .cur {	margin: 1.25em 0; }

.l3	.act, 
.l3 .cur {	margin: 0px 0; !important}


.l3, .l4	{	margin-left: 20px;	}

.hotshot 	{ 
	margin-top: 6px; 
	}
.hotshot li	{ 
	padding-bottom: 7px; 
	}
.hotshot li	a{ 
	line-height: 13px !important;
	}


/* Columns */
.columnchart {	width: 818px; clear: both;	}
.columnchart .columnContent {	margin-right: 10px;	}

#content td	{	padding: 0 0 .5em 0;	}


.tx-stflashplayer-pi1{	width: 700px;	text-align: center}

/* Sprachschalter */
.lang a, .lang a:visited {	color: #bbb;	}
.lang a:hover {	color: #000;	}


/* DIVERSE ################*/
.csc-textpic-caption{
	line-height: 1.25em;
	font-size: 9px;
	}

.tx-stflashplayer-pi1	{
	margin-top: 0px;
	}

.bilderuebersicht-x3	{
	float: left;
	width: 298px;
	margin-right: 20px;
	overflow: hidden;
	}
	
.bilderuebersicht-x3 .csc-textpic-image dt	{
	width: 308px;
	height: 207px;
	overflow: hidden;
	}

.bilderuebersicht-x4	{
	float: left;
	width: 223px;
	margin-right: 10px;
	overflow: hidden;
	}
	
.bilderuebersicht-x4 .csc-textpic-image dt	{
	width: 223px;
	height: 150px;
	overflow: hidden;
	}

.linieoben	{
	border-top: 2px solid black;
	padding: 7px 0;
	max-width: 800px;
	}

/* Seiten oberhalb der KŸuenstler - Template first.html */

.first div	{
	display: inline;
	float: left;
	padding: 0 23px 0px 0;
	}
.first 	imgtext-table td	{
	text-align: center;
	text-transform: uppercase;
}
.first .imgtext-table td	{	
	text-align: center;
	}

.first .caption {
	position: relative;	
	display: block;
	top: 0;
	border: 0;
	margin:0;
	padding: 0;
	width: 135px; 
	max-height: 18px;
	text-align: center;
	overflow: hidden;
	}
	
	
/* CSS styled content ##############*/

.csc-textpic-image	{float: left;	margin: 0 10px 10px 0;}