/*
Theme Name: Die Landesflüchtlingsräte
Author: Tim Portner
Author URI: http://www.timportner.de
*/


@import "css/reset.css";
@import "css/tools.css";


/* base
------------------------------------------------------------------ */
html { background: #e6f1f8 url(images/bg_html.png) top left repeat-x; text-align:center; overflow-y: scroll; }


/* container
------------------------------------------------------------------ */
#page { width:992px; text-align:left; margin: 20px auto 0 auto; display: block; position: relative; }
#contentbox { background: url(images/bg_contentbox.png) repeat-y;  min-height: 500px; padding: 0 16px; padding-top: 40px; }


/* div#content
------------------------------------------------------------------ */
#content { padding: 0 20px 20px 20px; width: 690px; float: right; margin: -25px 0 0 0; }
.fullview { width: 920px!important; }

.map { width: 616px; margin: 15px 0 0 152px;}

ul.materialien_left { float: left; width: 300px; }
ul.materialien_left { float: right; width: 300px; }

#breadcrumb { border-bottom: 1px dotted #cfcfcf; color: #a1a1a1; margin: 0 0 20px 0; padding: 0 0 5px 0; }
#breadcrumb a { color: #a1a1a1; }

#content ul, #content ol { margin: 10px 0 10px 0; padding-left:10px; }
#content ol li,#content ul li { margin: 0 0 10px 20px; }
#content ul li { list-style: disc; }
#content ol li { list-style: decimal; }

#content p.edit { text-align: right; }
#content p.edit a { background: url(images/pencil.png) left center no-repeat; padding: 0 0 0 20px;  }

#content form#kontakt { width: 460px; margin: 20px 0; }
#content form#kontakt label { float: left; width: 120px; display:block; }
#content form#kontakt input { background: #f5f5f9; border: 1px solid #b3b3c9; padding: 5px; width: 218px; color: #777777; }
#content form#kontakt .email { display:none }
#content form#kontakt textarea {  background: #f5f5f9; border: 1px solid #b3b3c9; padding: 5px; width: 448px; color: #777777; }
#content form#kontakt .error { border-bottom: 1px solid #d42a2a!important; background: #f7c0c0; }
#content form#kontakt .req { font-weight: 700; }
#content form#kontakt .button { background: #349acf; width: 80px; float: right; border: 1px solid #b3b3c9; color: #fff; font-weight: 700; height: 24px; padding: 0; }
#content form#kontakt .button:focus { color: #fff; }

/* Materialien */
#content div#filter { background: url(images/bg_filter.png) no-repeat; width: 690px; height: 67px; position: relative; border-bottom: 1px solid #b8daec; }
#content div#filter p.timeperiodfilter { position: absolute; left: 65px; top: 0px; }
#content div#filter p.referencelocationfilter { position: absolute; left: 260px; top: 0px; }
#content div#filter p.keywordsearchfilter { position: absolute; left: 490px; top: 0px; }
#content div#filter p label { color: #000; display: block; font-weight: 700; }
#content div#filter p input#s, #content div#filter p select { border-top: 1px solid #cecece; border-left: 1px solid #cecece; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae; padding: 2px; }
#content div#filter p input#s { background: #fff url(images/bg_search_filter.png) right center no-repeat; padding: 3px; }
#content div#filter p select#c { width: 200px; }
#content div#filter p select#f { width: 170px; }

#content table#list { width: 100%; border-left: 1px solid #E7E7E7; margin: 15px 0; }
#content table#list td { border-bottom: 1px solid #E7E7E7; padding: 2px 5px; vertical-align: top; }
#content table#list td.head { background: url(images/bg_th.png) repeat-x; padding: 1px 5px; border: none; }
#content table#list tr.post td { font-size: 12px; border-right: 1px solid #E7E7E7;  }
#content table#list td.post_date { color: #349acf; font-weight: 700; width: 50px; }
#content table#list td.post_title { color: #000; }
#content table#list td.post_title p { padding: 3px 0 0 0; }
#content table#list td.post_title span { font-weight: 700; }
#content table#list td.post_federal { color: #848484; width: 100px; }
#content table#list tr.alt td { background: #ebf2f6; }

#content table#list td.post_link { width: 60px; text-align: right; }
#content table#list td.post_link a { color:#828282; text-decoration: none; }
#content table#list td.post_link a span { border-bottom: 1px dotted #828282; }
#content table#list td.post_link a:hover { color: #f9b200; }
#content table#list td.post_link a.Link, #content table#list td.post_link a.attachment { padding-left: 20px; background: url(images/icon_link.gif) left center no-repeat;  }
#content table#list td.post_link a.PDF { padding-left: 20px; background: url(images/icon_pdf.gif) left center no-repeat; }

/* Eventkalender */
#content .bg_calendar { border: 1px solid #e8ebec; padding: 1px; margin: 15px 0 0 0; }
#content .ajax_calendar { background: #fafafa; min-height:255px; }
#content .ajax_calendar .table { padding: 10px 0 0 0;border-top: 1px solid #fff;}
#content .ajax_calendar .table table { width: 100%; }
#content .ajax_calendar .table table td { padding:4px 7px; border-bottom: 1px solid #e8ebec; text-align: center; vertical-align: middle; }
#content .ajax_calendar .table table thead td { font-weight: 700;}
#content .ajax_calendar .table table td span { margin: 0 auto; border:1px solid #f3f5f5; display:block; line-height:20px; width:20px; }
#content .ajax_calendar .table table td.today span { border:1px solid #6f820e!important; }
#content .ajax_calendar .table table td.event span { background:#349acf; border:1px solid #349acf; color:#fff; }
#content .ajax_calendar .table table td.old_event span { background:#e8ebec; border:1px solid #c0c5c8; }
#content .ajax_calendar .table table td span a { color:#fff; text-decoration:none; }
#content .ajax_calendar table.month_nav { width: 100%; height:30px; border-bottom: 1px solid #c0c5c8; background: #e6e5e4;line-height:30px; font-weight: 700; }
#content .ajax_calendar table.month_nav td { vertical-align: middle; }
#content .ajax_calendar table.month_nav .center { text-align: center; }
#content .ajax_calendar table.month_nav span a { height:30px; line-height:30px; }
#content .ajax_calendar table.month_nav span.prev a { float: left; margin: 0 0 0 20px; padding: 0 0 0 15px; background: url(images/bg_li_li_left.png) left center no-repeat;}
#content .ajax_calendar table.month_nav span.next a { float: right; margin: 0 20px 0 0; padding: 0 15px 0 0; background: url(images/bg_li_li.png) right center no-repeat;}
#content .ajax_calendar .itemlist { margin: 20px 0 0 0; padding: 0 20px 20px 20px; border-top: 3px solid #c0c5c8; background: #e8ebec; }
#content .ajax_calendar .itemlist span.initial { display: block; font-weight: 700; margin: 20px 0 0 0; border-bottom: 1px dashed #fff; }
#content .ajax_calendar .itemlist a { margin: 3px 0; display: inline-block;padding: 0 0 0 10px; background: url(images/bg_li_li.png) left center no-repeat; }
#content .ajax_calendar .ajaxcontent { display: none; margin: 20px 0 -20px 0; padding: 20px; border-top: 3px solid #c0c5c8; background: #fff; }
div.load { background: #fff url(images/loading.gif) center center no-repeat!important; }
div.load * { display: none }
div.loader { background: #e8ebec url(images/ajax-loader.gif) 340px 10px no-repeat!important; }

/* Paging Blog */
div.wp-pagenavi { padding: 10px 0 10px 0; margin: 5px 0 0 0; width: 450px; float: right; text-align: right; }
div.wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #349acf; }
div.wp-pagenavi span { position: static!important; display: inline!important; }
div.wp-pagenavi span.pages { padding: 4px 6px 4px 6px; margin: 2px 2px 2px 0; }
div.wp-pagenavi span.current, div.wp-pagenavi a:hover { border: 1px solid #349acf; padding: 4px 6px 4px 6px; margin: 2px; color: #fff; background-color: #349acf; }


/* div#header
------------------------------------------------------------------ */
#header { width:992px; background: url(images/bg_header.png) top left no-repeat; height:200px; height: 118px; }

#header a#logo {position:absolute; top:55px; left: 36px; }

#header form#searchform { display: none;  background: url(images/bg_search.png) no-repeat; height: 26px; width: 229px; display: block; position: absolute; top:65px; right: 36px; }
#header form#searchform input { border: none; background: none; }
#header form#searchform input#s { padding: 0 6px; line-height: 1.1em; width: 191px; float: left; color: #808690; font-size: 13px; }
#header form#searchform input.send { height: 26px; width: 26px; float: right; cursor: pointer; }

#header #header-menu {position:absolute; top:2px; right: 16px; }
#header #header-menu li { float: left; }
#header #header-menu li#menu-item-40 a { background: none!important; }
#header #header-menu li a { color: #fff; text-decoration: none; padding: 0 15px; font-size: 13px; display: block; line-height: 33px; height: 33px; background: url(images/bg_topnav_li_a.png) 0 0 no-repeat; }
#header #header-menu li a:hover  { text-decoration: underline; }
#header #header-menu li.current_page_item { font-weight: 700; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:117px; left: 16px; }
#nav ul li { float: left; background: url(images/bg_nav_li.png) right top no-repeat; height: 45px; }
#nav ul li a { text-shadow: 1px 1px 1px #cfcfcf; margin: 0 2px 0 0; text-decoration: none; color: #5c5c5c; line-height: 45px; height: 45px; display: block; padding: 0 20px; font-size: 16px; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul li.current_page_item a,#nav ul li.current-page-ancestor a { text-shadow: 1px 1px 1px #126997; text-decoration: none!important; color: #fff; background: url(images/bg_nav_li_a_hover.png) 0 0 repeat-x; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar_right, #sidebar_left { width: 230px; float: left; display: block; margin: -38px 0 0 0;  }

#sidebar_right h3.sidenav_h3, #sidebar_left h3.sidenav_h3 { margin: 0; border-bottom: 1px dotted #cfcfcf; font-size: 18px; display: block; background: #c0c0c0; color: #fff; border-top: 3px solid #a4a39e; text-shadow: 1px 1px 1px #696969; }
#sidebar_right h3, #sidebar_left h3, #sidebar_left p, #sidebar_right p { padding: 8px 20px; }

#sidebar_left ul ul { display: none; background: #f3f9fc; }
#sidebar_left ul li a { text-decoration: none; height: 35px; line-height: 35px; padding: 0 10px 0 20px; white-space: nowrap; display: block; color: #606060; border-bottom: 1px dotted #cfcfcf; } 
#sidebar_left ul ul li a { padding: 0 10px 0 35px; height: 30px; line-height: 30px; color: #2b88b9; font-size: 13px; background-image: url(images/bg_sidebar_ul_ul_li.png); background-position: 25px center; background-repeat: no-repeat; }

#sidebar_left ul li a:hover { background-color: #e6f3f9; }
#sidebar_left ul li.current_page_item a, #sidebar_left ul li.current-cat a, #sidebar_left ul li.current-cat-parent a { font-weight: 700; }
#sidebar_left ul li.current_page_item ul a, #sidebar_left ul li.current-cat ul a, #sidebar_left ul li.current-cat-parent ul a {font-weight: normal; }
#sidebar_left ul ul li.current_page_item a, #sidebar_left ul ul li.current-cat a, #sidebar_left ul ul li.current-cat-parent a {font-weight: 700; }

#sidebar_left ul li.current-cat ul, #sidebar_left ul li.current_page_item ul, #sidebar_left ul li.current-page-ancestor ul, #sidebar_left ul li.current-cat-parent ul{ display: block; }

#sidebar_left div.item { padding: 10px 0; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #efefef; }
#sidebar_left div.item span.date { color: #a0a0a0; display: block; border-bottom: 1px solid #ececec; margin: 0 20px; background: url(images/cal.png) left center no-repeat; padding-left: 15px; }
#sidebar_left div.item span.headline { color: #606060; display: block; font-weight: 700; margin: 0 20px; padding: 5px 0; }
#sidebar_left div.item span.link { display: block; margin: 0 20px; }

div.wpm_login div.upadtemessage { color: red; }
#wpm {padding: 8px 20px;}

/* Login */
#upload {padding: 10px 0 0 0; }
#upload a { background: url(images/bg_nav_li_a_hover.png) 0 0 repeat-x; font-weight: 700; height: 30px; display: block; padding: 2px 20px; color: #fff; line-height: 30px; }
#upload a:hover {  }

form#uploadform { text-align: left; margin-top: -15px; background: #ebebeb; padding-bottom: 5px; }
form#uploadform h3 { background: #9f9f9f; color: #fff; padding: 5px 10px; font-weight: 700; margin-bottom: 5px; }
form#uploadform p { padding: 5px 10px; }
form#uploadform p label { display:block; width: 70px; float: left; font-weight: 700; }
form#uploadform p label.error { color: red; }

/* Downloads */
#content ul.downloadfiles { margin: 20px 0 0 0; padding: 0px; border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; width: 690px;}
#content ul.downloadfiles li { margin: 0 0 5px 0; padding: 0px; list-style: none; }

#content ul.downloadfiles li { position: relative; bheight: 30px; width: 690px; border-bottom: 1px solid #c6c6c6; }
#content ul.downloadfiles li:hover { background-position: left top; }

#content ul.downloadfiles li a.dl { line-height: 24px; height: 24px; padding: 3px 0 3px 30px; width: 660px; display: block; }
#content ul.downloadfiles li a.dl span.icon { background-position: left bottom; height: 12px; line-height: 12px; width: 30px; display: inline-block; position: absolute; top: 8px; left: 10px; background-repeat: no-repeat; }

#content ul.downloadfiles li a.delete { position: absolute; top: 4px; right: 30px; z-index: 10; }


/* div#footer
------------------------------------------------------------------ */
#footer { text-align: center; }
#footer div.bg { width: 992px; background: url(images/bg_footer.png) 0 0 no-repeat; margin: 0 auto; height: 85px; text-align: left; position: relative; }

#footer p.copy { font-size: 12px; color: #808690; }
#footer p.left { position: absolute; left: 36px; top: 10px;  }
#footer p.right { position: absolute; right: 36px; top: 10px;  }

#footer p a { color: #808690; text-decoration: none; }
#footer p a:hover { color: #000; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td,textarea { font: 14px/1.5 Calibri, Arial, Helvetica, sans-serif; color:#434355; }
/*
input:focus,textarea:focus { background: #fff; box-shadow: 0 0 6px #b6b7b8; -webkit-box-shadow: 0 0 6px #b6b7b8; -moz-box-shadow: 0 0 6px #b6b7b8; color: #000; }
*/
h1,h2,h3,h4,h5,h6 { line-height:1.1em; font-weight: normal; color: #349acf; padding-bottom: 5px; margin: 20px 0 0 0; }

h1 { font-size: 26px; margin: 10px 0 5px 0; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px;  }

.small,small { font-size: 13px; }

p { padding: 7px 0; }
p.big { font-size: 16px; line-height: 1.25em; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#349acf; }
a:hover { text-decoration:none; }

.tooltip { z-index: 100; text-align: left; padding: 10px; position: absolute; display: none; background: #fafafa; width: 300px; border: 1px solid #a4a39e; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 5px #aaa9a; -moz-box-shadow:0 0 5px #aaa9a; box-shadow:0 0 5px #aaa9a; opacity:0.9; }
.tooltip p { padding: 5px 0; }

#wp-admin-bar-comments, #wp-admin-bar-new-content, #wp-admin-bar-themes { display: none!important; }