* {	margin: 0; padding: 0; }

:focus { outline: 0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

h3 { clear: both; }

table {	border-spacing: 0; }

td p.bodytext { margin: 0px; padding: 0px; }

td { vertical-align: top; }

strong { font-weight:bold; }

em { font-style:italic; }

img { border:0; border-color:#E5E5E5 !important; }

body {
	font-family:Verdana, Arial, Helvetica, Times;
	font-size:12px;
	color:#000000;
	background:#e0e0e0 url(../images/background.jpg) repeat-x top left;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a:link, 
a:visited, 
a:active {
	text-decoration:underline;
	color:#808080;
}

a:hover {
  text-decoration:none;
}


/* 							--- Layout --- 	*/


#main {
	position:relative;
	width:957px;
	height:100%;
	margin:0 auto;
	z-index:10;
}

.welcome {
	width:957px;
	height:40px;
	padding-top:35px;
	text-align:center;
}

h1 {
	font-size:18px;
	font-weight:bold;
	color:#b1b3b4;
}


/* 							--- Startseite --- 										*/

#welcometable {
	margin:80px auto 30px auto;
	font-size:11px;
}

#welcometable td {
	vertical-align:top;
	width:207px;
}

#welcometable td.wt-mainpic {
	padding:0 10px;
	position:relative;
}

#welcometable td.wt-mainpic div {
	position:relative;
	width:299px;
	height:299px;
	overflow:hidden;
	z-index:1;
}

#welcometable td.wt-bottom{
	vertical-align:bottom;
}

#welcometable td.wt-infobox {
	height:190px;
}

#welcometable td.wt-infobox-unten {
	height:120px;
}

.infobox {
	padding-top:15px;
	line-height:14px;
	display:none;
}

address {
	padding-top:5px;
	font-style:normal;
	color:#737373;
}

.infolinkwrapper {
	position:relative;
	z-index:5;
}

#gelberkasten {
	display:block;
	position:absolute;
	top:0;
	right:-85px;
	z-index:100;
	width:75px;
	height:75px;
}

#orangenerkasten {
	display:block;
	position:absolute;
	top:0;
	left:-85px;
	z-index:100;
	width:75px;
	height:75px;
}

#gruenerkasten {
	display:block;
	position:absolute;
	top:-23px;
	right:-85px;
	z-index:100;
	width:75px;
	height:75px;
}

#lilanerkasten {
	display:block;
	position:absolute;
	top:-23px;
	left:-85px;
	z-index:100;
	width:75px;
	height:75px;
}


/* 							--- Headnavi --- 										*/

#headnavi {
	position:relative;
	padding-top:69px;
	float:right;
	width:550px;
}

#headnavi ul {
	margin:0;
  	padding:0;
 	list-style-type: none;
	float:right;
}

#headnavi li {
  	margin:0;
  	padding:0;
	float:left;
}

#headnavi li a:link, 
#headnavi li a:visited, 
#headnavi li a:active {
  	margin:0;
  	padding:0;
	text-decoration:none;
	padding:0 9px 0 0;
	font-size:11px;
  	display:block;
 }

#headnavi li a:hover,
#headnavi li.aktiv a:link, 
#headnavi li.aktiv a:active, 
#headnavi li.aktiv a:visited, 
#headnavi li.aktiv a:hover {
	text-decoration:underline;
}

#headnavi li.first a {
	background:none;
}


/* 							--- Layout --- 										*/

#content {
	padding:4px;
}

#headerpic {
	position:relative;
	padding:3px 0;
	width:931px;
	height:184px;
        z-index: 2;
}

body.detmolder-stadthalle #headerpic {
	background:url(../images/header/detmolder-stadthalle_home.jpg) no-repeat 0 3px;
}

body.hanger-21-kulturfabrik #headerpic {
	background:url(../images/header/hanger-21-kulturfabrik_home.jpg) no-repeat 0 3px;
}

body.raeume #headerpic {
	background:url(../images/header/detmolder-stadthalle_raeume_grosser-saal.jpg) no-repeat 0 3px;
}

body.projekte-partner #headerpic {
	background:url(../images/header/hanger-21-kulturfabrik_projekte-partner_angebote.jpg) no-repeat 0 3px;
}

#flashfilm {
	position:absolute;
	left:0;
	top:-3px;
	width:935px;
	height:190px;
	background:#ffffff;
        z-index: 2;
}

/*#headerkachel {
	width:931px;
	height:192px;
	background:url(../images/header/kachel.gif) repeat top left;
}*/

#innercontent {
	position:relative;
	padding:20px 20px 50px 20px; 
	min-height:250px;
}

#innercontent p {
	font-size:11px;
	line-height:18px;
	padding-bottom:10px;
}

#innercontent h2 {
	font-size:18px;
	padding-bottom:25px;
}

.cleft {
	width:436px;
	float:left;
}

.cright {
	width:436px;
	float:right;
}

#innercontent h3 {
	background:#7F7F7F;
	color:#ffffff;
	font-size:12px;
	padding:3px 0 3px 9px;
	font-weight:bold;
	margin-bottom:10px;
}

#innercontent strong {
	color:#7f7f7f;
}

#innercontent ul {
	padding-left:25px;
	font-size:11px;
	line-height:18px;
}

a.textlink:link,









































a.textlink:active,
a.textlink:visited,
a.textlink:hover {
	display:block;
	padding:10px 0 5px 0;
	font-weight:bold;
}

#innerfooter {
	position:absolute;
	bottom:0;
	left:0;
	width:931px;
	height:30px;
	background:#f2f2f2;
}

#innerfooter div {
	font-size:11px;
	padding:9px 0 0 20px;
}

#innerfooter div a:link,
#innerfooter div a:active,
#innerfooter div a:visited,
#innerfooter div a:hover {
	padding-right:8px;
	background:url(../images/icon-ssh-pfeil.gif) no-repeat top right;
}

#innerfooter div.breadcrumb {
	width:815px;
	float:left
}

#innerfooter div.logo {
	width:67px;
	float:right;
	padding:0;
	margin-right:17px;
}

#innerfooter div.logo a:link,
#innerfooter div.logo a:active,
#innerfooter div.logo a:visited,
#innerfooter div.logo a:hover {
	background:none;
}

div.tx-fdfx2cols-pi1 div.cleft table.contenttable {
	margin:3px 0 3px 9px;
}

div.tx-fdfx2cols-pi1 div.cleft table.contenttable td {
	margin:0;
	padding:0;
}


div.tx-fdfx2cols-pi1 div.cleft table.contenttable th {
	vertical-align:top;
}

div.tx-fdfx2cols-pi1 div.cleft {
	width:544px;
}

div.tx-fdfx2cols-pi1 div.cright {
	width:325px;
	float:left;
	padding-left:20px;
}


/* 							--- Content Navi  --- 										*/

#innercontent ul.cnavi {
  	margin:0;
  	padding:0;
 	list-style-type: none;
}

#innercontent  ul.cnavi li {
	position:relative;
  	margin:0;
  	padding:0;
	width:340px;
}

#innercontent  ul.cnavi li a:link, 
#innercontent  ul.cnavi li a:visited, 
#innercontent  ul.cnavi li a:active {
	position:relative;
  	margin:0;
  	padding:0;
	text-decoration:none;
	width:340px;
	height:18px;
	font-size:12px;
	padding:1px 5px 1px 5px;
	margin-bottom:10px;
  	display:block;
	clear:both;
	color:#ffffff;
	background-color:#B1B2B4;
	background-image:url(../images/icon-doppelpfeil.gif);
	background-repeat:no-repeat;
	background-position:338px 7px;
 }

#innercontent  ul.cnavi li a:hover {
	font-weight:bold;
 }
 
#innercontent  ul.cnavi div {
	position:absolute;
	top:0;
	left:350px;
	width:542px;
	display:none;
}

#innercontent  ul.cnavi div strong {
	color:#000000;
}

table.cnavitable {
	width:537px;
	margin-left:5px;
}

table.cnavitable td {
	vertical-align:top;
	padding:5px 5px 5px 15px; 
}

table.cnavitable tr.c1 {
	background:#e0e0e0;
}

table.cnavitable tr.c2 {
	background:#c9c9c9;
}

thead {
   text-align: left;
}

ul.cul {
  	margin:0;
  	padding:0;
 	list-style-type: none;
}

ul.cul li {
/*	float:left; */
	width:auto !important;
}

ul.cul li a:link,
ul.cul li a:active,
ul.cul li a:visited {
	position:relative !important;
	display:block !important;
	font-size:11px !important;
	background:none !important;
	width:auto !important;
	background-repeat:no-repeat !important;
	padding:2px 10px !important;
	margin:0 !important;
	width:auto !important;
	text-decoration:underline !important;
	font-weight:normal !important;
	float:left !important;
}

ul.cul li a:hover {
	text-decoration:none !important;
}
 
 
/* 							--- Navigation --- 										*/

#navigation {
	position:relative;
	z-index:5;
	height:32px;
}

#navigation ul {
  	margin:0;
  	padding:0;
 	list-style-type: none;
}

#navigation li {
  	margin:0;
  	padding:0;
	float:left;
}

#navigation li a:link, 
#navigation li a:visited, 
#navigation li a:active {
	position:relative;
  	margin:0;
  	padding:0;
	text-decoration:none;
	width:173px;
	padding:8px 0 9px 10px;
	margin-right:4px;
	font-size:11px;
  	display:block;
	color:#ffffff;
	background:#B1B2B4;
 }

#navigation li a:hover,
#navigation li.aktiv a:link, 
#navigation li.aktiv a:active,
#navigation li.aktiv a:visited, 
#navigation li.aktiv a:hover {
	background:#e0e0e0 !important;
	color:#000000;
}

#navigation li.c5 a {
	margin-right:0 !important;
}

#navigation ul div {
	position:absolute;
	display:none;
}

#navigation ul li.aktiv div {
	display:block;
}

#navigation ul ul {
	position:absolute;
	display:block;
	padding-top:4px;
	min-height:90px;
	width:183px;
	background:url(../images/w90.png) repeat top left !important;
}

#navigation ul ul.mehr {	
	left:183px;
	min-height:184px;
	padding-left:4px;
}

#navigation li.c5 ul.mehr {	
	left:-191px;
	padding-right:4px;
}


#navigation ul ul li {
	background:none;
	float:none;
}



#navigation ul ul li.vierter {
	margin-top:4px;
}

#navigation ul ul li a:link, 
#navigation ul ul li a:visited, 
#navigation ul ul li a:active,
#navigation li.aktiv ul a:link, 
#navigation li.aktiv ul a:active,

#navigation li.aktiv ul a:visited, 

#navigation li.aktiv ul a:hover {
  	margin:0;
  	padding:0;
	text-decoration:none;
	width:163px;
	padding:9px 5px 8px 15px;
	font-size:11px;
  	display:block;
	color:#000000;
	text-transform:none;
	background:transparent !important;
 }

#navigation ul ul li a:hover,
#navigation li.aktiv ul li a:hover,
#navigation ul ul li.aktiv a:link, 
#navigation ul ul li.aktiv a:active,
#navigation ul ul li.aktiv a:visited, 
#navigation ul ul li.aktiv a:hover {
	background:#7f7f7f !important;
	color:#ffffff !important;
	font-weight:bold;
}


/* 							--- Footer --- 										*/

#footer {
	text-align:center;
	font-size:10px;
	color:#808080;
}

#footer span {
	color:#000000;
}

#footer a:link,
#footer a:active,
#footer a:visited {
	text-decoration:none;
	color:#808080;
}

#footer a:hover {
	text-decoration:underline;
}

/* 							--- Rahmen f�r die Boxen --- 										*/

#rahmenbox {
	width:957px;
}

.boxol {
	background:url(../images/boxtopleft.png) no-repeat bottom right;
}

.boxom {
	height:9px;
	background:url(../images/boxtop.png) repeat-x bottom left;
}

.boxor {
	background:url(../images/boxtopright.png) no-repeat bottom left;
}

.boxml {
	width:9px;
	background:url(../images/boxleft.png) repeat-y top right;
}

.boxmr {
	width:9px;
	background:url(../images/boxright.png) repeat-y top left;
}

.boxul {
	background:url(../images/boxbottomleft.png) no-repeat top right;
}

.boxum {
	height:9px;
	background:url(../images/boxbottom.png) repeat-x top left;
}

.boxur {
	background:url(../images/boxbottomright.png) no-repeat top left;
}

.boxcontent {
	background:#ffffff;
}

.boxcontent_start {
	background:#ffffff;
	height:585px;
	vertical-align:top;
}


/* 							--- Sonstiges --- 										*/

a.thickbox:link,
a.thickbox:visited,
a.thickbox:active,
a.thickbox:hover {
	display:block;
	position:relative;
}

a.thickbox img.plusicon {
	position:absolute;
	bottom:5px;
	right:5px;
}


.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}

.small {
	font-size:11px;
}

.abstand5 {
	margin-bottom:5px;
}

.abstand10 {
	margin-bottom:10px;
}

.abstand15 {
	margin-bottom:15px;
}

.bilderrahmen,
.csc-textpic-image img {
	border:1px solid #e5e5e5 !important;
}

.bildrechts {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

.bildlinks {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

/*	### Start ### Drittel Layout ### */

.cerstesdrittel {
	width:262px;
	float:left;
}

.czweitesdrittel {
	width:262px;
	padding-left:20px;
	float:left;
}

.cdrittesdrittel {
	width:325px;
	padding-left:20px;
	float:left;
}

/*	### Ende ### Drittel Layout ### */

/* ### Trennlinie ### */
.trennlinie {
	clear:both;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:5px solid #F2F2F2;
}
hr {
	clear:both;
	padding-bottom:10px;
	margin-bottom:20px;
	border: none;
	border-bottom:5px solid #F2F2F2;
}


/* Text Ausrichtungen vom RTE */

.align-right {
   text-align: right;
}

.align-left {
   text-align: left;
}

.align-center {
   text-align: center;
}

.align-justify {
   text-align: justify;
}

.csc-textpic-caption {
   font-size: 11px;
}


/*--------- Belegungsplan ---------------*/

.ce_kalender {
         margin-bottom: 20px;
}

table#kalender {
	 background-color:#ffffff;
         border:1px solid #80807E;
	 border-collapse:separate;
         empty-cells:show;
         border-spacing:1px;
         table-layout:fixed;
}

table#kalender td {
	 width:10px;
         height:10px;
         text-align:right;
         color: #000267;
         font-size: 11px;
         padding: 2px;
         font-size: 10px;
         border: 0px;
}

table#kalender td.tage {
	 width:10px;
         text-align:center;
	 font-color: red;
}
table#kalender tr.tagesreihen td {
	 background-color: #EDECFE;
	 font-size: 11px;
}

table#kalender tr.tagesreihen td.aktivitaet {
	 background-color: #FFA1A2;
         width:10px;
         height:10px;
}

table#kalender tr.tagesreihen td.anfrage {
	 background-color: #A0FEFF;
         width:10px;
         height:10px;
}

table#kalender td.monat {
	 background-color:#EE863F;
         text-align:center;
         color: #FFFFFF;
         font-weight:bold;
         width: auto;
}

table.kalender_base {
         border-collapse:separate;
         border-spacing:1px;

}



table.kalender_base td.table_navi {
	 background-color:#7F7F7F;
         text-align:center;
         vertical-align: middle;
}

.kalenderbild {
	 float: left;
}

.kalenderblatt {
 	 margin-left: 300px;
 	 font-size: 11px;
}

.belegungsplan select {
         height: 16px;
         width: 200px;
         z-index: 3;
         font-size: 10px;
         font-family: verdana;
         color: #5F5F5F;
         border: 1px solid #5F5F5F;
         margin-left: 18px;
}

table.kalender_options {
         margin: 14px 0px 15px 0px;
}

table.kalender_options td {
         font-size: 11px;
}

/*--------- Belegungsplan Ende ---------------*/
