/*
Theme Name: Medienhaus
Theme URI: http://www.medienhaus-berlin.de/
Description: The default WordPress theme for Medienhaus.
Version: 1.0
Author: Tiffany Conroy, klug newmedia
Author URI: http://www.klug-newmedia.de/
Tags: 
Text Domain: medienhaus
*/
body { margin: 50px 0px; padding: 0px; background: #fff; font-family: Verdana, Helvetica, sans-serif; text-align: center;
	scrollbar-3dlight-color:#ccc;
	scrollbar-arrow-color:#C00;
	scrollbar-base-color:#FFF;
	scrollbar-darkshadow-color: #999;
	scrollbar-face-color:#ccc;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#FFF;
}

a { text-decoration: none; display: block; color: #000; font-weight: bold; }
a:hover { color: #C00; }
b,strong{ font-weight: bold;}
i,em{ font-style: italic;}
form{ display: inline; }
h1 { margin-top: 15px; margin-bottom: 0px; display: block; color: #C00; font-size: 10px; font-weight: bold;  }
h2 { margin-top: 5px; color: #666; font-size: 13px; font-weight: bold;}

div#body{ border: 1px solid #999; width:758px; min-height: 257px; margin:0px auto; text-align:left; position: relative; }
div#clock { color: #666; font-size: 10px; position: absolute; top: 35px; left: 15px; }
div#nav { width: 174px; position: absolute; left: 15px; top: 60px; height: 437px; }
div#image { width: 320px; padding: 0px; border: 0px; position: absolute; top: 61px; left: 189px; height: 180px;  }
div#c1 { position:relative; padding-bottom: 15px; margin-bottom: 15px; }
div#c2 { /* overflow:hidden; */ position:absolute; /* overflow-x: hidden; */ }
div#c3 { overflow:hidden; position:absolute; overflow-x: hidden; }

div#content1 { min-height: 257px; background: #fff url(images/bg_cols.gif)  no-repeat; padding-bottom: 223px; }
div#content2 { min-height: 257px; background: #fff url(images/bg_rows1.gif) no-repeat; padding-bottom: 223px; }
div#content2a{ min-height: 237px; background: #fff url(images/bg_rows2.gif) no-repeat; padding-bottom: 261px; }
div#content3 { min-height: 495px; background: #fff url(images/bg_full.gif)  no-repeat; padding-bottom: 61px; }
div#content4 { min-height: 495px; background: #fff url(images/bg_full.gif)  no-repeat; padding-bottom: 61px; }

div#content1  div#c1{ overflow:auto; left: 189px; top:241px; width: 305px; min-height: 220px;}
div#content1  div#c2{ left: 509px; top:61px; width: 240px; min-height: 438px; }
div#content2  div#c1{ overflow:auto; left: 189px; top:241px; width: 565px; min-height: 220px; }
div#content2  div#c2{ left: 509px; top:61px; width: 240px; height: 180px; }
div#content2a div#c1{ overflow:auto; left: 189px; top:261px; width: 565px; min-height: 220px; }
div#content2a div#c2{ left: 509px; top:61px; width: 240px; height: 200px; }
div#content3  div#c1{ overflow:auto; left: 189px; top:61px; width: 565px; min-height: 430px; }
div#content4  div#c1{ overflow:auto; left: 189px; top:61px; width: 369px; min-height: 430px;  }
div#content4  div#c2{ overflow:hidden; left: 570px; top:61px; width: 180px; min-height: 420px; }

div#content3 div#image, div#content3 div#c2, div#content4 div#image { display: none; }

div#content1 div#c1.child-of-5, div#content2 div#c1.child-of-289 { min-height: 290px; }

div#c1 table { margin: 15px 20px 0px 35px; }
div#c1 h1 { margin: 15px 20px 0px 35px; padding: 0; }
div#c1 h2, div#c1 p, div#c1 span.hr, div#c1 p.hr { margin: 5px 20px 0px 35px; padding: 0px; }
div#c2 h1 { margin: 5px 10px 0px 20px; padding: 0px; }
div#c2 h2, div#c2 p, div#c2 span.hr, div#c2 p.hr { margin: 5px 10px 0px 20px; padding: 0px; }
/* div#content3 h1 { margin: 15px 10px 0px 35px; padding: 0px; color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase; } */

div#content4 div#c2 ul, div#content4 div#c2 li { margin: 0; padding: 0; }
div#content4 div#c2 h2 { margin-top: 30px; }
div#content4 div#c2 h1,
div#content4 div#c2 h2, div#content4 div#c2 p, div#content4 div#c2 span.hr { margin-left: 0; margin-bottom: 10px; }

div#content4 div#c2 { padding-top: 15px; }

b.text { padding-bottom: 2px; display: block; color: #333; font-size: 10px; line-height: 15px; }

/* inline */
a.inline, a.partner { border-bottom: none; color: #666; padding-left: 15px; font-size: 10px; font-weight: bold; display: inline; background: url( images/_link.gif ) no-repeat; background-position: 0px 2px;}
a.inline:visited { color: #666; }
a.inline:hover,  a.partner:hover  { color: #C00; }
a.inline:active, a.partner:active { color: #C00; }

/* difference from inline */
a.partner { display: block; padding: 5px 0 5px 15px; background-position: 0px 7px; }
a.partner:hover { background-color: #eee; color: #C00; }

div#content4 div#c2 a.inline { display: block; }
div#content4 div#c2 a.inline:visited  { color: #999; }
div#content4 div#c2 a.inline:hover  { color: #C00; }
a.current_post, div#content4 div#c2 a.current_post:visited { border-bottom: none; color: #C00; }

/* pdf */
a.pdf { border-bottom: none; color: #666; padding: 3px 0px 3px 19px; font-size: 10px; font-weight: bold; display: inline; background: url( images/icon_pdf.gif ) no-repeat; }
a.pdf:visited  { color: #666; }
a.pdf:hover { color: #C00; }
a.pdf:active { color: #C00; }

div.toggler{ background-color: #D7D7E1; padding:3px; margin-top:0px;}
a.toggler{ border-bottom: none; color: #666; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #D7D7E1; padding: 3px; padding-left: 5px; padding-right: 5px; float: left; line-height: 14px; }
a.toggler:visited  { color: #666; }
a.toggler:hover { border-bottom: none; color: #C00; }
a.toggler:active { color: #336;;  background-color: #fff; }

img { border: 0px; }
img#logo { width: 213px; position: absolute; top: 18px; left: 244px; height: 36px; }
img.left { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }
img.small{ width: 160px; height: 180px; }
img.li { width: 15px; height: 7px; }
img.lvl2arr { float:left; margin-top:3px; margin-right: 3px; margin-left: 2px;}
img.lvl3arr { float:left; margin-top:5px; margin-right: 7px; margin-left: 14px;}
img.nav { width: 15px; height: 8px; }
img.pic { width: 320px; height: 180px; }
img.teaser { border: 1px solid #999; margin-top: 5px; margin-bottom: 0px; }
img#medienhaus_link { position: absolute; top: 25px; left: 530px; width: 206px; height: 28px; }

p.text { color: #333; font-size: 10px; line-height: 15px; }
p { color: #333; font-size: 10px; line-height: 15px; }
p.intro { color: #666; font-size: 10px; font-weight: bold; line-height: 15px; }
p.date { color: #666; font-size: 10px; font-weight: bold; line-height: 15px; }
p.hr   { background-color: transparent; background-image: url(images/bg_line.gif); font-size: 1px; height: 8px; clear:both; }
p.hrs  { line-height: 1px; margin: 4px 0px 4px 0px !important; padding: 0px; background-color: transparent; background-image: url(images/hr_klein.gif); background-repeat: repeat-x; font-size: 1px; height: 1px; }
p.hrs_partner  { background-color: transparent; background-image: url( images/hr_klein.gif); background-repeat: repeat-x;  margin-top:0 !important; }
p.first  { margin-top:5px !important; }

span.nobr{ white-space: nowrap ;}
span.teaserlink { display: block; }
span.teasertext { display: block; color: #666; font-size: 10px; }
span.date { color: #999; font-size: 10px; font-weight: normal; padding: 0 0 5px 15px ; display: block; }

p.ul{ padding-bottom: 15px; display: block; color: #666; font-size: 10px; font-weight:bold; }


table { color: #333; font-size: 10px; line-height: 15px; }
table td { vertical-align: top; }
table.inline{	margin: 15px 15px 0px 35px; }

table.c1{ margin-left: 20px; }
table.c1 td{ font-size: 10px; vertical-align: top; padding: 2px 0px 2px 0px; }

table td, table th{ padding: 2px 2px 2px 0; }
table th {	text-align: left; font-weight: bold; color: #333; }
table ul{ margin: 5px 0px 0px 15px; padding: 0px; }
table li{ list-style-image: url(images/nav_li_0.gif); line-height: 100%; margin: 5px 0px 0px 10px; padding: 0px; }

table.formats{	margin: 15px 15px 0px 20px; }
table.formats th {background-color: #c0c0d1; }
table.formats td {background-color: #d9d9d9; border-bottom: 5px solid #EBEBF0; vertical-align:top; }

td.ka1 { padding: 5px;	background-color: #eee; color: #666; font-weight: bold }
td.ka2 { padding: 5px;	background-color: #EBEBF0; }
td.ka3 { padding: 5px;	background-color: #eee; }

td.ku1, td.pa1 { background-color: #EBEBF0; color: #666; font-weight: bold }
td.ku2, td.pa2 { background-color: #eee; border-bottom: 5px solid #fff; }
td.ku2 img { padding: 5px; }

.news { margin: 10px 0px 0px 35px; }
.news th{ padding: 2px 2px 5px 2px; color: #666; }
.news td{ vertical-align: top; padding: 2px; border-bottom: 1px dotted #999; }
.news td.date { font-weight: bold; width: 75px;  color: #999;  }
.news td.text{ width: 415px; }

.persons, table.contact{ margin: 0px 0px 0px 20px !important; }
.persons td, table.contact td{ padding: 20px 0px 0px 20px; vertical-align: top; }
.persons b,  table.contact b{ display: block; }
#c1 .persons p, #c1 table.contact p{ margin-left: 0; }
table.contact img { padding: 0; }

.form{ margin-left: 20px; }
.form td { font-size: 10px; vertical-align: top; }
td.input{padding-left: 10px; }

table.toggler{ margin: 0px; width: 100%; background-color: #D7D7E1;}
table.toggler td{ padding: 0px;  }
table.toggler td#togglerImage{ background-color: #f90; }
table.toggler td#togglerText{ background-color: #EBEBF0; padding: 5px; }
div#togglerText{ position: absolute; top: 70px; left: 340px; color: #333; font-size: 10px; line-height: 15px; width: 200px; }

/* toggler in news */
div#content4 div#c2 table.toggler { width: 160px !important; }
div#content4 div#c1 table.toggler table { margin: 0 !important; }
div#content4 div#c1 table.toggler{ width: 325px !important; margin-right: 0 !important; }
div#content4 div#c1 #togglerImage img { display: block; margin: 0 auto; }
div#content4 div#c1 #togglerImage img { display: block; margin: 0 auto; }

/* form old */
input.text, textarea.text, input.submit{ font-family: Verdana, Helvetica, sans-serif; font-size:10px; border: 1px #999 solid; width: 135px; height: 100%; }
textarea.text{ height: 30px; }
input.submit{ border: none; background: url( images/_link.gif ) no-repeat; padding-left: 10px; background-color: transparent; color: #336; font-weight: bold; width: 60px; background-position: 0px 3px;}
input.submit:hover, input.submit:active { color: #c00; cursor: pointer; }

/* form new */
.form input, .form textarea { font-family: Verdana, Helvetica, sans-serif; font-size:10px; border: 1px #999 solid; width: 135px; height: 100%; }
.form textarea { height: 24px; }
.form .submit input { border: none; background: url( images/_link.gif ) no-repeat; padding-left: 10px; background-color: transparent; color: #336; font-weight: bold; width: 60px; background-position: 0px 3px;}
.form .submit input:hover, .form .submit input:active { color: #c00; cursor: pointer; }

/* form response */
/* .wpcf7 { background-color: #ecebf0; } */
.wpcf7-response-output{ font-size: 10px; margin: 0 -9px 0 0 !important; background-color: #ecebf0; padding: 20px !important; border-width: 0 !important; }
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax { font-size: 10px !important; }

td span.hrs { clear: both; display: block; margin: 2px 0px 2px 0px; line-height: 1px; background-color: transparent; background-image: url(/html/img/hr_klein.gif); background-repeat: repeat-x; font-size: 1px; height: 1px; }
td span.text{}

/* navigation */
#nav ul { padding: 0px; padding-top: 5px; }
#nav ul { list-style-type: none; margin: 0; font-size: 10px; font-weight: bold; }
#nav ul ul { background-color: #ccc; padding-top: 0px; }
#nav ul li { }
#nav ul ul li { padding: 0; margin: 0; }
#nav ul ul ul li { padding-left: 10px;}
#nav ul a {  color: #333; margin: 5px 0; padding: 5px 0 5px 15px; background: url(images/_link.gif) no-repeat 0 7px; }
#nav ul a:hover {  color: #fff; }
#nav ul ul a { color: #336; text-transform: none; margin: 0; padding-top: 2px; padding-bottom: 2px; background-image: url(images/nav_li_0.gif); background-position: 0 6px; }  /* level 2 */
#nav ul ul a:hover { color: #C00; }  /* level 2 */

#nav .current_page_ancestor, #nav .current_page_item { background: url(images/bg_lvl1.jpg) no-repeat; }
#nav .current_page_ancestor a, #nav .current_page_item a { color: #fff; background-image: url(images/_link_1.gif); text-transform: uppercase; }

#nav .current_page_item ul li,
#nav .current_page_ancestor ul li { background: none; }
#nav .current_page_ancestor ul ul li { }

#nav .current_page_ancestor a, #nav .current_page_item a { color: #fff; margin-bottom: 0; }

#nav .current_page_ancestor ul a,
#nav .current_page_item ul a { color: #333; background-image: url(images/nav_li_0.gif); text-transform: none; } /* level 2 */
#nav .current_page_ancestor .current_page_item a { font-weight: bold; color: #C00; background-image: url(images/nav_li_1.gif); }
#nav .current_page_ancestor .current_page_item ul a { font-weight: normal; color: #333; background-image: url(images/nav_li_0.gif); }
#nav .current_page_ancestor .current_page_item ul a:hover { color: #C00; }  /* level 3 */
#nav .current_page_ancestor .current_page_ancestor a { font-weight: normal; }
#nav .current_page_ancestor .current_page_ancestor .current_page_item a { font-weight: bold; }

#nav  ul ul,
#nav .current_page_item ul ul,
#nav .current_page_ancestor ul ul,
#nav .current_page_ancestor .current_page_item ul ul,
#nav .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
}

#nav .current_page_item ul,
#nav .current_page_ancestor ul,
#nav .current_page_ancestor .current_page_item ul,
#nav .current_page_ancestor .current_page_ancestor ul,
#nav .current_page_ancestor .current_page_ancestor .current_page_item ul,
#nav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
}

/* for news */
#nav .current_page_parent { background: url(images/bg_lvl1.jpg) no-repeat; }
#nav .current_page_parent a { color: #fff; background-image: url(images/_link_1.gif); }
#nav .page-item-9 ul { display: none; }

/* for library */
#nav li.page-item-289 a { background-image: url(images/nav_arrow_0.gif); background-position: 3px 6px; }
#nav li.page-item-289.current_page_item a,
#nav li.page-item-289.current_page_parent a { background-image: url(images/nav_arrow_1.gif); }
#nav li.page-item-289.current_page_item li a,
#nav li.page-item-289.current_page_parent li a { background-image: url(images/nav_li_0.gif); background-position: 0 6px; }
#nav li.page-item-289.current_page_parent li.current_page_item a { background-image: url(images/nav_li_1.gif); }


/* for child-pages list */
ul.child-pages { padding: 0px; padding-top: 5px; margin: 5px 10px 0px 20px; }
ul.child-pages { list-style-type: none; font-size: 10px; font-weight: bold; }
ul.child-pages li { padding: 0; margin: 0; background: url( images/_link.gif ) no-repeat; background-position: 0px 2px; }
ul.child-pages ul li { padding-left: 10px;}
ul.child-pages a {  color: #5C5C85; margin: 5px 0; padding: 0 0 0 15px; }
ul.child-pages a:hover { color: #C00; }

/* for images */
img.alignnone { padding: 0 5px 5px 0; vertical-align:top; }
img.alignleft { padding: 0 5px 5px 0; float: left; }
img.aligncenter { margin: 5px auto; display: block; }
img.alignright { padding: 0 0 5px 5px; float: right; }
a.alignleft { float: left; } a.alignright { float: right; }

/* for editing */
.post-edit-link {
  color: #5C5C85; font-size: 10px; font-weight: bold; display: inline; background: url( images/_link.gif ) no-repeat; background-position: 5px 5px;
  position: fixed; top: 50px; right: 0; padding: 4px 10px 4px 20px; display: block; background-color: #fff;
  text-transform: uppercase; filter: alpha(opacity=50); opacity: .5;
}
.post-edit-link:hover { color: #c00; filter: alpha(opacity=100); opacity: 1; }