
/* Allgemein  */


body {

	/*background-image: url(/fileadmin/images/backgrounds/bg.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: #f7f7f9;*/
	/*background: #f0f5f8 url(/fileadmin/images/backgrounds/bg2.jpg) repeat-x;*/	
	background-image:url('/fileadmin/images/backgrounds/bgNeu.jpg');	
	background-repeat:repeat-y;
	background-position:center;
	background-color: #e9e9e9;
	overflow: scroll; 
}


h1 {
	font-size:18px;
	height:24px;
}

img {	
	border:0px;
	border-style: none;
}

fieldset {
	border:0px;
	border-style: none;
}

a img{
	border:0px;
	border-style: none;
}

dt {

	text-align:left;
	margin:0px;
	padding:0px;
}

h1.ka-handler {		
	cursor:pointer;
	padding-left:15px;
	padding-top:5px;
	overflow:hidden;
	color: #ffffff; 
	background-color: #03548d;
	/*border:solid 1px #cccccc;*/
	/*background-image:url('/fileadmin/images/backgrounds/htg_handler.jpg');*/
	/*background-repeat:no-repeat;*/
	/*background:transparent url(fileadmin/images/backgrounds/bc-bg-corners.gif) no-repeat scroll right top;*/
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/*background:#FFFFFF url(/fileadmin/images/backgrounds/htg_handler.jpg) repeat-x scroll 0 100%;*/
}


.ka-content {
	overflow:hidden;
	margin-top:-10px;
}

.ka-panel {
	cursor:pointer;
	width:485px;
}

.hover {
	cursor:pointer;
}

h1.openhandler {
	background-color:#83CE44;
}


h1.closedhandler {
	background-color: #03548d;
}

h1.hoverhandler {
	background-color:#83CE44;
}

.csc-sitemap, .csc-sitemap ul li a {
	list-style:none;
}

span.error {
	color:#FF0000;
}

h1 {
	font-size:14px;
	color: #83CE44;
}

h2 {
	font-size:12px;
	color: #83CE44;
}

h3 {
	font-size:12px;
}

a {
	clear:both;
	text-align:left;
	font-size:12px;
	color:#03548d;
	text-decoration:none;
	border:0px;
}

.tx-srfeuserregister-pi1 a {
	background-image:none;
	padding-left:0px;
}

.tx-srfeuserregister-pi1 p {
	padding-left:0px;
}

#tx-srfeuserregister-pi1-fe_users_form a {
	font-size:1em;
}

#sub_menu .tx-newloginbox-pi1{
	margin-top:70px;
}

hr {
	border:dotted 1px #ccc;
}

hr.clearer {
	color:#ccc;
	border: 1px;
}

p.align-right{
	text-align:right;
	}

/*PAGE*/

#page {
	text-align: center;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Lucida, Arial;
	font-size:12px;	
	margin-top:-10px;
	margin-bottom:0px;
}
#overallmenu {
	clear:both;
	text-align:left;
	font-size:10px;
	color:#ccc;
	height:24px;
	padding-left:15px;
}

#overallmenu a:link, #overallmenu a:visited, #overallmenu a:hover{
	text-decoration:none;
	font-size:10px;
	color:#83CE44;
}

#pagetable {	
	width: 830px;
	/*height: 504px;*/
	height:100%;
	background-color: #ffffff;
	padding-top:12px;
	padding-bottom: 12px;
	border: solid 10px #ffffff;
}

.main_menu {
	background-color:transparent;
	color: #03548d;
	text-align:center;
	height:24px;
	vertical-align:top;
	width:528px;
	padding-left:15px;
	padding-right:15px;
}


.main_menu a{
	background-color:transparent;
	color: #03548d;
	text-align:center;	
	height:24px;
	padding-left:7px;
	padding-right:7px;
}

td.main_menu a:link, td.main_menu a:visited{
	background-color:transparent;
	color: #03548d;
	text-align:center;
	text-decoration:none;
	clear:left;
}

td.main_menu a:hover, td.main_menu a:active{
	background-color:transparent;
	color: #000000;
	text-align:center;
	text-decoration:none;
	clear:left;
	border-bottom:dotted 1px #83CE44;
}

.menu_item_act {
	border-bottom:dotted 1px #83CE44;
}

tr.teaser {
  	height: 108px;
}

.mainMenuTable{
	height:100%;
	width:100%;
}

#breadCrumpTableRow {
       vertical-align: bottom; 
       height: 82px;
}

#breadCrumpTableRow p{
	color: #999999; 
	text-align: left; 
	vertical-align: bottom; 
	margin: 0px 0px 0px -10px; 
	font-size: 10px;
}

#breadCrumpTableRow a {
	color:#999999;
	font-size:10px;
	padding:0px;
}

#teaser_bg {
	
}

.leftcol {
	width: 151px;
	overflow:hidden;
	background-color:transparent;
}
.rightcol {
	width: 151px;
	overflow:hidden;
	background-color:transparent;
}

.content {
	vertical-align:top;
	text-align:left;
	width:528px;
	max-width:528px;
	margin:0px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:12px;
	font-size:0.8em;	
	overflow:hidden;	
}

#main_content {
	width:528px;
}

.contentright {
	vertical-align:top;
	text-align:left;
	padding-top:24px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:12px;
	font-size:0.8em;
}

td.sub_menu {
	vertical-align:top;
	padding-top:12px;
	width:151px;
}

.sub_menu_item {
	width:151px;
	text-align:left;
	padding-top:12px;
	font-size:0.9em;	
	text-decoration:none;
	background-color:transparent;
	border-bottom:dotted 1px #03548d;
}

.sub_sub_menu_item {
	width:141px;
	text-align:left;
	padding-top:5px;
	margin-left:10px;
	font-size:0.9em;	
	text-decoration:none;
	background-color:transparent;
	border-bottom:dotted 1px #03548d;
}

.sub_sub_menu_item a, .sub_menu_item p{
	vertical-align:top;
	color: #03548d;
	font-size:11px;	
}
.sub_menu_item a, .sub_menu_item p{
	vertical-align:top;
	color: #03548d;
}

.sub_menu_item a:hover{
	vertical-align:top;
	color: #83CE44;
}

td.sub_menu_act {
	vertical-align:top;
	padding-top:12px;
}

.sub_menu_item_act {
	text-align:left;
	padding-top:12px;
	font-size:0.9em;	
	text-decoration:none;
	background-color:transparent;
	border-bottom:dotted 1px #83CE44;
}

.sub_sub_menu_item_act {
	text-align:left;
	padding-top:5px;
	margin-left:10px;
	font-size:0.9em;	
	text-decoration:none;
	background-color:transparent;
	border-bottom:dotted 1px #83CE44;
}

.sub_sub_menu_item_act a{
        font-size:11px;
	vertical-align:top;
	color: #83CE44;

}

.sub_menu_item_act a {	
	vertical-align:top;
	color: #83CE44;
}


.sub_menu_item_act a:hover{
	vertical-align:top;
	color: #83CE44;
}

#sub_menu p, #sub_menu label {
	font-size:10px;
}



.logo { 
	background-color: transparent;
	width:151px;
	height:108px;
	text-align:center;
	vertical-align:middle;
	z-index:100;
}

.teaser_text {
	background-color: #ffffff; 
	filter: Alpha(opacity=50); 
	opacity: .5;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

#spacertable {
	height: 108px;
	background:transparent;	
	padding:0px;
	margin:0px;
	width:830px;
}


#footer {
	clear:both;
	text-align:right;
	margin-top:26px;
	font-size:10px;
	color:#ccc;
	padding-right:15px;
}

p.bodytext{
	font-size:12px;
	line-height:160%;
	background-color: transparent; 
	
}

/* NEWS */

.news-single-timedata {
	right:0px;
	float:none;
	text-align:right;
	font-size:10px;
	color:#ccc;
	height:12px;
}

.news-single-author {
        clear:both;
	text-align:left;
	font-size:10px;
	color:#ccc;
}
.news-single-author a:link{
        clear:both;
	text-align:left;
	font-size:10px;
	color:#ccc;
	text-decoration:none;
}

.news-single-backlink {
        clear:both;
	text-align:left;
	font-size:10px;
	color:#03548d;
	text-decoration:none;
	height:24px;	
	border-bottom:dotted 1px #ccc;
}

.news-single-backlink a:link{
        clear:both;
        font-weight:normal;
	text-align:left;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.news-single-backlink a:active{
        clear:both;
        font-weight:normal;
	text-align:left;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.news-single-backlink a:visited{
        clear:both;
        font-weight:normal;
	text-align:left;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.news-single-item {
	padding:0px;
	margin:0px;
	background:transparent url(/fileadmin/images/backgrounds/a33.gif) repeat-x bottom;
}

.news-single-item h2 {
	margin-bottom:24px;
	height:18px;
	border-bottom:dotted 1px #ccc;
}
.news-single-title {
	float:left;
        font-weight:bold;
	text-align:left;
	font-size:14px;
	color:#000;
	text-decoration:none;
}

.news-list-date {
	right:0px;
	float:none;
	text-align:right;
	font-size:10px;
	font-weight:normal;
	color:#ccc;
	text-decoration:none;
}

.news-list-item h3 a{
	float:left;
        font-weight:bold;
	text-align:left;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.news-list-item {
	background:transparent url(/fileadmin/images/backgrounds/a33.gif) repeat-x bottom;
	/*background-size: 100%;*/
	padding-top:24px;
	border-top:dotted 1px #ccc;
}

/*.news-list-morelink {
	background:transparent url(/fileadmin/images/backgrounds/a38.gif) no-repeat left;
	padding-left:15px;
}*/

.news-list-morelink a{
	font-weight:normal;
	text-align:left;
	font-size:12px;
	color:#03548d;
	text-decoration:none;
}


/*InfoContent*/

#infocontent {
	text-align: left;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Lucida, Arial;
	font-size:12px;
}

#infocontent.csc-header,  #infocontent.csc-header-n1 {
	font-size:18px;
	color:#CCCCCC;
	height:24px;
}

#infocontent h1.csc-firstHeader {
	font-size:18px;
	color:#D3635C;
	height:24px;
}

#infocontent a {
	color:#D3635C;
}


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Mailform */

.csc-mailform {
    border:1px dotted #8DD144;	
}
.csc-mailform-field{
    padding-left:15px;
    padding-top:12px;
    vertical-align:middle;
}
label {
    vertical-align:top;
    width:300px;
}

textarea{
    border:1px dotted #8DD144;	
}

input {
    border:1px dotted #8DD144;
    background:#ffffff;	
}


/* Bilder CSC */

.csc-textpic-imagewrap {
	 padding:0px;
	 margin:0px;	
	 text-align:left;
}

.csc-textpic-image {
	 padding:0px;
	 margin:0px;
	 text-align:left;
}

.csc-textpic-left {
	text-align:left;
	left:0px;
	padding:0px;
	margin:0px;
}
.csc-textpic-left a:link{
	text-align:left;
	left:0px;
	padding:0px;
	margin:0px;
}

/* Mehrspalten Container */

.multicol_wrap p {
   margin-top:0px;
   padding-top:15px;
   padding-left:7px;
   border-left: 3px solid #83CE44;	
   margin-bottom:55px;
}

.multicol_wrap h1 {
    border-left: 3px solid #83CE44;
    color: #03548D;
    font-weight: bold;
    margin-bottom: 0px;
    padding-left:7px;
}

.halfcol { float:left; width:47%; padding:5px; }
.quartercol { float:left; width:23%; padding:5px; border:1px solid #ddd; }

#infogrid-wrap { width: 490px; padding: 0 0 0 5px; margin: 0 auto; overflow: hidden; height: 100%; }

#infogrid-wrap .info-col { float: left; width: 100px; height: 100%; padding: 10px 0 0 0; }
#infogrid-wrap .info-col h2 { text-align: center; font-weight: normal; padding: 5px 0; }

#infogrid-wrap .image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }
#infogrid-wrap dl {margin-top:0px;}
#infogrid-wrap dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
#infogrid-wrap dd { position: absolute; left: -9999px; top: -9999px; width: 241px; background: #900; padding: 10px; color: white; border-right: 1px solid white; margin-left:0px; }

#infogrid-wrap dd.blue, #infogrid-wrap dt.blue {background: #03548D;}
#infogrid-wrap dd.green, #infogrid-wrap dt.green {background: #83CE44;}
#infogrid-wrap dd.darkgrey, #infogrid-wrap dt.darkgrey {background: #999999;}
#infogrid-wrap dd.grey, #infogrid-wrap dt.grey {background: #CCCCCC;}

#infogrid-wrap .curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }
