/*  
Theme Name: Stadtjugendring Heidelberg e.V.
Theme URI:
Description: Wordpress Theme für den Stadtjugendring Heidelberg e.V.
Version: 1.0
Author: Aluxo | Ihre Internetagentur in Heidelberg
Author URI: http://www.aluxo.de
*/

*{margin:0; padding:0; border:0; outline:0;}
body{/*background:url(images/background.png) repeat-x #f1f1f2;*/background: #D6D6D6; font-family:PT Sans, sans-serif;}
a:link, a:visited{text-decoration:none;}
.clear{clear:both; overflow:hidden;}
table{width:100%;  border-collapse: collapse; 	border-spacing: 0; vertical-align:middle;}
table.custom{ background:#efefef; font-size:11px;}
table.custom tr{border:1px solid #ccc;}
table.custom tr.alt td{background:#ddd;}
table.custom tr td{padding:10px; border-right:1px solid #ccc;}
table.custom tr th{font-size:11px; background:#18499d; color:#fff; padding:10px; border-right:1px solid #fff;}
#entry table.the_table p, #entry table.the_table{font-size:14px;}
#entry table.the_table td{width:33%;}

#container{background:url(images/wrapper.png) repeat-y; width:978px; margin:33px auto 0 auto; padding:0 0 0 4px;}
#wrapper{width:960px;box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);-moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}
#header{height:200px; border-bottom:1px solid #ebebeb; background:url(images/h1.jpg) no-repeat top; position:relative; z-index:1; margin-bottom:10px;}
#logo{float:left; padding:40px 0 0 0;}
#logo h1{text-indent:-10000px;}
#logo h1 a{background:url(images/logo.png); width:197px; height:99px; display:block;}

#slider p { font-size: 0.85em !important; }
#slider h2 {  }

#topnav{float:right; font-family:PT Sans, sans-serif;}
#topnav_lt{background:url(images/topnav.png); width:26px; height:28px; float:left;}
#topnav ul{float:left; background:#ededed; height:23px; padding:5px 15px 0 0;}
#topnav ul li{font-size:11px; display:inline;color:#6c6c6c; text-transform:capitalize;}
#topnav ul li a{color:#6c6c6c; margin:0 10px 0 10px; font-size:11px;}
#topnav ul li a.rss{background:url(images/rss.png) no-repeat left; padding:0 0 0 22px;}

.title1{background:url(images/title3.png); width:364px; height:35px; position:absolute; z-index:2; bottom:30px; right:0px;}


#content, #content2, #content3{padding:10px 10px 0 9px; background:url(images/content.png) repeat-y; margin-bottom:10px;}
#content2{background:url(images/content2.png) repeat-y;}
#content3{background:url(images/content3.png) repeat-y;}
#left_sidebar{width:187px; padding:0 7px 0 0; float:left;}
#menu{border:1px solid #e5e5e5; padding:1px; margin-bottom:12px;}
#menu ul li{list-style:none; font-size:13px; color:#fff;}
#menu ul li a{color:#fff; display:block; background:url(images/hMenu.png) repeat-x; line-height:36px; text-shadow:#0c3272 0 1px 0; padding:0 0 0 15px;}
#menu ul {}
#menu li {position: relative; z-index:99;}
#menu a {color: #eee;display: block;line-height: 3.333em;padding: 0 1.2125em;text-decoration: none;}
#menu ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);display: none;float: left;margin: 0;position: absolute;top:0px; right:-188px;width: 188px;z-index: 99999; background:url(images/trans.png) repeat; z-index:9999;}
#menu ul ul ul {left: 100%;top: 0;}
#menu ul ul a {background:none; border-bottom: 1px solid #111; color: #fff; text-shadow:none; font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width: 168px;}
#menu ul li:hover > a,#menu ul li a:focus {background:url(images/hMenuH.png) repeat-x; color:#6d4f19; text-shadow:#ffd25c 0 1px 0;}
#menu ul ul :hover > a{background:#000; text-shadow:none; color:#ffc635;}
#menu ul li:hover > ul {display: block;}
#menu .current_page_item > a,#menu .current_page_ancestor > a {background:url(images/hMenuH.png) repeat-x; color:#6d4f19; text-shadow:#ffd25c 0 1px 0;}

#sidebar1{}
#sidebar1 ul{list-style:none;}
#sidebar1 ul li{border:1px solid #e5e5e5; padding:5px; margin-bottom:12px; color:#595959; font-size:11px;}
#sidebar1 ul li h3{background:url(images/blueArrow.png) no-repeat left bottom; color:#18499d; font-size:15px; letter-spacing:-1px; padding-bottom:12px; margin-bottom:10px;}
#sidebar1 ul ul li{background:url(images/blackArrow.png) no-repeat left; padding:0 0 0 13px; color:#595959; font-size:13px; border:0; margin:0 0 9px 8px;}
#sidebar1 ul ul li a{color:#18499d; font-weight:bold;}
#sidebar1 a{color:#18499d;}
#sidebar1 ul ul li a:hover{text-decoration:underline;}
#sidebar1 p{color:#595959; font-size:13px; margin-bottom:10px;}

#mcont{width:484px; padding:0 7px 0 7px; float:left;}
#slider{border:1px solid #e5e5e5; padding:1px; margin-bottom:8px; height:248px;}
#slider .uds-descr{font-size:11px;}
#slider h2{color:#f0be35; font-size:18px; letter-spacing:-1px; margin-bottom:10px; font-weight:normal;}
#slider h2 a{color:#f0be35;}
#slider a.read-more{padding-right:5px; background:#16479a;}

.title{background:url(images/grey-arw.png) no-repeat left bottom; padding:0 0 12px 0; color:#17489c; font-size:25px; font-weight:normal; margin-bottom:10px;} 
#entry .title h1{float:left;  color:#17489c; font-size:20px; font-weight:normal; letter-spacing:-1px;}
.mbtn{background:url(images/more_button.png); width:59px; height:17px; display:block; float:right; font-size:10px; letter-spacing:-1px; color:#fff; padding:0 0 0 16px; line-height:15px; margin:5px 0 0 0;}

.date{color:#525252; font-size:10px; font-weight:bold;}
.news h2{color:#18499d; font-size:11px; margin-bottom:10px;}
.news h2 a{color:#18499d;}
.hthumb{float:left; padding:7px; border:1px solid #e5e5e5; margin:0 10px 0 0;}
.ptxt{float:right; width:370px;}
#content2 .ptxt{width:550px;}
.ptxt p, #entry p{color:#525252; font-size:15px; line-height:20px;}
.news{background:url(images/dash.png) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0;}
.ptxt a.rmore{background:url(images/redArrow1.png) no-repeat left; padding:0 0 0 15px; font-size:14px; color:#0c63e6; float:right;}

#paginate {padding:10px 0 10px 0;}
#paginate .wp-pagenavi span,#paginate .wp-pagenavi a{font-size:14px;}

#rightcol{float:right; width:239px; height:100px;}
#sidebar2{}
#sidebar2 ul{list-style:none;}
#sidebar2 ul li, .newsl, .entries{background:#f5f6f8; border:1px solid #d4d8d7; margin-bottom:12px;}
.newsl{ background:url(images/newslett.png) no-repeat top right #f5f6f8;}
#sidebar2 ul li h3, .newsl h3, .entries h4{color:#2c57a0; font-size:15px; background:url(images/line.png) repeat-x bottom; padding:0 0 3px 10px; line-height:30px; margin:0 0 0 0; letter-spacing:-1px;}
#sidebar2 span.date{color:#525252; font-size:14px;}
#sidebat2 ul ul li a.rPfeil{background:url(images/redArrow1.png) no-repeat right; padding:0 12px 0 0; color:#18499d; font-size:14px; font-weight:bold;}
#sidebar2 p{color:#3f3f40; font-size:11px; margin:0 0 10px 0;}
#sidebar2 ul ul, .MailPress, #sidebar2 .widget_em_widget .inner{padding:7px; font-size:14px; color:#3f3f40;}
.MailPress, div.ngg-widget, .widget_wysija_cont {padding:12px;}
#sidebar2 .widget_wysija_cont input[type="text"] { margin-bottom: 0; }
#sidebar2 .widget_em_widget .inner{padding:2px 2px 8px 2px; border-bottom:1px solid #efefef;  margin:0;}
#sidebar2 ul ul li{border:0; font-size:14px; color:#3f3f40; border-bottom:1px solid #e7e7e7; padding:0 3px 8px 3px; margin:0 0 8px 0;}
#sidebar2 ul ul li a, #sidebar2 a{color:#18499d;}
#sidebar2 input[type=text]{background:#fff; border:1px solid #d2d3d5; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:11px; color:#333; font-family:PT Sans, sans-serif; padding:5px; width:95%; margin-bottom:10px;}
#sidebar2 .screen-reader-text{display:none;}
#searchform{padding:12px;}
#searchform input[type=submit]{background:url(images/suchen.png); width:104px; height:26px; color:#fff; text-indent:-10000px; font-size:12px; text-align:center; text-transform:uppercase; font-weight:bold; margin:0 0 0 56px;}
#sidebar2 .MailPress input[type=submit], .wysija-submit {background:url(images/subs.jpg); width:104px; height:26px; color:#fff; text-indent:-10000px; font-size:12px; text-align:center; text-transform:uppercase; font-weight:bold; margin:0 0 0 56px;}
#sidebar2 .widget_em_widget li{border:0; color:#fff; background:none; margin:0;}
#sidebar2 .widget_em_widget li a, #sidebar2 a.mybtn{color:#fff;  background:#0c63e6; display:block; line-height:22px; text-align:center; width:145px; margin:auto; padding:0px; text-transform:capitalize; font-size:13px;}
#sidebar2 .widget_em_widget .inner span.date{display:block;}
#sidebar2 #em_widget-3 .inner a, #sidebar2 .widget_em_widget .inner a{background:url(images/redArrow1.png) no-repeat right; padding:0 12px 0 0;color:#18499d; text-align:left; line-height:normal; text-transform:none;width:auto; display:inline;}
#sidebar2 a.mybtn{width:100px; margin-top:8px;}
#sidebar2 ul#custbox li{background:none;}
#sidebar2 ul#custbox h4{font-size:12px; color:#444; margin-bottom:10px;}
#sidebar2 ul#custbox .textwidget{padding:12px;}
#sidebar2 ul#custbox ul{maring:0px;}

#footer{background:url(images/footer.png) repeat-x; height:305px; width:960px;}
#fwrap{background:url(images/fright.png) no-repeat right bottom; height:285px; padding:20px 0 0 0; width:960px;}
.fblock{float:left; width:128px; padding:0 0 0 35px;}
#footer h4{color:#fff; font-size:15px; letter-spacing:-1px;  margin-bottom:12px;}
#footer ul li{font-size:14px; color:#98b6f2; border-bottom:1px dashed #2c5ab0; list-style:none; padding:0 0 3px 0; margin:0 0 3px 0;}
#footer ul li a{color:#98b6f2; background:url(images/pfeilGelb.png) no-repeat left; padding:0 0 0 10px; display:block;}
#footer ul li a:hover{background:url(images/pfeilGelbH.png) no-repeat left;}
.contact{width:212px; float:left; padding:0 0 0 70px; height:252px;}
.field, .area{background:#103677; border:1px solid #3462af;-moz-border-radius:2px; -webkit-border-radius:2px; width:210px; height:20px; margin-bottom:5px;}
.field input{background:none; border:0; color:#6a90d1; font-size:12px; font-family:PT Sans, sans-serif; width:200px; padding:2px 5px 0 5px;}
.area{margin-bottom:8px; height:84px;}
.area textarea{background:none; border:0;color:#6a90d1; font-size:12px; font-family:PT Sans, sans-serif; width:200px; padding:2px 5px 0 5px;height:80px;}
#csubmit{margin:0 0 0 134px;}
#footer p{color:#bbd2ff; font-size:11px; text-align:center;}

#rcont{float:right; width:735px;}

.post p{color:#525252; font-size:11px; line-height:20px; margin-bottom:15px;}
.post ul, .post ol, .news ul, .news ol{margin:0 0 15px 20px; font-size:14px; color:#525252; line-height:20px;}
.post ul li, .post ol li, .news ul li, .news ol li{margin-bottom:6px;}
.post a{color:#18499d;}
.post h1, .post h3, .post h4, .post h5,  .post h6, .news h2, .news h3, .news h4, .news h5{color:#18499d; margin:0 0 10px 0;}
.post h1, .search, .post h2, .post h3, .post h4, .post h5, .post h6{font-size:19px; color:#18499d;}
.search{margin:0 0 20px 0;}
.post h2, .news h2{font-size:17px;}
.post h3, .news h3{font-size:15px;}
.post h4, .news h4{font-size:14px;}
.post h5, .news h5{font-size:14px;}
.post h6, .news h6{font-size:14px;}
.news p{margin-bottom:16px;}



/**************** Fonts embedded by Fionn-Gorilla.de *********************/

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;  }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding-right:30px;}
.alignleft{float:left; padding-left:30px; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

.breadcrumbs{font-size:11px; margin-bottom:12px;}
.breadcrumbs a{color:#18499d;}

#custombox p span{display:inline-block; width:120px; color:#444; border-bottom:1px solid #ccc; margin-bottom:10px;}
#custombox h3{border-bottom:1px solid #ccc; padding:0 0 5px 0;}

.page-numbers{font-size:12px; line-height:25px;}

.customform{background:#efefef; padding:20px; border-bottom:2px solid #ccc;}
.customform table tr td{padding-right:40px;}
.customform input[type=text], .customform textarea{background:#fff; border:1px solid #ccc; padding:4px; font-size:12px; color:#444; font-family:arial; width:100%;}
.customform textarea{height:100px;}
.customform input.myfield{width:30%; float:left; margin-left:15px;}
.customform p{margin-bottom:4px; font-weight:bold;}
.customform input[type=checkbox]{margin-right:5px;}
.customform label{display:block;}
.customform input[type=submit]{background:#1f51a6; padding:5px 15px 5px 15px; color:#fff; font-family: arial;}

.smooth_slider{width:480px;height:250px;background-color:#ffffff;border:0px solid #999999;} 
.smooth_slider .sldr_title{font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;font-style:normal;color:#000000;} 
.smooth_slider .smooth_slideri{width:432px;margin:0px 24px 0px 24px;} 
.smooth_slider .smooth_slider_thumbnail{float:left;margin:0 10px 0 0px;max-height:120px;border:1px solid #000000;width:165px;} 
.smooth_slider .smooth_slideri h2{clear:none;line-height:17px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;font-style:normal;color:#000000;margin:0 0 5px 0;} 
.smooth_slider .smooth_slideri h2 a{color:#000000;font-size:14px;font-weight:bold;font-style:normal;} 
.smooth_slider .smooth_slideri span{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;font-style:normal;color:#333333;} 
.smooth_slider .smooth_slideri p.more{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;} 
.smooth_slider .smooth_next{} 
.smooth_slider .smooth_prev{}

.ngg-widget a { overflow: hidden; margin: 0px 5px 5px 0px; }