/*
Theme Name: Fürst-Pückler-Park Bad Muskau
Theme URI: http://www.muskauer-park.de/
Description: Theme der neuen Website des Fürst-Pückler-Park Bad Muskau
Version: 1.0
Author: Marcel Weber für Kocmoc.net
Author URI: http://www.kocmoc.net/
*/

/*--- Allgemeines --- */

body { margin:0; padding:0; background:#7c191d url('images/bg_red.gif') repeat scroll 50% 50%; }
body, textarea, td, div { color:#414446; font-size:0.93em; font-family: Arial, Helvetica, sans-serif; }
p { padding: 0; margin:20px 0; }
h1, h2, h3 { font-family:Georgia, serif; font-size:1.3em; font-weight:normal; margin:0 0 10px 0; padding:0; }
h2 { font-size:1.6em;  }
h1 { font-size:2em; font-weight:bold; }
h3 { font-size:1.25em; margin:4px 0 2px 0; }
h4 { display:block; font-weight:normal; margin:4px 0 2px 0; font-size:1.2em; }
a, a:hover, a:visited { color:#933; cursor:pointer; text-decoration:none; }
a:hover { color:#000; }
/*a:active { border:none; outline: none; }*/
a.invisible { line-height:0; width:0; height:0; margin:0; padding:0; overflow:hidden; }
img { border:none; margin:0; padding:0; }
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden; }
input, select, textarea { background-color:#fff; font-size:0.95em; border:1px dotted #666; }
input.button, 
.input_button { color:#fff; background-color:#F6AA34; letter-spacing:1px; font-weight:bold; width:auto !important; padding:2px; cursor:pointer; }
textarea { height:60px; }
table { margin:10px 0; width:100%; }
table td { padding:2px 4px; vertical-align:top; background-color:#DFD8B5; }
table tr.second td { background-color:#EFE8C2; }
table thead td { font-weight:bold; padding-bottom:6px; }

.break, 
.break5,
.break10,
.break20,
.break40 { clear:both; line-height:0; width:0; height:0; margin:0; padding:0; overflow:hidden; }
.break5  { height:5px; }
.break10 { height:10px; }
.break20 { height:20px; }
.break25 { height:25px; }
.break40 { height:40px; }

/* -- --- Grundlayout --- -- */

#main { margin:0 auto; width:890px !important; }
#header { height:53px; margin:0 0 14px 49px; }
#torso { float:left; width:640px; padding:0; margin:0 0 0 50px; }
#metanav { float:left; width:200px; overflow:hidden; }
#teaser { clear:both; width:640px; margin:28px 0 0 50px; }
#footer { width:640px; margin:16px 0 16px 50px; }

/* -- Homepage -- */

body#homepage { background:#647b26; background-image:none; text-align:center; }
body#homepage #bg_img_holder { margin:auto; width:100%; height:100%; text-align:center;}
body#homepage #bg_img { display:block; margin:0; position:relative; bottom:0; }
body#homepage .box1,
body#homepage .box2 { position:absolute; z-index:1; width:202px; height:192px; top:220px; left:50%; margin-top:-96px; overflow:hidden; cursor:pointer; background:transparent url('images/homepage_box_bg.png') no-repeat; }
body#homepage .box1 { margin-left:-222px; }
body#homepage .box2 { margin-left:20px; }
body#homepage p { padding:13px 14px; margin:0; font-size:0.82em; line-height:1.65em; text-align:left; }
body#homepage a { color:#414446; }

/* -- Mainnav -- */

#header .entry { width:196px; height:53px; overflow:hidden; float:left; margin-right:27px; }

/* -- Metanav-Bereich -- */

#metanav { padding-top:52px; }
#metanav ul { list-style:none; margin:0; padding:6px 0; }
#metanav li { margin:0; padding:0; }
#metanav li a { display:block; padding-left:25px; color:#edc9cf; }
#metanav li.current_page_item a { cursor:default; background:transparent url('images/metanav_arrow.png') no-repeat; }

/* -- Footer-Bereich -- */

#footer .logo_muskau { float:left; width:217px; height:73px; background:transparent url('images/logo_muskau_red.png') no-repeat; }
#footer .logo_unesco { float:right; width:181px; height:102px; background:transparent url('images/logo_unesco_red.png') no-repeat; }

/* -- Torso-Bereich -- */

#torso .top { position:absolute; z-index:5; width:640px; height:10px; background:transparent url('images/center_top_red.png'); }
#torso #bottom_center,
#torso #bottom_left,
#torso #bottom_right { position:relative; z-index:6; float:left; width:10px; height:12px; bottom:10px; background:transparent url('images/center_bottom_red.png'); }
#torso #bottom_center { width:620px; height:2px; margin-top:10px; background-position:-10px -10px; }
#torso #bottom_right { background-position:-630px 0px; }
#torso .bottom_ie6 { background-image:url('images/center_bottom_red.gif') !important; }
#torso .center { width:640px; height:430px; overflow:hidden; }

/* Subnav */
#torso .subnav { list-style:none; margin:0; padding:0; height:30px; background:#fff; width:205%; overflow:hidden; }
#torso .subnav li { float:left; margin:0; padding:0; height:30px; background:transparent url('images/submenu_bg_red.gif') repeat-x; }
#torso .subnav li a { display:block; height:30px; }
#torso .subnav li.active { background:#fbf7e2 url('images/submenu_active_bg.gif') no-repeat; }
#torso .subnav li.active.first { background-position:-3px 0; border-left:1px solid #DC8D97; }
#torso .subnav li.end { width:50%; }

#torso .subnav li.sep span { display:block; width:0; height:20px; margin-top:2px; border-right:2px dotted #dc8d97; }
#torso .subnav li.inv span { display:block; width:2px; height:20px; margin-top:2px; border:none; }

#torso .subnav li a img { margin:9px 20px }
#torso .subnav li.last a img { margin:9px 21px 9px 20px; }
#torso .subnav_pl li a img { margin:9px 19px }
#torso .subnav_pl li.last a img { margin:9px 18px 9px 17px; }

/* Medianav */
#content #mediamenu { position:relative; /*top:-46px;*/ height:46px; width:100%; overflow:hidden; background-color:#fbf7e2; }
#content #mediamenu .thumb { float:left; min-width:33px; height:33px; margin:4px 7px; cursor:pointer; overflow-y:hidden; border:1px solid #8b8c84; /*background-image:transparent url('images/thumb_empty.gif') no-repeat 50% 50%;*/  }
#content #mediamenu .active { border:2px solid #666; margin:3px 6px; }
#content #mediamenu .active img { opacity:0.4; filter:alpha(opacity=40); }
#content #tooltip { position:absolute; z-index:28; color:#fff; padding:4px 6px; }
#content #tooltip .preview img { max-height:185px; }
#content #tooltip_bg { position:absolute; z-index:27; background-color:#fbf7e2; opacity:0.85; filter:alpha(opacity=85); }

/* Content Mediagallery */
#content { color:#fff; height:400px; overflow:hidden; border:1px solid #dc8d97; border-width:1px 1px 0 1px; background-color:#851523; }
#content object { background-color:#851523; }
#content embed { background-color:#851523; }
#content .mediaitem { width:640; height:400px; }
#content .mediainfotext { color:#222; font-size:1.1em; width:190px; padding-bottom:7px; }
#content .mediainfotext	a { line-height:1.5em; border-bottom:1px dotted #933; }
#content .mediainfotext span.helper { font-weight:bold; color:#5B6F22; }
#content #mediainfo { position:absolute; top:240px; z-index:26; padding:10px 0 14px 12px; min-height:100px; overflow:hidden; }
#content #mediainfo_bg_left,
#content #mediainfo_bg_right { position:absolute; float:left; top:240px; width:0; background-color:#fbf7e2; opacity:0.85; filter:alpha(opacity=85); }
#content #mediainfo_bg_left { z-index:24; min-height:93px; background:transparent url('images/mediainfo_left.png') no-repeat right bottom; }
#content #mediainfo_bg_right { z-index:25; min-height:100px; margin-left:0; width:24px; cursor:pointer; background-color:transparent; }
#content .open { background:transparent url('images/mediainfo_right_open.png') no-repeat; }
#content .closed { background:transparent url('images/mediainfo_right_closed.png') no-repeat; }

/* Content -> Pages (Impressum, Sitemap ...) */
#content.page_content { font-size:1.1em; line-height:1.4em; width:598px; padding:20px; }
#content.page_content h2 { font-size:1.4em; color:#253B59; margin:14px 0 20px 0; }
#content.page_content h3 { font-size:1.25em; color:#253B59; margin:20px 0; }
#content.page_content table td h3,
#content.page_content table td h2 { margin-top:0; }
#content.page_content .sitemap ul { list-style:none; margin:0; padding:0; }
#content.page_content .sitemap li { margin:0; padding:0; }
#content.page_content .sitemap li a { display:block; padding:10px 0; border-bottom:1px solid #fff; }

/* Content Startscreen/Startseite */
#torso .boxes { position:relative; float:left; top:-265px; margin-left:20px; width:178px; height:171px; overflow:hidden; background:transparent url('images/startscreen_box.png') no-repeat; }
#torso .box1 { margin-left:28px; }
#torso .boxes a { display:block; height:164px; }
#torso .boxes h3 { padding:12px 16px 2px 16px; height:40px; font-size:1.4em; font-weight:normal; }
#torso .boxes p { color:#414446; padding:0 16px; margin:12px 0; font-size:1.1em; line-height:1.3em; }
#torso #textfield { position:relative; top:-180px; left:336px; width:286px; color:#fff; font-size:1.03em; }

/* Content Blog */
#torso .blogcontent { float:left; margin:20px 0; padding:0 25px; min-height:400px; border-right:1px dotted #70716d; }
#torso .blogcontent .post { width:380px; overflow-x:hidden; margin-bottom:20px; border-top:1px dotted #70716d; }
#torso .blogcontent	.top_area { width:100%; overflow-x:hidden; cursor:pointer; }
#torso .blogcontent .top_area .tipp { float:left; position:relative; z-index:8; top:-1px; width:40px; height:27px; background:transparent url('images/blog_tipp.gif') no-repeat; }
#torso .blogcontent .top_area .opener,
#torso .blogcontent .top_area .closer	{ float:right; width:37px; height:14px; border:1px dotted #70716d; border-top:none; }
#torso .blogcontent .top_area .opener { background:transparent url('images/blog_open.gif') no-repeat; }
#torso .blogcontent .top_area .closer { background:transparent url('images/blog_close.gif') no-repeat; }
#torso .blogcontent .intro { font-size:1.25em; clear:both; }
#torso .blogcontent .openable { cursor:pointer; }
#torso .blogcontent .complete { font-size:1.25em; }
#torso .blogcontent	.header,
#torso .blogcontent h1,
#torso .blogcontent h2,
#torso .blogcontent h3 { font-size:1.2em; line-height:1.3em; color:#c27400; font-weight:normal; }
#torso .blogcontent h1,
#torso .blogcontent h2,
#torso .blogcontent h3 { margin-top:16px; }
#torso .blogcontent h4 { margin:16px 0 4px 0; }
#torso .blogcontent	.header { float:left; width:286px; padding:12px 4px 4px 0; font-family:Georgia, serif; font-size:1.9em; }
#torso .blogcontent img { max-width:378px; border:1px solid #414446; }
/*#torso .blogcontent .complete img { margin-bottom:20px; }*/
#torso .blogcontent em { display:block; font-size:0.95em; font-style:italic; line-height:1.6em; padding:1px 6px; color:#333; background-color:#DFDDD1; }
#torso .blogcontent a { line-height:1.5em; border-bottom:1px dotted #933; }

#torso .blogteaser	{ float:left; width:158px; overflow:hidden; margin:10px 0 10px 24px; }

#torso .blog_to_top { padding-left:427px; cursor:pointer; }

/* Content Eventsearch */
#eventsearch { width:380px; x-overflow:hidden; }
#eventsearch .selector { float:left; margin:34px 23px 14px 0; cursor:pointer; }
#eventsearch .last { margin-right:0; }
#eventsearch .selector .textblock,
#eventsearch .selector .arrowDown,
#eventsearch .selector .arrowUp { float:left; height:20px; overflow:hidden; background-color:#f6aa34; }
#eventsearch .selector .textblock { width:80px; height:8px; padding:4px 4px 8px 6px; color:#fff; font-weight:bold; border-right:1px dotted #fff; }
#eventsearch .selector .arrowDown { width:20px; background:url('images/eventsearch_arrowdown.gif') no-repeat; }
#eventsearch .selector .arrowUp { width:20px; background:url('images/eventsearch_arrowup.gif') no-repeat; }
#eventsearch .alertinfo { line-height:1.2em; }
#eventsearch .alert { font-size:1.1em; line-height:1.2em; font-weight:bold; color:#B81B2F; }

#eventsearch,
#searchdetails div { font-size:1.05em; }

#searchdetails { line-height:1.8em; }
#searchdetails .searcharea { float:left; width:115px; overflow:hidden; margin:0 20px 20px 0; }
#searchdetails .last { width:110px; margin-right:0; }
#searchdetails input,	
#searchdetails select { width:109px; color:#000; background-color:#fff; margin-bottom:4px; }
#searchdetails input.checkbox { width:12px; margin-left:0; float:left; }
#searchdetails input.dateField { width:88px; }
#searchdetails input.button { color:#fff; background-color:#F6AA34; }
#searchdetails #startsearch { width:100%; padding-bottom:10px; font-weight:bold; font-size:1.4em; }
#searchdetails .text { font-size:1em; }

.events .header .subline { font-size:0.9em; line-height:1em; }

/* Content Newsletter / Pressepakete */
form label,
form label.error { display:block; }
form label.error { font-size:1.1em; font-weight:bold; color:#9D162B; }
form input,
form textarea { width:375px; margin-bottom:10px; }
form textarea { height:100px; }
form input.button { color:#fff; background-color:#F6AA34; }
form ul { list-style:none; margin:0; padding:6px 0; }
form li { margin:0; padding:0; }
form li input { width:10px; padding:0; margin-left:0; }
form div.NL_pressInfo { font-size:1em; }

#torso .blogcontent .pressPack img { margin:0 4px 4px 0; }


/* -- Teaser-Bereich -- */

#teaser .top { height:13px; overflow:hidden; background:transparent url('images/teaser_top_red.png') no-repeat;  }
#teaser .center { padding:0 10px; background:#832123 url('images/teaser_center_red.gif') repeat-y;  }
#teaser .bottom { height:12px; background:transparent url('images/teaser_bottom_red.png') no-repeat;  }
#teaser a.entry { float:left; display:block; width:165px; padding:0 20px; color:#edc9cf; border:2px dotted #b55e64; border-width:0 2px; }
#teaser a.first,
#teaser a.last { border: none; }
#teaser h3 { margin:0; font-size:1.2em; font-weight:normal; }

.blogteaser #teaser { margin:0;}
.blogteaser #teaser .top { display:none; }
.blogteaser #teaser .center { background:none; padding:0; width:158px; }
.blogteaser #teaser .bottom { display:none; }
.blogteaser #teaser .entry { color:#414446; font-size:1.2em; float:none; width:160px; height:auto; padding:10px 0 30px 0; border:1px dotted #414446; border-width:0 0 1px 0; }
.blogteaser #teaser h3 { font-size:1.45em; color:#C27400; }