body	{
 border: none;
 text-align: center;
 font-size : 12px;
 font-family : arial, verdana, helvetica, sans-serif;
 color : #000;
 vertical-align : top;
 background-color : #fff;
 line-height: 140%;
 font-size:10px;
 
}

*{
	margin: 0px;
	padding: 0px;
}

a:active, a:focus {outline: none;}

.csc-textpic-caption {
	background-color: #fff;
}

	.twitter {
		width:100%;
line-height:110%;
	}
	
	.twitter li {
		border-bottom: 1px solid #888;
		margin: 3px;
		padding: 2px;
		font-size:10px;
		margin-top:5px;
		float:left;
		
	}
	
	#twitter_update_list {
		list-style: none;
		margin: 0px 10px;
		padding: 0px;
		float:left;
	}
	
	.twitter a {
		color: #ccc;
		text-decoration:none;
		float:right;
		padding-top:1em;
		

	}
	
	.twitter span a {
		color: #777;
		text-decoration:none;
		float:none;
		clear:left;

	}


.imageContainer {
	position:absolute;
	margin:auto;
	border:0px;
	margin: 0px;
	padding:0px;
	overflow:hidden;
	height:250px;
	width:940px;
}

.imageContainer img{
	position:absolute;
	top;0px;
	left:0px;
}


p { font-size:1.0em; }
h1 { font-size:1.6em; }

#banner {background: url(pics/banner.jpg);}

.displaynone {
	display: none;
}

p.bodytext {
	line-height: 180%;
	font-size: 11px;
}

#wrapper {
	position: relative;
	width: 970px;
	height: auto;
	margin:0;
	padding: 0;
	text-align: left;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: url('pics/border_wrapper.png') repeat-y;
	background-position: center 0px;
}
#wrapper #wrapper-main {
	position: relative;
	width: 940px;
	top: 10px;
	left: 10px;
	border: 5px solid #fff;
}

/* OBEN BANNER & MENU & SCHRIFTZUG */
#top-menu {overflow: hidden;position: absolute; width: 200px; height: 30px; margin: 0; background: #ff9900; color: #fff; left: 0; border: 1px solid #fff; border-width: 0 2px 2px 0; background: url('pics/toplogo.png') no-repeat;}
#top-menu a {display: block; float: left; top: 0; width: 100px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 12px; font-weight: bold; text-decoration: none; border: 0;}
#top-menu a:hover {display: block; float: left; width: 100px; height: 30px; background: #8e96b1; color: #fff; text-decoration: none; text-align: center; line-height: 30px; border: 0;}
#top-schriftzug {position: absolute; width: 230px; height: 60px; margin: 0; left: 712px; top: 20px; border: 3px solid #fff; border-width: 3px 0 3px 3px; background: url('pics/jus_logo.jpg') no-repeat;}
#banner {position: relative;float: left;width: 940px;text-align: left;height: 250px;border-bottom: 2px solid #fff; }

/* NAVIGATION */ /*width 133px*/
#navigation {overflow: hidden;float: left;top: 0;right: 0;width: 940px; height: 30px;position: relative;background: #5da5eb; border-bottom: 2px solid #1d7fa6;}
#navigation a, #navigation a:link, #navigation a:visited {display: block; float: left; top: 0; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 13px; text-decoration: none;}
#navigation a:hover, #navigation a:active {display: block; float: left;  height: 30px; background: #28B4EB; color: #fff; text-decoration: none; text-align: center; line-height: 30px;}

/* MAIN & CONTENT */
#main {float: left;width: 940px;margin: 0;padding: 0;position: relative; padding: 0 0 10px 0;}
	
/* SIDEBAR */	
#sidebar ul,li {padding-left: 5px;}
#sidebar {width: 200px; float: right; top: -8px; right: -15px; position: relative; margin: 0 0 10px 25px; padding: 0; background: #1e8ab4; border-left: 5px solid #c7c7c7; border-bottom: 5px solid #c7c7c7;}
#sidebar h1 {display: block; background: #2e2e61; font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 28px; height: 28px;}
#sidebar p {padding: 10px; font-size: 13px; color: #fff; line-height: 16px;}
#sidebar ul, #sidebar ol  {padding: 0 10px 0 0;margin: 1em 0 2em 20px;}
#sidebar ul:hover {display: block; background: #28b4eb;}
#sidebar ul li {color: #fff;margin-bottom: 0.6em;list-style: square url(pics/icon_sel_w.png);}
#sidebar ul li:hover {color: #ff9900;margin-bottom: 0.6em;list-style: square url(pics/icon_sel_w.png);}

/* CONTENT */
#content {width: 910px;text-align: left;padding:  8px 15px;margin: 0;color: #666;line-height:25px;font-size:120%;word-spacing:2px;}
#content a {text-decoration : none; font-weight: bold; color: #1c2d63; font-size:105%;word-spacing:2px;}
#content a:hover {color : #28b4eb;}
#content #sidebar a {text-decoration : underline; font-weight : bold; color: #1c2d63;}
#content #sidebar a:focus, #content #sidebar a:active {color : #28B4EB;}
#content #sidebar a:link, #content #sidebar a:visited {color : #1c2d63;}
#content #sidebar a:hover {color : #28B4EB;}

/* BOTTOM & FOOTER */
#footer {display: block;background: #e6e6e6;line-height: 30px;height: 30px;text-align: right;vertical-align: middle;position: relative;}
#footer a {text-decoration : none; font-weight : normal; color: #777; margin-right:20px;}
#footer a:hover {color : #1c2d63;}
#bottom-border {position: relative;width: 970px;height: 9px;background: url('pics/border_bottom.png') no-repeat;top: 9px;left: 0;}


.footerlinks {
	float:left;
	margin-left:10px;
}

.footerrechts {
	float:right;
}

#linkmenu {
	position:absolute;
	bottom: 0px;
	left:0px;
	background-color: transparent;
	border:0px;
	width:164px;
	display:none;
	padding:0px;
	padding-bottom:30px;
}

.linkmenulinks {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: 2px solid #aaa;
	width: 160px;
}

.linkmenulinks a {
	margin: 0px;
	line-height:100%;
	padding: 0px;
	border: 0px;
	
}
.linkmenulinks  img {
	margin:0px;
	margin-bottom: 5px;
	padding: 0;
}
/* ALLGEMEIN */
.clear {clear: both;}
a img {border: none;}
p {
 text-align: left;
 font-family : Verdana, arial, helvetica, sans-serif;
 font-size : 12px;
 color : #000000;
 background-color : transparent;
}
table {
 text-align: left;
 padding: 0;
 border: 0;
}
td {
 vertical-align : top;
 font-family : Verdana, arial, helvetica, sans-serif;
 color : #000000;
}
ul, ol  {
padding: 0 10px 0 0;
margin: 1em 0 2em 20px;
}
ul li {
margin-bottom: 0.6em;
list-style: square url(pics/icon_sel.png);
}
h1 {
 text-align: left;
 font-size : 18px;
 font-weight : bold;
 color : #5da5eb;
 font-family : Verdana, arial, helvetica, sans-serif;
 background-color : transparent;
 margin-bottom: 10px;
}
h2 {
 font-size : 15px;
 text-align: left;
 text-decoration : none;
 color : #1d7fa6;
 font-family : Verdana, arial, helvetica, sans-serif;
}
h3 {
 font-size : 13px;
 text-align: left;
 text-decoration : none;
 color : #ff9900;
 font-family : Verdana, arial, helvetica, sans-serif;
}
input#submit{
border:1px solid #AAA;
background:url(pics/whitebutton.gif) repeat-x left bottom;
color:#555;
width:160px;
padding:5px 10px;
cursor:pointer;
}
input#submit:hover{
border:1px solid #555;
}
#commentform #inp,#commentform textarea {
float:left;
display:block;
background:#FAFAFA;
width:350px;
padding:5px;
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
color:#666;
margin-bottom:10px;
}
#commentform #inp:focus,#commentform textarea:focus,#commentform #inp:hover,#commentform textarea:hover {
background:#FFF;
border:1px solid #444;
}
option {
border:none;
background:none;
width:auto;
}
#commentform  label {
width: 200px;
float: left;
padding-right:10px;
white-space:nowrap; /*to fix ie6 wrapping*/
}

img {
 border: 0px solid #fff;
}
.dotline {
 background-image : url(pics/dotline.gif);
 background-repeat : repeat-x;
 background-color : transparent;
 overflow : hidden;
 font-size : 1px;
 margin : 0;
 width : 100%;
 height : 1px;
}
.dotline_b {
 background-image : url(pics/dotline_b.gif);
 background-repeat : repeat-x;
 background-color : transparent;
 overflow : hidden;
 font-size : 1px;
 margin : 0;
 width : 100%;
 height : 1px;
 padding: 5px 0;
}
/* BILDERRAHMEN */

a.print {
float: right;
margin: 0 0 10px 30px;
padding: 2px 0px 0 25px;
background: transparent url(pics/print.gif) no-repeat top left;
}


.vorstandlist {
width:100%;
float:left;
}

.vorstandlist li {
width:150px;
height:200px;
float:left;
list-style: none;
/*border: 1px solid #ccc;*/
}

.vorstandlist .vorstand{
float:left;
top:10px;
}

.vorstand img{ 
float:left;
margin: 0 auto;
}


/*googlemaps*/
.tx_lumogooglemaps_pi1_sidebar {
display:none;
}


/*templa voila*/

.zweispaltencontainer {
width:100%;
margin-top:20px;
}

.dreispaltencontainer {
width:100%;
line-height:140%;
margin-top:20px;
}

.zweispaltencontainer .linke-spalte{
float:left;
width:49%;
}

.zweispaltencontainer .rechte-spalte{
float:right;
width:49%;
}

.zweispaltencontainer .linke-spalte-66{
float:left;
width:66%;
}

.zweispaltencontainer .rechte-spalte-34{
float:left;
width:33%;
}

.nofloat{
float:none;
clear:both;
}

.dreispaltencontainer .eins_von_drei_links {
	width: 290px;
	float:left;


}


.dreispaltencontainer .zwei_von_drei_mitte {
	width: 290px;
	margin-left: 10px;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px dotted #bbb;
	border-right: 1px dotted #bbb;
	height: 280px;
	overflow: hidden;
}


.dreispaltencontainer .drei_von_drei_rechts {
	width: 290px;
	float:right;
	overflow: hidden;


	
}

/*templa voila end*/



/*tt_news start*/

span.news-list-date, span .news-latest-date {
	display:block;
	width:280px;
	height:1.4em;
}

.news-list-item h3, .news-latest-item h3 {
	width:100%;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
	

}

.news-list-item, .news-latest-item {
	margin:0px;
	padding:0px;
	margin-bottom:1.5em;
	font-size:11px;
	line-height:120%;
}

.news-list-item p {
	padding-top: 0.4em;
}

 .news-single-timedata, .news-list-morelink, .news-list-item .clearer, .news-single-author, .news-single-backlink, .news-single-item .clearer, .news-latest-item .news-latest-morelink, .news-latest-item .clearer, .nosub .bodytext {
	display: none;
}


.news-amenu-item-year {
	display: none;
}

.news-latest-item .bodytext, .news-list-item .bodytext {
	margin: 0;
	padding: 0;
	line-height:120%;
	font-size: 10px;
}


img.newslistimg {
	padding: 4px;
	border: 1px solid #ccc;
	float: left;
	
}

.galerie span.news-list-date {
	width:100%;
	float:right;
}


.galerie .news-list-item h3 {
	width: 72%;
	float:right;
}

.galerie .news-list-item .bodytext {
	margin-top: 4px;
	line-height:140%;
	width:72%;
	float:right;
	
}

.galerie .news-list-item p{
	width: 321px;
	float: right;
}

.galerie .news-single-img img{
	padding: 4px;
	border: 1px solid #ccc;
	margin:5px;
	float:left;
}

.galerie div.news-list-item {
	margin: 5px 0px;
}

.galerie hr.clearer {
	display: block;
	clear:both;
	height:0px;
	width:0px;
	color: white;
	background-color: white;
}

.galerie .news-single-item h3 {
	line-height: 140%; 
}


.news-single-item .tx-ttnews-browsebox {
	float: left;
	position: relative;
	top: 20px;
	left: 20px;
	width: 100%;
}

.news-single-item h2 {
	font-size: 13px;
	font-weight: normal;
}

.news-single-item h2.singlehead {
	color : #ff9900;
	font-size: 16px;
	font-weight: bold;

}

/*tt_news ende*/



/*mailform*/


.csc-mailform  {
	border:0px;
	line-height: 100%;
}

.csc-mailform-field input{
	right:0px;
	width: 250px;
	float:right;
}


.csc-mailform-field label{
	margin:0;
	padding:0;
	display:block;
	width: 100px;
	float: left;
	
}

.csc-mailform-field {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
} 

.mf-input, .mf-select  {
	right:0px;
	width: 250px;
	float:right;
}

.span .csc-mailform-label {
	float: left;
	margin-top:0px;
}

.mf-check {
	margin:5px;
	padding:5px;
}

.mf-check label {

}
.mf-check-input, .mf-check-input input {
	float: left;
	margin:0px;
	padding: 0px;
 
}

.mf-text {
	float: left;
	margin-bottom: 15px;
}

div.csc-mailform-field .mf-submit {
	width: 150px;
	float: left;
}


/*mailform end*/


/*text mit bild rahmen*/
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	padding: 4px;
	border: 1px solid #ccc;
}

.csc-textpic-caption {
	line-height:120%;
	font-size:10px;
	border-bottom:10px solid white;
}

.vorstandlist img {
	padding: 4px;
	border: 1px solid #ccc;
}

.vorstandlist {
	line-height: 140%;
	text-align: center;
}

.vorstandlist li {
	width: 19%;
}

span.vorstand {
	text-align: center;
	width:100%;
	font-size:11px;
}

.vorstandcontent .bodytext {
	color: #333;
	line-height: 140%;
	font-size: 12px;
	background-color: #fff;
}

div.vorstandcontent {
	background-color: #fff;
	width:400px; 
}

.vorstandcontent .csc-textpic {
	overflow:hidden;
}

div #lightwindow_contents {

}

span#lightwindow_title_bar_title {
	color: #fff;
}

a#lightwindow_title_bar_close_link {

}
/*moodalbox end*/

/*cal start*/

.tx-ttnews-browsebox-SCell {
	display: none;
}

div .newsCalendar_listHeader {
	display:none;
}

span.calendertitle {
	display:block;
	width:280px;
	font-size: 11.55px;
}
span.calenderdate {
	display:block;
	margin: 0;
	padding: 0;
	width:280px;
	font-size: 11px;
}

div.newsCalendar_listItem {
	height: 55px;
	overflow:hidden;
	margin: 0;
	padding: 0;

}
.newsCalendar_listItem h3 {
	margin: 0;
	padding: 0;
	line-height:140%;
	
}
/*cal end*/

