@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
}
.top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.fehler {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color:#fbd9c9;
	padding:10px;}

.tdtop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FDEC9C;
}
.tdtop2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#FFF7D6;}
.td1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background-color:#ffffff}
.td2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background-color:#f4f4f0}
	
.tdbackgroundtop{
	background-image: url(../images/hg-top.gif);
}
.tdbackgroundgray{
	background-color: #DCE1E5;
	color: #FFFFFF;
}
.tdbackgrounddarkgray{
	background-color: #323941;
	color: #FFFFFF;	
	font-size: 14px;
	font-family: Verdana, arial, helvetica, sans-serif;
	letter-spacing: 1px;
}
.tdbackgroundsilver{
	background-color: #ACB7C1;
	color: #FFFFFF;
}
.tdbackgroundorange{
	background-color: #FF9900;
	color: #000000;
}
.tdbackgroundcopyright{
	color: #000000;
	background: url(../images/hg-copyright.gif);
}
.service-box{
	text-align: right;
}

/*
-- Textstyle --
*/
p {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: transparent;
}

td {
	font-size: 12px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: transparent;
}

ul, ol, li {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: transparent;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

hr {
	color: #C0C0C0;
	background-color: transparent;
}

.owner {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: transparent;
	letter-spacing: 1px;
}

.copyright {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	background-color: #FF9900;
	}

.td-main	{
	vertical-align: top;
	text-align: left;
	background-color: transparent;
	color: #000000;
}

.more-infos 	{
	font-size: 12px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #323941;
	font-weight: bold;
	vertical-align: middle;
	background-color: #ACB7C1;
}

.main-message 	{
	font-size: 11px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	background-color: transparent;
}

.pic-message  	{
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	color: #000000;
}
   
.column-left	{
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background-color: #DCE1E5;
}

.column-right	{
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background-color: #DCE1E5;
}

.menu	{
	font-size: 11px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
	background-color: transparent;
}

.menuitem	{
	font-size: 11px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/bg-menu.gif);
}
.menuitem2	{
	font-size: 11px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/bg-menu2.gif);
}

.date-time {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	background-color: transparent;
}

.metanavi01 {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	vertical-align: middle;
	text-align: left;
	background-color: transparent;
}

.metanavi02 {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	vertical-align: middle;
	text-align: right;
	background-color: transparent;
}

.main-navi-area {
	vertical-align: middle;
	text-align: left;
}

.aktuelles	{
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	background-color: #FFEFB3;
}

.headstyle {
	vertical-align: top;
	text-align: left;
}

.td-submenu {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
}

.textfeld {
	font-size: 12px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background-color: transparent;
}

.headline-10 {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #323941;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	background-color: transparent;
	letter-spacing: 1px;
}
.titel {
	font-size: 16px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background-color: transparent;
}

.subtitel {
	font-size: 14px;
	font-weight: bold;
}

.textfeld-10 {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background-color: transparent;
}

.textfeld-10-bold {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background-color: transparent;
}

.picture-center {
	vertical-align: top;
	text-align: center;
}

.bildunterschrift {
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	text-align: left;
	color: #000000;
	background-color: transparent;
}

.teaser {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

.fussnote {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: transparent;
}

/*
-- ENDE Textstyle --
*/

/*
-- Linkstyle --
*/
a:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

a:active {
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}

a.menulink {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.menulink:active {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.menulink:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.menulink:hover {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.link-menu2 {
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	background-color: transparent;
	vertical-align: 4px;
}

a.link-menu2:active {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
	vertical-align: 4px;
}

a.link-menu2:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
	vertical-align: 4px;
}

a.link-menu2:hover {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: #DCE1E5;
	vertical-align: 4px;
}

a.link-10-normal {
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	background-color: transparent;
}

a.link-10-normal:active {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
}

a.link-10-normal:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
}

a.link-10-normal:hover {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	background-color: #DCE1E5;
}

a.main-navi {
	color: #FFFFFF;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #323941;
}

a.first-headline-link {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

a.first-headline-link:active {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}

a.first-headline-link:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

a.first-headline-link:hover {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}

a.sub-headline-link {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.sub-headline-link:active {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

a.sub-headline-link:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.sub-headline-link:hover {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.weiter	{
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #000000;
}

a.link-10-bold {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

a.link-10-bold:active {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.link-10-bold:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.link-10-bold:hover {
	color: #990000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

a.metanavlink {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a.metanavlink:active {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a.metanavlink:visited {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a.metanavlink:hover {
	color: #000000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

/*
-- ENDE Linkstyle --
*/



.bild_verein {
	text-align:right;
	padding-left:6px;
	margin-top:3px;
	margin-bottom:6px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	vertical-align:top;
	
}
#admin_galerie {
	padding:4px;
	float:left;
	background-color:#FFF;
	border: 1px solid #999;
	margin:4px;
	width:150px;
	height:115px;
	text-align:center;
	}
.admin_gallerie {
	padding:0px;
	margin:0px;}





#panes {
	padding:15px 10px ;
	border:1px solid #999;
	border-top:0;
	font-size:14px;
	background-color:#fff;
}
#frame {
	border:1px solid #999;
	border-top:0;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	list-style-type:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/tabs_green.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}







/* Galerie */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background: #efefef;
    border: 1px solid #999;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 480px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  470px;
}

.jcarousel-skin-tango .jcarousel-item {
	width:140px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}