/*********************/
/*- Layout-Elements -*/
/*********************/

* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

/* BO layout areas */

html { height: 100% } 

body { 
	font-size: 100.01%; 
	position: relative;
	font-family: Verdana, sans-serif;
	font-style:normal;
	font-size:0.7em;
	line-height:1.4em;
	color:#000;
	text-align:center;
	background-color: #FFF;
} 

body.pseudoFrameset {
	overflow:hidden !important;
}

body.homeShell { 
	background-color:#fff;
} 

#OuterShell {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:left;
	overflow:hidden;
}

#InnerShell {
	position:relative;
	top:0;
	left:0;
	text-align:left;
	background: transparent url(images/header_bottom.gif) left top repeat-x !important;
}

.homeShell {
	background:transparent url(images/home_bg.gif) left top repeat-x !important;
}

.homeShell #InnerShell {
	background:transparent !important;
}

#head {
	background: transparent url(images/header_bg.png) 45px 0px no-repeat;
	height:139px;
	overflow:hidden;
	position:relative;
	z-index:10;
	padding:5px 15px 0 0;
}


/* BO Home */
#home_head {
	height:139px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
    width: 96%;
	z-index:10;
	padding:5px 15px 0 0;
    background: transparent;
}

#home {
	background:transparent url(images/home_visual.gif) 0px 0px no-repeat;
	height: 445px;
    position: relative;
    margin: 0;
}

#home #logo {
	position: absolute;
    top: 120px;
    left: 500px;
}

#home #navigation {
  position: absolute;
  top: 382px;
  left: 450px;
}

#home #veranstalter {
	position: absolute;
    top: 80px;
    left: 22px;
}

#home #veranstalter img {
	display: block;
}

#sponsors {
	position: relative;
	margin: 0 0 0 7px;
    height: 150px;
    border: 1px solid #FFF;
}

#sponsors1, sponsors2 {
	float: left;
}

/* EO Home */

#body_pre {
	background-color:#E88212;
	position:relative;
	top:-9px;
	height:94px;
	overflow:hidden;
	border-top:2px solid #958B86;
	z-index:0;
    text-align: center;
}

#body {
	background:#fff url(images/body_bg.gif) left top repeat-y;
	overflow:auto;
	position:relative;
	z-index:1000;
	margin-top:-9px;
	height:400px;
}

#location_nav {
	padding-left:25px;
	position:relative;
	width:210px;
	float:left;
	min-height:350px;
}

#content {
	margin-left:237px;
	padding:20px 12px 50px 12px;
	min-height:350px;
	width:675px;
}

#content_left {
	float:left;
	width:30%;
	overflow:hiddden;
	padding-top:8px;
}

#content_right {
	float:right;
	width:65%;
	overflow:hiddden;
	padding-left:5%;
}

/* EO layout areas */

/* BO head contents */

ul#meta_navigation {
	float:right;
	padding-top:3px;
}

ul#meta_navigation a {
	color:#000 !important;
}

ul#meta_navigation li {
	display:inline;
}

ul#main_navigation {
	position:absolute;
	bottom:7px;
	left:235px;
	height:39px;
	overflow:hidden;
}

ul#main_navigation li {
	float:left;
	display:block;
	margin-right:4px;
	height:39px;
	overflow:hidden;
}

ul#main_navigation a:link, ul#main_navigation a:visited {
	display:block;
	padding-left:9px;
	background:transparent url(images/tabs.gif) 0px 0px no-repeat;
	height:100%;
}

/* ul#main_navigation a:hover, ul#main_navigation a:active, */
ul#main_navigation a.active {
	background:transparent url(images/tabs.gif) 0px -78px no-repeat;
}

ul#main_navigation span {
	display:block;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 14px 0 6px;
	background:transparent url(images/tabs.gif) right -39px no-repeat;
	height:100%;
}

/* ul#main_navigation a:hover span, ul#main_navigation a:active span,  */
ul#main_navigation a.active span{
	background:transparent url(images/tabs.gif) right -119px no-repeat;
	color:#fff;
	cursor:pointer;
}

ul#main_navigation a:hover, ul#main_navigation a.active span {
	cursor:pointer;
}

#search {
	float:right;
	margin-left:6px;
	text-align:right;
	
	vertical-align:middle;
	line-height:19px;
}

.searchterm {
	background:none;
	border:1px solid #234B76;
	color:#234B76;
	padding:2px 5px 3px 5px;
	width:135px;
	margin:0;
}

.search_submit {
	background:url(images/search_button.gif) top left no-repeat;
	width:20px;
	height:20px;
	border:none;
	position:relative;
	left:-4px;
	top:1px;
}

/* EO head */

/* BO body_pre */

#xpreview_slider {
	margin: 7px 25px; /* 8px 0 0 195px; */
    text-align: left;
}

#preview_thumbs {
	display:inline;
	margin: 0 15px;
	float:left;
}

#preview_thumbs img {
	border:2px solid #fff;
	margin-right:12px;
}

#preview_thumbs img.act {
	border:3px solid #fff;
	position:relative;
	bottom:-2px;
}

#preview_thumbs img.last {
	margin-right:0;
}

.preview_nav {
	display:block;
	height: 72px;
    width: 26px;
}

#preview_nav_left {
	background:url(images/preview_nav_left.png) 0px 22px no-repeat;
    float:left;
}

#preview_nav_right {
	background:url(images/preview_nav_right.png) 0px 22px no-repeat;
    float: right;
}

/* EO body_pre */

/* BO location navigation */

.location_nav_head {
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	top:-58px;
}

#location_nav ul, body.info #location_nav ul {
	margin:10px 0 20px 0 !important;
    padding: 0 !important;
}

#location_nav li {
	display:block;
	margin-bottom:5px;
}

/* EO location navigation */

/* BO color matching */ 

#ma span {
	color:#E88212;
}

#hd span {
	color:#82BB70;
}

#lu span {
	color:#006DAD;
}

#kids span {
	color:#CC0F48;
}

/* EO color matching */ 

/* BO footer */

#footer {
	height:70px;
	overflow:hidden;
    background: #E88212;
}

#footer ul {
	width:980px;
	padding:7px 25px 0 25px;
}

#footer ul li {
	display:block;
	float:left;
	width:140px;
	overflow:hidden;
}

#footer ul li a {
	padding-left: 24px;
    height: 30px;
}



/* EO footer */

/* BO Kategorie-Icons */

a.ausstellung {
  background: url(images/icons/ausstellung.png) no-repeat;
}

a.film {
  background: url(images/icons/film.png)  no-repeat;
}

a.lesung {
  background: url(images/icons/lesung.png) no-repeat;
}

a.kleinkunst {
  background: url(images/icons/kleinkunst.png) no-repeat;
}

a.workshop {
  background: url(images/icons/workshop.png) no-repeat;
}

a.kids {
  background: url(images/icons/kids.png) no-repeat;
}

a.fuehrung {
  background: url(images/icons/fuehrung.png) no-repeat;
}

a.theater {
  background: url(images/icons/theater.png) no-repeat;
}

a.dj {
  background: url(images/icons/dj.png) no-repeat;
}

a.musik {
  background: url(images/icons/musik.png) no-repeat;
}

a.installation {
  background: url(images/icons/installation.png) no-repeat;
}

a.gastro {
  background: url(images/icons/gastro.png) no-repeat;
}

a.diskussion {
  background: url(images/icons/diskussion.png) no-repeat;
}

a.barrierefrei {
  background: url(images/icons/barrierefrei.png) no-repeat;
}

a.barrierefrei_bedingt {
  background: url(images/icons/barrierefrei_bedingt.png) no-repeat;
}

/* BO Nachtplaner */

#nachtplaner {
	margin:10px 0;
}

#nachtplaner * {
	line-height:19px;
	vertical-align:middle;
}

/* EO Nachtplaner */

#categories {
	margin:10px 0;
}

/* BO Events */

#events ul li {
	display:block;
	clear:both;
	margin:0.5em 0 0.5em 0;
}

.ev_icon {
	display:block;
	float:left;
	width:30px;
	height:30px;
	padding:0 5px 0 0;
}

.ev_text {}

/* EO Events */

/****************/
/*--- Links ----*/
/****************/

a:link, a:visited, a:hover, a:active {
	color:#234B76;
	text-decoration:none;
}

#search a {
	color:#234B76;
	text-decoration:underline;
	position:relative;
	left:-7px;
}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover  {
	text-decoration:underline;
	color:#000;
	line-height:1.1em;
	display:block;
	padding-bottom:2px;
}

#footer ul li a:active, #footer ul li a:hover  {
	text-decoration:none;
}

#location_nav a {
	color:#000;
	text-decoration:none;
}

#location_nav .act a {
	font-weight:bold;
}

#location_nav a:hover {}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#234B76;
	text-decoration:underline;
}

#content_left a:link, #content_left a:visited, #content_left a:hover, #content_left a:active {
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

#content_left a:hover, #content_left a:active {
	text-decoration:underline;
}

#homelink {
	display:block;
	position:absolute;
	width:550px;
	height:42px;
	left:169px;
	top:45px;
	z-index:100;
}


/*********************/
/* Content-Elements  */
/*********************/

h1 {
	font-weight:bold;
	color:#003E8C;
	font-size:1.8em;
	line-height:1.4em;
	margin-bottom:25px;
}

h2, h3 {
	font-weight:bold;
	font-size:1em;
}

p {
	margin-bottom:1em;
}

p.english {
	color:#666;
}

ul {
	list-style-type:none;
}

#content ul {
	list-style-type:dot;
}

#content .caption {
  display: block;
  width: 200px;
}

.caption {
	font-style: italic;
}

/****************/
/* Forms 	  */
/************/

select, input, textarea { 
	font-size: 99%; /*Safari Fix*/
} 


/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clerasil { display: block; }

.full { width:auto !important; }


/* Suche */

#search_form {
	background-color:#ddd;
	padding:20px;
	width:300px;
}

#search_form h3 {
	float:left;
	margin-right:1em;
}

.search_line {
	padding: 1em 0;
	border-bottom:1px solid #999;
}

.search_head {
	font-weight:normal;
	color:#003E8C;
	font-size:1.6em;
	line-height:1.2em;
	margin-bottom:10px;
}

.search_cats {
	width:300px;
	clear:both;
	padding-top:2em;
}

.search_cats div {
	float:left;
	width:50%;
	margin-bottom:0.5em;
}

a.search_link:link, a.search_link:visited, a.search_link:hover, a.search_link:active {
	text-decoration:underline !important;
}
a.search_link:hover, a.search_link:active {
	text-decoration:none !important;
}

.right, #search_form select { float:right; }

/* Info-Seiten */

body.info {
  background: #E0EAFA;
}

body.info #infobody {
  background: #fff url(images/body_info_bg.gif) left top repeat-y;
}

body.info #body_pre {
	background-color: #E0EAFA;
}

body.info #location_nav {
	/* background-color: #E0EAFA; */
}

body.info #content {
  width: 575px;
  padding: 20px 50px 50px;
}

body.info h2 {
  margin: 0 0 1em 0;
}

body.info #content ul {
  margin: 0 2em 1em;
  padding: 0 2em;
  list-style: circle outside;
}

div.infobox {
	width: 180px; 
    padding: 10px; 
    border: 1px solid silver;
}

div.infobox h2 {
	color: #FF6600;
}

body.info table {
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
}

body.info th {
  background: #003399;
  color: #FFF;
}

body.info td, body.info th {
  padding: 0.25em 0.5em;
}

body.info td {
  border-bottom: 1px solid #CCC;
}

body.info td.noborder {
  border-bottom: 1px solid #FFF;
}

body.info #content img.thumbnail {
  border: 1px solid #666;
}




/* Farbschemata für Städte, Bereiche */

body.hd #body {
	background:#fff url(images/body_hd_bg.gif) left top repeat-y;
}

body.hd, body.hd #body_pre, body.hd #footer {
	background: #82BB70; 
}

body.hd h1 {
	color: #82BB70;
}

body.hd ul#main_navigation a.active {
	background:transparent url(images/tabs.gif) 0px -160px no-repeat;
}

body.hd ul#main_navigation a.active span {
	background:transparent url(images/tabs.gif) right -201px no-repeat;
}




body.ma #body {
	background:#fff url(images/body_ma_bg.gif) left top repeat-y;
}

body.ma, body.ma #body_pre, body.ma #footer {
	background: #E88212;
}

body.ma h1 {
	color: #E88212;
}

body.ma ul#main_navigation a.active {
	background:transparent url(images/tabs.gif) 0px -78px no-repeat;
}

body.ma ul#main_navigation a.active span{
	background:transparent url(images/tabs.gif) right -119px no-repeat;
}





body.lu #body {
	background:#fff url(images/body_lu_bg.gif) left top repeat-y;
}

body.lu, body.lu #body_pre, body.lu #footer {
	background: #006DAD;
}

body.lu h1 {
	color: #006DAD;
}

body.lu ul#main_navigation a.active {
	background:transparent url(images/tabs.gif) 0px -242px no-repeat;
}

body.lu ul#main_navigation a.active span{
	background:transparent url(images/tabs.gif) right -283px no-repeat;
}





body.kids #body {
	background:#fff url(images/body_kids_bg.gif) left top repeat-y;
}

body.kids, body.kids #body_pre, body.kids #footer {
	background: #CC0F48;
}

body.kids h1 {
	color: #CC0F48;
}

body.kids ul#main_navigation a.active {
	background:transparent url(images/tabs.gif) 0px -324px no-repeat;
}

body.kids ul#main_navigation a.active span{
	background:transparent url(images/tabs.gif) right -365px no-repeat;
}




/* Pop-Up Fenster */
body.popup {
  background: #000;
  margin: 0;
  padding-top: 5px;
}

body.popup a {
  color: #999;
  text-align: right;
  text-decoration: none;
  margin-top: 5px;
}

body.popup a img {
  display: block;
  margin-top: 5px;
  clear: left;
}

body.popup h1 {
  font-size: 0.7em;
  float: left;
  margin: 0 0 0 10px;
  color:#FFF;
}

/* Nachtplaner */

body.nachtplaner_popup {
  margin: 0;
  font
}
a.window_close {
	display: block;
    text-align: right;
    line-height: 20px;
    color: #000;
    background: #C1D5E9;
    padding: 0px 1em;
}
div.bodyContent {
	margin: 1em 3em;
}

img#print_logo {
	display: none;
}