/***ROOT-TAG***/
body  {margin: 0; padding: 0; height: 100%; width: 100%; 
text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #E8EDF0; color:#4A4A4A;}
/***ELEMENTS (for content_column) ***/
h1, h2, h3 {font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; color:#4A4A4A;}
h1 {font-size: 1.45em; width: 100%; border-bottom: 1px solid #999; font-style: normal;}
h2 {font-size: 1.6em; width: 100%; font-style: normal;}
h3 {font-size: 1.45em; font-weight: bold; font-style: normal; margin-bottom: -1em;}
a:link, a:visited {color: #4A4A4A; font-weight: normal;}
a:active, a:hover, a:focus {color: #D60; text-decoration: overline;}
#credits td {padding-right:15px;}
#summary p {text-align:justify;padding:0px; margin:0px; margin-bottom:8px;}
/***MACROLAYOUT***/
#type_area {padding:0px; margin: 0 auto; border:0px; width: 780px; height: auto; background-color: #fff; text-align: left;}
#header_advertising {float: left; width: 780px; height: auto; background-color: #DDD; border: 0px dotted yellow;}
#header {float: left; text-align: left;  margin: 0; padding: 0; width: 780px; height: auto; background-color: #0E100D; border: 0px dotted lime; background-image: url('img/bg_header_.jpg');}
#subheader {display: block; margin: 0; padding: 0; width: 780px; height: 20px; float: left; text-align: right; background-color: #fff; border: 0px dotted aqua;}
#subheader_2 {display: block; margin: 0; padding: 0 0 0.5em 0; width: 780px; height: auto; float: left; background-color: #FFF; border: 0px dotted blue;}
#wrapper_3_cols {float: left; margin: 0; padding: 0; width: 780px; height: auto; text-align: left; background-color: #FFF; border: 0px dotted red;}
#wrapper_2_cols {height: auto; width: auto; float: left; border-right: 1px solid; background-color: #FFF; border: 0px dotted maroon;}
#menu_column {width: 210px; float: left; height: auto;  margin: 0; padding: 0; border: 0px dotted yellow;font-size: 0.7em; height:640px;}
#content_column {margin: 0; padding: 0 10px 1em; width: 550px; height: auto; float: left; background-color: #FFF; border-right: 0px solid #CCC;font-size: 0.7em;}
#content_column p {line-height:1.4em};
#content_column li {line-height:1.4em};
#content_column img {margin-bottom:10px;}
#cont_navi {margin-bottom:10px; padding:3px; border-bottom:0px solid #4A4A4A; letter-spacing:-0.03em; background-color:#ECECEC; font-size:1em}
#cont_navi a{font-weight:bold;}

#sidebar_column {display: block; width: 164px; margin: 0; padding: 0; height: auto; float: right; background-color: #EEE; font-size: 0.95em; overflow: hidden; border-left: 0px dotted red;}
#footer {width: 780px; height: auto; float: left; background-color: #B2C3CD; text-align: center; border: 0px dotted blue; font-size:0.7em;}
#footer_2 {height:48px; width:100%; background-image:url(img/bg_bottom.gif); background-repeat:no-repeat; padding-top: 10px; color: #4B565C; margin: 0;}
/***END macrolayout***/
/***GLOBAL CLASSES***/
.anzeigen {font-size: 0.85em; color: #777;}
.blind { display: none }
.distance {font-size: 0.35em;}
.extern {display: inline; vertical-align: bottom; margin-right: 0.4em;}
.key {color: #FFF; background-color: #000; border: 2px solid #777; font-weight: bold; font-size: 0.9em; padding: 0 0.15em;}
.off_viewpoint {position: absolute; margin: 0 0 0 -400%}
.quality {margin: 0.15em 0;}
.regie {text-align: center; margin: 0; font-style: italic; font-weight: bold; color: red;}
/***MICROLAYOUT***/
/*HEADER*/
 
#logo {border: 0; float: left;}
#logo a {border: 0; margin: 0; padding: 0;}
#breadcrump {background-color:#5C7A8F; float:none; height:20px; color:#fff; font-size:0.7em; padding-left:6px; padding-top:3px;}
#breadcrump a {color: #FFF;}
#breadcrump a:hover {color: #fff; text-decoration: overline; }
#header_navi {text-align: left; margin: 100px auto 0; z-index: 3; color: #FFF; text-align: center;}
#header_navi a {color: #FFF;}
#header_navi a:hover {color: rgb(202,9,12); text-decoration: none; background-color: #FFF; border-top: 1px solid #FFF;}
#slogan {display: inline; margin: 0.3em; font-size: 0.8em; padding: 5px 12px 5px 9px; width: auto; border: 0px dotted #FFF; float: left;}
#servicenavi {float: right; margin: 0; padding: 0; border: 0px dotted purple;}
#servicenavi img {border: 0;}
#servicenavi a {margin: 0; padding: 1px; background-color: transparent; background-image: none; color: #FFF; text-decoration: none;  font-size: 0.7em;}
#servicenavi a:hover {margin: 0; padding: 1px; background-image: none; text-decoration: underline; }
#servicenavi a:focus {background-color: #EB7; background-image: none;}
#searchbutton {background-color:transparent; border:0px solid black; margin:0px; padding:0px; font-size: 0.7em;text-align:left;  font-weight:bold; color:#fff; text-decoration:none;}
.browsebutton {background-color:transparent; border:0px solid black; margin:0px; padding:0px; text-align:left; font-weight:bold; color:#4A4A4A; text-decoration:none; vertical-align:top;}
.pfeil{vertical-align:bottom; padding-top:8px;}
.pfeil2{vertical-align:bottom; padding-top:7px;}#searchlink {font-weight:bold; padding:5px; text-transform:uppercase;}
#searchlink a {font-weight:bold;}
#searchlink a:hover {font-weight:bold; color: #D60;}
/*SUBHEADERS*/
#subheader form {margin: 0; padding: 0; width: 100%;}
#subheader input#search {width: 120px; background-color: #FFF; color: #000; font-weight: bold;}
#subheader input#searchbutton {font-weight: bold;}
#path {float: left; width: 300px; border: 0px dotted lime;} 
#subheader_2_box {float: right; width: 250px; border: 0px dotted lime;} 
#subheader_2 label {border: 0px dotted lime;}
#navigation {background-color: #fff; padding: 0px; margin: 0px; padding-left:10px}
.navi_topimage {display: block; float: left; margin-top: 0px; padding: 0; border: 0px dotted red;}
.navi_topimage img {border: 0px;}
.navi_topimage a {display: block; padding: 0; border: 0px dotted #00F;}
.navi_topimage a:hover {background-color: transparent; border: 0px dotted #F00;}
.navi_level_1 {display: block; background-color: #fff; float:none; margin: 0px; padding: 0px; font-size: 1.0em; font-style: normal; color: #012E59; width: 185px; text-transform:uppercase; border:0px;}
.navi_level_1 a:link, .navi_level_1 a:visited {display: block; width: 170px; background-color: #fff; float:none; margin-top: 1px;color: #003758; font-style: normal; font-weight:bold; font-family: Verdana,Arial, Helvetica, sans-serif; text-decoration: none; padding: 3px 0px 2px 15px; border-bottom: 0px solid #FDB; margin: 0; background-image: url(img/pfeil.gif); background-repeat: no-repeat; background-position:  5px 6px; }
.navi_level_1 a:hover, .navi_level_1 a:focus, .navi_level_1 a:active {color: #D60; text-decoration: none; background-image: url(img/pfeil.gif); width: 170px; background-repeat: no-repeat; background-position: 5px 6px; background-color: #FFF;}
.navi_level_2 {display: block;  font-family: Arial, sans-serif;}
.navi_level_2 a, .navi_level_2 a:visited, .navi_level_2 a:hover { display: block; width: 164px; text-decoration: none; padding: 0px 0px 2px 21px; border: 0; margin: 0; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.95em; background-color: #FFF; font-weight: bold; border-bottom: 1px solid  #FFF; color:#012E59; background-image: url(img/pfeil2.gif); background-repeat: no-repeat; background-position: 14px 4px;}
.navi_level_2 a:hover, .navi_level_2 a:active, .navi_level_2 a:focus {display: block; color: #D60; background-color: #FFF; background-image: url(img/pfeil2.gif); background-repeat: no-repeat; background-position: 14px 4px;}
.menu_bar {display: block; float: left; width: 185px; height: auto; margin: 0; padding: 1em 0 1em 0; background-color: #FFF3E6; border: 0px dotted #000; bottom:0px;}
.menu_bar h1 {font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; font-weight: bold; font-style: normal; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #33335C; padding-left: 15px; width: 170px; color: #FFF;}
.menu_bar p {margin-left: 15px; padding: 0; width: auto; font-size: 0.95em;}
/*MENU*/
/*CONTENT*/
#content_spacer {display: block; float: left; margin: 0px; padding: 0px; width: 426px; height: 1px;}
/*SIDEBAR*/
.sidebar_box {width: 164px; height: auto; margin: 0; border-bottom: 3px solid rgb(241,246,250); background-color: #FFF; border: 0px dotted green;}
.sidebar_box h1 {width: 164px; margin: 0; height: 1.45em; padding-top: 2px; width: auto; color: #333; text-transform: uppercase; text-align: center; background-color: rgb(245,246,241); font-size: 1em; border: 0; background-image: url();}
.sidebar_box img {display: block; margin: 0; padding: 0; border: 0;}
.sidebar_box_text {width: auto; height: auto; margin: 8px 4px 10px 10px; font-size: 1em;}
.sidebar_box_text a {}
.sidebar_box_text ul {width: auto; margin: 0; padding: 0;}
.sidebar_box_text li {list-style: outside; list-style-image: url(http://www.medienhaus-bielefeld.de/img/li_red.gif); list-style-position: outside; vertical-align: bottom; margin: 0 0 0.7em 1.0em; padding: 0;}
.sidebar_box a:hover {background-color: #FFF;}
/*ENGEl*/
#engel {background-color:#FDF8E5; color:#77726E; font-size:0.6em; padding:5px 0px 10px 18px; width:185px; margin:0px; height:575px;}
#main_engel {padding:0px; margin:0px; height:auto; font-size:0.6em; background-color:#FDF8E5; height:575px; }
#main_engel_l {background-color:#FDF8E5; color:#77726E; float:left; padding:5px 0px 10px 0px; margin:0px; width:210px;  height:575px;  }
#main_engel_r {background-color:#FDF8E5; color:#A96500; float:left;padding:5px 20px 10px 18px; margin:0px; width:532px; height:575px; overflow:visible;}
#imagecontainer {display: block; float: left; height: auto; width: auto; margin: -280px  0 0 -190px; border: 1px dotted red;}
#imagecontainer img {position: absolute;}/*ADVERTISING*/
/*FOOTER*/