/* ==== COMMON SETTINGS ==== */
*       { margin:0; padding: 0; }
p       { padding-bottom: 15px; }
a       { text-decoration: none; color: #3F85B5; }
ul	{ list-style-type: none; }
a:hover { text-decoration: underline; }
.hide   { display: none; }
.clear  { display: block; clear: both; }
.left	{ display: block; width: 40%; float: left; }
div.right{ display: block; width: 40%; float: right; }
a.right { float: right; width: auto; }
body    { font: 13px Arial, Helvetica, sans-serif; width: 100%; background: #d9e9f8 url('img/body.jpg') top center no-repeat; }

/* ==== HEADINGS ==== */
h1	{ font: bold 22px/30px Arial; color: #4b7499; margin-bottom: 20px;  }
h2	{ font: bold 14px/20px Arial; margin-bottom: 10px; }
h3	{ margin-bottom: 10px; }

/* ==== FORMS ==== */
.text,
.textarea,
.select,
.captcha		{ border: 1px solid #BFC9D0; padding: 4px; width: 220px; font: 9pt Arial; margin-bottom: 5px; color: #333; border-radius: 3px; }
.submit			{ border: none; background: #000 url('img/nav.png') 0 -30px repeat-x; color: #fff; padding: 0 10px; height: 26px; }
.submit			{ border-radius: 5px; font: bold 12px/26px Arial; }
.button			{ border: none; display: inline-block; background: #000 url('img/nav.png') 0 -30px repeat-x; color: #fff; padding: 0 10px; height: 26px; }
.button			{ border-radius: 5px; font: bold 12px/26px Arial; text-decoration: none; }
.button2		{ border: none; display: inline-block; background: #000 url('img/nav.png') 0 -30px repeat-x; color: #fff !important; text-decoration:none !important; padding: 0 10px ; height: 26px; } 
.button2		{ border-radius: 5px; font: bold 12px/26px Arial; }	
.button:hover	{ text-decoration: none; background-position: 0 -35px;}
.button2:hover	{ text-decoration: none; background-position: 0 -35px; text-decoration: underline !important;  }
.submit:hover	{ cursor: pointer; box-shadow: 0 0 5px #50789D; }
.button:hover	{ text-decoration: none; background-position: 0 -35px; }
.select			{ width: 230px; }
.mod_kontakt	   { float: left; width: 230px; border-radius: 7px; background: #fff url('img/kontakt_bg.png') bottom center repeat-x; text-align:center; }
label			{ display: block; float: left; width: 130px; }
fieldset		{ padding: 10px; border: 1px solid #ddd; margin-bottom: 15px; }
legend			{ font-weight: bold; color: #555; padding: 0 5px; }
input.error		{ border: 1px solid #ff0000; }
p.error			{ display: block; color: #fff; padding: 2px 5px; width: 216px; background: #ff0000; margin: 0; }

/* ==== PAGE POSITIONING ==== */
#wrapper       { width: 1000px; margin: 0 auto; position: relative; z-index: 400; }
#container     { background: #fff url('img/container.png') top center repeat-x; border-radius: 0 0 7px 7px; box-shadow: 0 0 5px rgba(0,0,0,0.4); }
#container     { min-height: 500px; margin-top: -20px; padding: 30px 20px; }
#header	       { height: 360px; background: transparent url('img/nav.png') center bottom repeat-x; position: relative; z-index: 500; }
#left	       { width: 230px; float: left; }
#main	       { margin-left: 250px; color: #09345c; }
#footer	       {  }

#container p a	     { text-decoration: underline; color: #3F85B5; }
#container p a:hover { text-decoration: none; }

.start #main   { margin-left: 0; }

/* ------ Header ------ */
#header .inside		   { margin: 0 auto; width: 1024px; }
#header nav		   { position: absolute; top: 280px; width: 1024px; font: normal 14px/18px Arial,Helvetica; color: #fff; }
#header nav		   { z-index: 600; text-align: center; }
#header nav ul		   { display: inline-block; margin: 0 auto; border-left: 1px solid #09345c;  }
#header nav li		   { display: block; float: left; height: 63px; border-right: 1px solid #09345c; text-align: center; }
#header nav li.active,
#header nav li.trail	   { background: transparent url('img/nav_active.png') top center no-repeat; }
#header nav a		   { color: #fff; padding: 0 12px; height: 63px; display: table-cell; vertical-align: middle; }
#header nav a:hover	   { text-decoration: none; }
#header nav span	   { color: #fff; padding: 0 12px; display: block; height: 63px; display: table-cell; vertical-align: middle; }
#header .image		   { position: absolute; top: 0; left: -38px; z-index: 500; }
#header .logo		   { position: absolute; top: 0; left: 0; }

/* ------ Global ------ */
nav.nav			   { margin-bottom: 15px; }
nav.nav li		   { display: block; font: normal 13px/31px Arial; margin-bottom: 7px; }
nav.nav a,
nav.nav span		   { display: block;border-radius: 7px; color: #09345c; background: transparent url('img/left_nav_a.png') left center repeat-x; }
nav.nav a,
nav.nav span		   { padding: 0 10px; border: 1px solid #ddd7b9; border-radius: 7px; }
nav.nav span		   { font-weight: bold; }
nav.nav a.trail		   { font-weight: bold; }
nav.nav a:hover		   { text-decoration: none; }
nav.nav .level_2	   { background: #eff6f8 url('img/left_level2.png') bottom center no-repeat; padding: 10px 0; }
nav.nav .level_2 li	   { font: 12px/21px Arial; margin: 0; white-space: nowrap; }
nav.nav .level_3 li	   { margin-left: 10px; background: none;}

nav.nav .level_2 span,
nav.nav .level_2 a	   { background: none; border: none; height: 21px; }
li.wichtig a { font: 12px/21px Arial; margin: 0; white-space: nowrap;background: url("img/left_nav_a_doppelt_blau.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;padding: 0;margin-left: 15px;padding-left: 5px;width: 140px;}

li.wichtig a {
	color: white;
}
nav.nav .level_3 li	a   { background: none!important; color: #09345C;}
form.search		   { position: relative; }
form.search .text	   { display: block; height: 31px; padding: 0; background: #fffefc; width: 188px; }
form.search .text	   { font: normal 13px/31px Arial; color: #dd9e07; border: 1px solid #eed278; border-radius: 7px; padding: 0 20px; }
form.search .btn	   { position: absolute; right: 1px; top: 9px; }

.ferienprogramm {
	position: absolute;
	top: 299px;
	background: url("img/left_nav_a_doppelt_blau.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
	display: block;
	height: 60px;
	width: 250px;
	left: 450px;
	border-radius: 7px;
	border: medium none;
}

.ferienprogramm img {
	width: 180px;
	height: auto;
	margin-top: -11px;
	padding-left: 30px;
	padding-right: 40px;
}
/* ------ Main ------ */
#main ul		   { list-style-type: disc; list-style-position: outside; margin-left: 20px; }
#main li		   { margin-bottom: 5px; }
#main ol		   { margin-left: 20px; }
#main .block		   { overflow: visible; }
#main .inside		   { float: left; width: 100%; }

#main .fe_event .row	   { margin-bottom: 15px; clear: both; }
#main .fe_event .row input { width: 90%; }
#main .fe_event .row label { display: block; float: none; }
#main .fe_event .row .w50  { width: 40%; float: left; }
#main .fe_event .title     { width: 570px; }
#main .fe_event .check     { margin-bottom: 15px; line-height: 26px; }
#main .fe_event .check input { float: left; margin-right: 5px; position: relative; bottom: -5px; }
#main .fe_event .upload	      { margin-bottom: 20px; background: #DBE7EF; padding: 10px; border-radius: 7px; line-height: 26px; width: 560px; }
#main .fe_event .rec	      { float: left; }
#main .fe_event .recurring    { float: left; }
#main .mod_mod_az h2	      { margin-top: 20px; font: bold 16px Arial; }
#main .mod_mod_az h3	      { border-bottom: 1px solid #C6D1D7; font: normal 16px/30px Arial; margin-bottom: 5px; }
#main .mod_mod_az .address    { font-size: 13px; float: right; margin-left: 10px; }
#main .mod_mod_az .button     { float: right; margin-left: 10px; background: #D4DFE7; color: #164168; }

#marktplatz h1		   { float: left; display: block; width: 50%; }
#marktplatz .button	   { margin-left: 5px; color: #fff; text-decoration: none; }
#main .industry		   { clear: both; }
#main .industry .item	   { padding: 5px; border-bottom: 1px solid #CDD8DF; }
#main .industry .head h2   { float: left; width: 50%; display: block; font: normal 16px/30px Arial; padding: 0; margin: 0; }
#main .industry .head a	   { float: right; margin-left: 10px; }
#main .industry .button	   { background: #D4DFE7; color: #164168; }
#main .industry .button:hover { background: #164168; color: #D4DFE7; text-decoration: none; }
#main .contacts		   { margin-bottom: 15px; }

#main div.right		   { width: 305px; float: right; white-space: nowrap; }
#main .right form	   { margin-bottom: 14px; }
#main .right ul		   { margin: 0; }
#main .right li		   { line-height: 25px; }
#main .search .text	   { line-height: 26px; height: 26px; }
#main .search .btn	   { top: 6px; }
#main .btm		   { margin-top: 20px; }
#main .layout_full img	   { margin: 0 20px 20px 0; }

#main .level_1 li	   { background: transparent url('img/left_nav_a.png') 0 0 repeat-x; border-radius: 7px; }
#main .level_1 a	   { background: transparent url('img/sub_icons.png') 200px 0 no-repeat; }
#main .level_1 .kind a	   { background-position: 200px -35px; }
#main .level_1 .juze a	   { background-position: 200px -35px; }
#main .level_1 .nach a	   { background-position: 200px -70px; }
#main .level_1 .notd a	   { background-position: 200px -105px; }
#main .level_1 .abfall a   { background-position: 200px -138px; }
#main .level_1 .service a  { background-position: 200px -174px; }

#main .mod_breadcrumb	   { font: normal 12px Arial; margin-bottom: 25px; color: #09345c; }
#main .mod_breadcrumb a	   { color: #09345c; text-decoration: underline; }

#main .teaser		   { float: left; margin-right: 20px; position: relative; }
#main .teaser.last	   { margin-right: 0; }
#main .teaser h2	   { display: block; height: 30px; color: #fff; font: bold 13px/30px Arial; padding: 0 10px; margin: 0; }
#main .teaser h2	   { background: transparent url('img/h2.png') 0 0 repeat-x; border-radius: 7px 7px 0 0; }
#main .teaser img	   { margin-bottom: -4px; }
#main .teaser .wappen	   { position: absolute; top: -8px; right: 10px; }
#main .teaser .foot	   { background: #f9eec8 url('img/teaser.png') bottom left repeat-x; padding: 4px 10px; border-radius: 0 0 7px 7px; }
#main .teaser .foot p	   { padding: 0; color: #09345c; font: normal 12px/22px Arial; }
#main .teaser .foot a	   { color: #09345c; text-decoration: underline; }

#main .mod_newslist	   { float: left; width: 470px; border-radius: 0 0 7px 7px; background: #fff url('img/news_bg.png') bottom center repeat-x; }
#main .mod_newslist h3	   { display: block; height: 41px; font: normal 14px/41px Arial; color: #fff; padding: 0 13px; margin-bottom: 13px; }
#main .mod_newslist h3	   { background: transparent url('img/news_h2.png') left center repeat-x; border-radius: 7px; text-transform: uppercase; }
#main .mod_newslist h3 a   { color: #fff; text-decoration: none; }


#main .mod_eventlist	   { float: right; width: 470px; border-radius: 0 0 7px 7px; background: #fff url('img/event_bg.png') bottom center repeat-x; }
#event_start {
	max-height: 370px;
	overflow: hidden!important;
}

.events-bachtal #main .mod_eventlist {
	width: 100%!important;
	float: none!important;
	background: transparent!important;
	border-top: 1px solid gray;
	padding: 10px 0;
}


.news-juze .mod_newslist {
	background: transparent!important;
}

.news-juze .layout_latest {
	background: gray;
}

.news_full_gallery .image_container img {
	height: 30px;
}


#main .mod_eventlist h3	   { display: block; height: 41px; font: normal 14px/41px Arial; color: #09345c; padding: 0 13px; margin-bottom: 13px; }
#main .mod_eventlist h3	   { border-right: 1px solid #d1ba76; border-left: 1px solid #d1ba76; }
#main .mod_eventlist h3	   { background: transparent url('img/events_h2.png') left center repeat-x; border-radius: 7px; text-transform: uppercase; }

#main .layout_short	   { padding: 0 10px; margin-bottom: 14px; }
#main .layout_short h2	   { float: right; width: 295px; font: bold 16px Arial; color: #09345c; margin-bottom: 4px; }
#main .layout_short img	   { float: left; margin: 0; border-radius: 5px; }
#main .layout_short .info  { padding-bottom: 4px; }
#main .layout_short p	   { padding: 0; width: 100%; }
#main .layout_short .content { float: right; width: 295px; height: 83px; }
#newsliste .layout_short .content {
	width: 495px;
}
#newsliste .layout_short h2 {
	float: none;
}




#main .layout_short .more  { float: right; font: bold 11px Arial; }
#main .layout_short .teaser{ margin: 0; width: 100%; }
#main .layout_short .hd	   { display: none; }
#main .layout_short .txt   { font-size: 12px; }

#main .portrait		   { float: left; width: 200px; padding-right: 30px; border-right: 1px solid #93adc5; margin-bottom: 30px; margin-right: 20px; }
#main .portrait.last	   { margin-right: 0; border: none; padding-right: 0; }
#main .portrait h2	   { font: normal 22px Arial; color: #4b7499; margin: 15px 0;}
#main .portrait img	   { float: left; padding: 2px; background: #bdbdbb; margin-right: 10px; }
#main .portrait .name	   { display: table-cell; height: 140px; vertical-align: bottom; }

#main .alphabet		   { list-style-type: none; margin: 10px 0 20px 0; padding: 0; display: block; background: #E0EDF5; padding: 5px 10px; border-radius: 3px; }
#main .alphabet li	   { display: inline-block; width: 22px; height: 20px; font: bold 14px/20px Arial; text-transform: uppercase; text-align: center; }
#main .alphabet .active a  { color: red; }

#main .rightBox		   { float: right; width: 200px; padding: 20px; background: #D4DFE7; border-radius: 5px; }
#main .rightBox img	   {  }
#main .leftBox		   { float: left; width: 450px; }

#main div.event		   { padding-bottom: 2px; margin-bottom: 15px; }
#main div.event img	   { float: left; margin: 0; background: #D4DFE7; padding: 3px; border-radius: 3px; margin-right: 20px; }
#main div.event strong	   { display: inline-block; margin-bottom: 10px; }
#main div.event p	   {font-size: 12px; padding-bottom: 0px;}
#main div.event .more	   { font: bold 11px Arial; }
#main div.event .teaser	   { margin: 0; }
#main div.layout_full img  { margin: 0 20px 20px 0; }

#main .roundbox		   { background: #D4DFE7; padding: 20px; border-radius: 7px; margin-right: 20px; }
#main .roundbox .floatLeft { float: left; width: 40%; }
#main .roundbox .floatRight{ float: right; width: 40%; }
#main .roundbox .row	   { border-bottom: 1px solid #B8C9D6; margin-bottom: 15px; }

#main .contact		   { display: block; float: left; width: 30%; }
#main .contacts h2	   { font: bold 13px Arial; display: block; background: #DBE7EF; padding: 3px 10px; margin: 0; }
#main .contacts ul	   { list-style-type: none; margin: 0 0 15px 0; padding: 0; }
#main .contacts li	   { line-height: 22px; border-bottom: 1px dotted #DBE7EF; }
#main .contacts .top	   { float: right; }
#main .contacts .cat	   { float: right; padding: 5px 0 0 0; margin: 0; width: 150px; text-align: left; padding-right: 20px; list-style-type: disc; }
#main .contacts .cat li	   { border: none; line-height: normal; }
#main .contacts span.detail{ display: block; background: #fff; padding: 15px; border: 1px solid #DBE7EF; }
#main .contacts span.name  { display: block; }
#main .contacts .words li  { border: none; line-height: normal; list-style-type: disc; margin-left: 15px; }

#main .contacts span.detail.hide { display: none; }
#main .contacts .right	   { display: block; float: right; width: 250px; }
#main .department ul	   { margin-left: 10px; }

#main table.calendar 	   { width: 100%; } 
#main table.calendar th	   { padding: 10px; width: 14.28%; background: #DBE7EF; text-align: center; } 
#main table.calendar td	   { padding: 10px; width: 14.28%; height: 50px; background: #DBE7EF; text-align: center; }

#main div.table		   { border-radius: 5px; overflow: hidden; }
#main .table		   { border-collapse: collapse; width: 100%; border-top: 1px solid #E0EDF5; border-radius: 5px; overflow: hidden; }
#main .table thead	   { background: transparent url('img/nav.png') 0 -30px repeat-x; }
#main .table tfoot	   { display: none; background: transparent url('img/nav.png') 0 -15px repeat-x; }
#main .table th		   { padding: 5px 10px; border-bottom: 1px solid #E0EDF5; color: #fff; }
#main .table td		   { padding: 5px 10px; border-bottom: 1px solid #E0EDF5; }
#main .table .button	   { background: #D4DFE7; color: #164168; }
#main .table .button:hover { background: #164168; color: #D4DFE7; text-decoration: none; }

#main .mod_personalData .submit { margin-left: 130px; }
#main .submit			 { display: inline-block; padding: 0 10px; }
#main hr			 { display: block; background: #DBE7EF; color: #DBE7EF; height: 1px; margin-bottom: 15px; }
#main span.label		 { display: inline-block; width: 70px; }
#main a.submit			 { color: #fff; text-decoration: none; }

#main .eventlist h2	   { width: 530px; }
#main .eventlist .content  { width: 530px; }

#main .contacts form	   { margin-bottom: 10px; }
#main .contacts .contact   { display: block; width: 45%; line-height: 18px; margin: 0 20px 20px 0; }
#main .contacts .contact   { background: #DBE7EF; border-radius: 7px; padding: 10px; }
#main .contacts .even	   { margin-right: 0; }
#main .contacts strong     { display: block; float: left; width: 120px; }

#main .eventcal select	   { width: 220px; }
#main div.check		   { display: inline; }
#main div.check input	   { margin-right: 5px; }
#main div.check label	   { display: inline; float: none; width: auto; }
#main .button.new,
#main .button.login	   { padding-left: 35px; position: relative; }
#main .button span	   { display: block; width: 20px; height: 20px; top: 2px; position: absolute; top: 2px; left: 8px; }
#main .button.new span	   { background: transparent url('img/plus.png') 0 0 no-repeat; }
#main .button.login span   { background: transparent url('img/lock.png') 0 0 no-repeat; }

#ceSlider		   { width: 587px; height: 238px; position: absolute; top: 21px; right: 21px; z-index: 2000; overflow: hidden; }
#ceMover		   { position: relative; }
#ceMover div		   { float: left; }
#ceSlider .left,
#ceSlider .right	   { position: absolute; z-index: 2100; display: block; width: 40px; height: 40px; background: transparent url('img/slider.png') 0 0 no-repeat; }
#ceSlider .right	   { left: 0; top: 100px; cursor: pointer; }
#ceSlider .left		   { right: 0; top: 100px; background-position: top right; cursor: pointer; }

#main .news 		   { background: none; float: none; width: auto; }

aside .ce_text		   { color: #09345C; }
aside .ce_text h3	   { margin-bottom: 10px; font: bold 13px Arial; }

#main form textarea	   { width: 80%; }

/* ------ Footer ------ */
#footer .inside		   { padding: 10px 20px; }
#footer nav		   { float: right; }
#footer nav li		   { float: left; display: block; }
#footer nav li:after	   { content: '|'; margin: 0 5px; }
#footer nav li.last:after  { content: ''; margin: 0; }
#footer .info		   { background: #fff; border-radius: 5px; float: left; width: 65%; margin-bottom: 20px; padding-right: 15px; }
#footer .info p		   { color: #09345C; font-size: 12px; float: left; width: 45%; padding: 15px; }
#footer .info img	   { float: right; }

#regelmaessige-treffen label, #beschreibungstext label { display: none; }
#regelmaessige-treffen textarea, #beschreibungstext textarea { width: 98%; }
#main #regelmaessige-treffen .submit, #main #beschreibungstext .submit { margin: 0; }
.start #main .left { width: 700px; }

/* ------ IE BUGFIX ------ */
.ie7 #header li a, .ie7 #header li span { display: block; line-height: normal; padding: 15px; }

.start #main .right  { width: 230px; }
.mobile #header { width: 1000px; }
.mobile #header nav a { padding: 0 14px; }

#lbCaption { display: none; }

.weitereMeldungen {
margin-top: 10px;
}


a.steckbrief_link {
	position: absolute;
	display: block;
	background: white;
	text-decoration: none!important;
	padding: 10px;
	border: 1px solid #909090;
}

a.steckbrief_link:hover {
	background: #3F85B5;
	color: white!important;
}


a#nicky {
	top: 330px;
	left: 50px;
}
a#julia {
	top: 240px;
	left: 320px;
}
a#lisa {
	top: 450px;
	left: 430px;
}
a#nadine {
	top: 480px;
	left: 210px;
}
a#marius{
	top: 340px;
	left: 450px;
}

#main #jugendzentrum-bachtal .mod_eventlist {
	float: left!important;
	width: 600px;
	background: none;
}
#main #jugendzentrum-bachtal .layout_short {
	padding: 10px;
	border-bottom: 1px solid #d8d8d8;
}

#main #jugendzentrum-bachtal .layout_short .more {
	float: left;
}