ÿþ/* bsp: margin: oben rechts unten links */

* {

    margin:  0px;

    padding: 0px;

}

a {

    font-size:       1em;

    color: #666666;

    text-decoration: none

}

a:hover {

    text-decoration: underline;

}

td {

    margin-bottom:  0px;

    vertical-align: top;

}

tbody {

}

a img {

    border: 0px ;

}

.input {

    font-size:     1em;

    color: #000000;

    width:         240px;

    margin-bottom: 0px;

    border:        1px solid #999999 ;

}

.label {

    font-size: 1em;

    color: #000000;

}

.small {

    font-size: 50%;

}

.kontaktformular {

    font-size: 100%;

}

h1 {

    padding-left:  0px;

    font-weight:   bold;

    font-size:     100%;

    color: #333333;

    margin:        0;

    border-bottom: 1px solid #CCCCCC ;

}

.sponsoren {

    font-size: 80%;

    border:    1px solid #949590 ;

    padding:   4px 4px 4px 4px;

}

h1.content {

    margin-bottom: 1.75em;

    padding:       0;

}

h2 {

    padding-left: 2px;

    font-weight:  bold;

    font-size:    1em;

    color: #999999;

    margin:       0;

}

h2.content {

    margin-bottom: 1em;

    padding:       0;

}

h3 {

    padding-left: 2px;

    margin:       0;

    color: #666666;

    font-size:    70%;

}

.clear {

    clear: both;

}

.clearleft {

    clear: left;

}

body {

    text-align:  center;

    padding:     0;

    margin:      0;

    font-size:   1em;

    font-family: Arial,Tahoma,Helvetica,Verdana,Sans-serif;

    color: #333333;

    overflow:    -moz-scrollbars-vertical;

    background:  url("../images/background_gradient_black.jpg") top left repeat-x #FFFFFF ;

}

#sitecontainer {

    width:   100%;

    padding: 0px 0px 0px 0px;

}

#site {

    width:      980px;

    margin:     1px auto 25px auto;

    padding:    0px;

    text-align: left;

    border:     1px solid #fff ;

    background: url(../images/bg_right.gif) 795px 10px repeat-y #fff ;

}

#styletab {

    padding: 0px;

    margin:  0px;

}

#header {

    width:      980px;

    color: #000000;

    background: url(../images/header.gif) top left no-repeat ;

}

#additionalnavi {

    height:         20px;

    line-height:    20px;

    text-align:     center;

    vertical-align: middle;

    width:          180px;

    padding-left:   5px;

}

a.additionalnavi {

    font-size:   70%;

    color: #666666;

    font-weight: bold;

    padding:     0px 5px 0px 0px;

}

#logo {

    width:  980px;

    margin: 0px;

}

#logo img {

    height: 100px;

    width:  978px;

}

* html #logo img {

    height:  100px;

    width:   980px;

    margin:  0px;

    padding: 0px;

}

#blueline {

    line-height: 5px;

    background:  url(../images/bg_grayline.gif) repeat-y #dededc ;

}

#bodycontainer {

}

#leftcontainer {

    width:   180px;

    height:  100%;

    float:   left;

    margin:  0px;

    padding: 0px;

}

.navi {

    width:          180px;

    height:         30px;

    border-bottom:  1px solid rgb(170,170,170) ;

    font-size:      90%;

    color: #666666;

    font-weight:    bold;

    vertical-align: middle;

}

.sub_1 {

    background: url(../images/bg_main_firstlevel_nav_new.jpg) bottom left repeat-x #c5c5c5 ;

}

.sub_1 a.navileft_active {

    background:     url(../images/bg_main_firstlevel_nav.jpg) bottom left repeat-x #c5c5c5 ;

    display:        block;

    color: #000000;

    padding-top:    8px;

    padding-bottom: 10px;

    font-size:      80%;

    font-weight:    bold;

}

.sub_1 a.navileft_open {

    background:     url(../images/bg_main_firstlevel_nav.jpg) bottom left repeat-x #c5c5c5 ;

    display:        block;

    color: #000000;

    padding-top:    8px;

    padding-bottom: 10px;

    font-size:      80%;

    font-weight:    bold;

}

.sub_2 {

    background: #c5c5c5 ;

}

.sub_1 a.navileft_passive {

    display:     block;

    color: #000000;

    padding-top: 8px;

    font-size:   80%;

    font-weight: bold;

}

.sub_2 a.navileft_passive {

    display:     block;

    color: #353535;

    padding-top: 6px;

    font-size:   80%;

}

.sub_2 a.navileft_active {

    display:     block;

    height:      28px;

    color: #FEFEFE;

    padding-top: 6px;

    font-size:   80%;

    background:  #c5c5c5 ;

}

.sub_2 a.navileft_open {

    display:     block;

    color: #353535;

    padding-top: 6px;

    font-size:   80%;

}

#blank0 {

    height:  10px;

    padding: 0px;

    margin:  0px;

}

.blank1 {

    font-size:     70%;

    text-align:    left;

    height:        12px;

    margin:        0px 0px 0px 0px;

    padding:       3px 0px 3px 11px;

    border-bottom: 1px solid #949590 ;

    border-top:    1px solid #949590 ;

    color: #666666;

    background:    #CCCCCC ;

}

.hidden {

    display: none;

}

.input_searchbox {

    width:          70px;

    vertical-align: middle;

    font-size:      50%;

    color: #3E4D74;

}

.input_newsletterselect {

    width:          120px;

    vertical-align: middle;

    font-size:      60%;

    margin:         0px 0px 5px 10px;

    color: #3E4D74;

}

.label_searchbox {

    vertical-align: middle;

    color: #9D9EA2;

    position:       relative;

    padding:        0px 0px 0px 10px;

    font-size:      70%;

}

.label_newsletterbox {

    vertical-align: middle;

    color: #9D9EA2;

    position:       relative;

    padding:        0px 0px 0px 10px;

    font-size:      70%;

}

.label_action {

    padding: 0px 0px 0px 42px;

}

#loginbox {

    background-color: #DFE0E5;

    border-top:       1px solid #aeaeae ;

    border-bottom:    1px solid #aeaeae ;

    padding-bottom:   5px;

    padding-top:      5px;

    padding-left:     0em;

    padding-right:    0em;

}

#searchbox {

    background-color: #DFE0E5;

    border-top:       1px solid #aeaeae ;

    border-bottom:    1px solid #aeaeae ;

    padding-bottom:   5px;

    padding-top:      5px;

    padding-left:     0em;

    padding-right:    0em;

}

#newsletterbox {

    background-color: #DFE0E5;

    border-top:       1px solid #aeaeae ;

    border-bottom:    1px solid #aeaeae ;

    padding-bottom:   5px;

    padding-top:      5px;

    padding-left:     .0em;

    padding-right:    .0em;

}

.content {

    padding-top: 10px;

    font-size:   100%;

    color: #333333;

}

.editor {

    padding-top: 10px;

    font-size:   100%;

}

.sitemap {

    padding:   10px 0px 0px 10px;

    font-size: 100%;

}

#contentcontainer {

    width:  800px;

    margin: 0px 0px 0px 180px;

}

* html #contentcontainer {

    margin:  0px -3px 0px -3px;

    padding: 0px;

    display: inline;

}

#contentbox {

}

.promotion {

    height:           160px;

    vertical-align:   top;

    background-color: #DFE0E5;

    padding:          0px;

    margin:           0px;

    padding-left:     0px;

    width:            800px;

}

#contentpanel {

    background: #ffffff ;

}

#centrecontent {

    text-align:     left;

    width:          580px;

    height:         600px;

    float:          left;

    padding-left:   15px;

    padding-right:  20px;

    padding-top:    10px;

    padding-bottom: 20px;

    color: #000000;

    background:     #fff ;

}

#centrecontent p {

    padding-left: 3px;

    color: #000000;

    font-size:    80%;

}

* html #centrecontent {

    text-align: left;

    width:      615px;

    float:      left;

    color: #3E4D74;

    font-size:  80%;

}

#centrecontent_breit {

    text-align: left;

    height:     600px;

    float:      left;

    padding:    10px 15px 20px 15px;

    color: #666666;

    background: #fff ;

    font-size:  80%;

}

* html #centrecontent_breit {

    font-size: 80%;

}

#centrecontent_breit p {

}

#rightcontent {

    float: left;

    width: 185px;

}

#rightpanel {

}

#rss {

    padding: 0px 0px 0px 0px;

}

.rss_teaser_img {

    width:      170px;

    text-align: center;

    margin:     3px 0 3px 0;

}

.rss_teaser_txt {

    border:     1px ;

    width:      175px;

    text-align: left;

    margin:     3px 0 3px 0;

}

.rssTable {

    width:  100%;

    margin: 0px 0px 10px 0px;

}

.rssTableHead {

    text-align:  left;

    height:      30px;

    background:  url(../images/bg_tab_head.gif) top left repeat-x #999999 ;

    padding:     3px 3px 3px 3px;

    border:      1px solid #999999 ;

    color: #FFFFFF;

    font-weight: bold;

}

.rssTableHead a {

    color: #FFFFFF;

    font-size:   0.90em;

    font-weight: bold;

    font-size:   80%;

}

.rssTableBody {

    padding:   3px 3px 3px 3px;

    border:    1px solid #949590 ;

    font-size: 70%;

}

#news {

    padding: 3px 0px 0px 0px;

}

.news_teaser_img {

    width:      179px;

    text-align: left;

    margin:     3px 0 3px 0;

}

.news_teaser_txt {

    border:     1px ;

    font-size:  80%;

    width:      80%;

    text-align: left;

    margin:     3px 0 3px 0;

    color: #333333;

}

.newsTable {

    width:  100%;

    margin: 0px 0px 0px 0px;

}

.newsTableHead {

    padding-left: 2px;

    padding-top:  5px;

    margin:       0;

    text-align:   left;

}

.newsTableHead a {

    font-weight: bold;

    font-size:   70%;

    color: #333333;

    /* font-family:Arial,Tahoma,Helvetica,Verdana,Sans-serif !important; */

    background:  transparent url(../images/linkpfeil.gif) no-repeat scroll left center ;

    padding:     12px;

}

.newsTableBody {

    padding:       3px 3px 3px 3px;

    border-bottom: 1px solid #949590 ;

    font-size:     80%;

}

#footcontainer {

}

#footbox {

    padding:    3px 0px 3px 0px;

    text-align: center;

}

a.bottomnavi {

    color: #A0A0A0;

    font-size: 0.9em;

}

/* Lightbox */

.cont {

    border-top:    1px solid #999999 ;

    border-bottom: 1px solid #999999 ;

}

.gallery {

    padding: 10px 0px 0px 0px;

}

#lightbox {

    position:    absolute;

    top:         40px;

    left:        0;

    width:       100%;

    /* z-index: 100; */

    z-index:     990;

    text-align:  center;

    line-height: 0;

}

#lightbox a img {

    border: none ;

}

#outerImageContainer {

    position:         relative;

    background-color: #FFFFFF;

    width:            250px;

    height:           250px;

    margin:           0 auto;

}

#imageContainer {

    padding: 10px;

}

#loading {

    position:    absolute;

    top:         40%;

    left:        0%;

    height:      25%;

    width:       100%;

    text-align:  center;

    line-height: 0;

}

#hoverNav {

    position: absolute;

    top:      0;

    left:     0;

    height:   100%;

    width:    100%;

    /* z-index: 10; */

    z-index:  970;

}

#imageContainer>#hoverNav {

    left: 0;

}

#hoverNav a {

    outline: none;

}

#prevLink, #nextLink {

    width:      49%;

    height:     100%;

    background: transparent url(../images/blank.gif) no-repeat ;

    /* Trick IE into showing hover */

    display:    block;

}

#prevLink {

    left:  0;

    float: left;

}

#nextLink {

    right: 0;

    float: right;

}

#prevLink:hover, #prevLink:visited:hover {

    background: url(../images/prevlabel.gif) left 15% no-repeat ;

}

#nextLink:hover, #nextLink:visited:hover {

    background: url(../images/nextlabel.gif) right 15% no-repeat ;

}

#imageDataContainer {

    font:             10px Arial,Verdana, Helvetica, sans-serif !important;

    background-color: #FFFFFF;

    margin:           0 auto;

    line-height:      1.4em;

}

#imageData {

    padding: 0 10px;

}

#imageData #imageDetails {

    width:      70%;

    float:      left;

    text-align: left;

}

#imageData #caption {

    font-weight: bold;

}

#imageData #numberDisplay {

    display:        block;

    clear:          left;

    padding-bottom: 1.0em;

}

#imageData #bottomNavClose {

    width:          66px;

    float:          right;

    padding-bottom: 0.7em;

}

#overlay {

    position:         absolute;

    top:              0;

    left:             0;

    /* z-index: 90; */

    z-index:          980;

    width:            100%;

    height:           500px;

    background-color: #000000;

    filter:           alpha(opacity=60);

    -moz-opacity:     0.6;

    opacity:          0.6;

}

.clearfix:after {

    content:    ".";

    display:    block;

    height:     0;

    clear:      both;

    visibility: hidden;

}

* html>body .clearfix {

    display: inline-block;

    width:   100%;

}

* html .clearfix {

    /* Hides from IE-mac \ */

    height: 1%;

    /* End hide from IE-mac */

}

.gallery_image {

    padding: 0px 10px 0px 10px;

}

.gTop {

    margin:      10px 0px 5px 10px;

    color: #666666;

    font-weight: bold;

}

.gBottom {

    margin:      0px 0px 5px 10px;

    color: #666666;

    font-weight: bold;

}

/* sKalender */

#mod_sK {

    margin:    0px;

    margin:    10px 0px 10px 0px;

    padding:   0px 0px 0px 0px;

    border:    1px solid #999999 ;

    font-size: 80%;

}

#mod_sK td a.sk_nav {

    color: #333333;

    font:            bold 12px Arial, Sans-Serif, Helvetica, Verdana;

    text-decoration: none;

}

#mod_sK td.wtag {

    color: #333333;

    font:  bold 12px Arial, Sans-Serif, Helvetica, Verdana;

    width: 30px;

}

#mod_sK a.wochentag {

    font-size: 80%;

}

#mod_sK td a.belegt, td a.belegtwe {

    color: #CC0000;

    font:  bold 12px Arial, Sans-Serif, Helvetica, Verdana;

	background-color: #CECECE;

    text-decoration:none; 

}

#mod_sK td.belegt {

	background-color: #CC0000;

    color: #CC0000;

    text-decoration: none;

    font-weight:     bold;

	

}

#mod_sK td.heute {

    border: 1px solid #DDDDDD ;

}

#mod_sK td.wochenende {

    background: #efefef ;

}

#mod_sK td.belegtwe {

    background: #CC0000 ;

	font:  bold 12px Arial, Sans-Serif, Helvetica, Verdana;

}

/* Terminselect Time */

#mod_tst {

    background:  #fafafa ;

    margin:      0px;

    padding:     0px;

    padding-top: 10px;

    width:       200px;

}

#mod_tst input.text {

    color: #303030;

    font:         12px Arial, Sans-Serif, Helvetica, Verdana;

    margin:       0px;

    padding:      0px;

    border:       1px ;

    border-color: #3E92C0 ;

    width:        65px;

    height:       20px;

}

hre {

    width:  200px;

    color: #3E92C0;

    height: 10px;

}

#timebutton {

    text-align:     right;

    padding-right:  10px;

    padding-bottom: 10px;

}

/* Terminliste */

#mod_tl {

    width:         450px;

    padding-left:  10px;

    padding-right: 10px;

}

#mod_tl table {

    width:           430px;

    border-collapse: collapse;

}

.navl {

    text-align:  left;

    height:      25px;

    background:  url(../images/bg_tab_head.gif) top left repeat-x #999999 ;

    padding:     8px 3px 3px 3px;

    border:      1px solid #999999 ;

    color: #FFFFFF;

    font-weight: bold;

}

.navl a {

    color: #FFFFFF;

}

.navm {

    text-align:  center;

    height:      25px;

    background:  url(../images/bg_tab_head.gif) top left repeat-x #999999 ;

    padding:     8px 3px 3px 3px;

    border:      1px solid #999999 ;

    color: #FFFFFF;

    font-weight: bold;

    width:       120px;

}

.navm a {

    color: #FFFFFF;

}

.navr {

    text-align:  left;

    height:      25px;

    background:  url(../images/bg_tab_head.gif) top left repeat-x #999999 ;

    padding:     8px 3px 3px 3px;

    border:      1px solid #999999 ;

    color: #FFFFFF;

    font-weight: bold;

}

.navr a {

    color: #FFFFFF;

}

.kopf {

    color: #333333;

    text-decoration: none;

    border-bottom:   1px solid #CCCCCC ;

    padding-top:     20px;

    padding-bottom:  5px;

    text-align:      left;

    font-size:       80%;

    width:           760px;

}

.dunkel {

    background: #efefef ;

    /* border-bottom: 1px solid #050505; */

}

.hell {

    background: #cecece ;

    /* border-bottom: 1px solid #050505; */

}

#mod_tl td {

    padding-top:    5px;

    vertical-align: top;

}

.wtag {

    color: #333333;

    font-size: 80%;

}

.datum {

    color: #666666;

    font-size:   75%;

    font-weight: bold;

    padding-top: 10px;

}

.zeit {

    color: #050505;

    font-style: italic;

    font-size:  80%;

}

.link {

    color: #050505;

    padding:     0px;

    margin:      1px;

    font-weight: bold;

    font-size:   80%;

}

.link a {

    font-size: 90%;

}

.ort {

    color: #050505;

    font-style: italic;

    text-align: right;

    padding:    0px;

    margin:     0px;

    font-size:  80%;

}

#mod_tl td.sp0b {

    width:      30px;

    border-top: 1px solid #cccccc ;

}

#mod_tl td.sp1b {

    width:      50px;

    border-top: 1px solid #cccccc ;

}

#mod_tl td.sp0 {

    width: 80px;

}

.sp0 {

    width:       80px;

    border-top:  1px solid #cccccc ;

    padding-top: 5px;

}

.sp0 a:hover {

    text-decoration: none;

}

.sp1 a:hover {

    text-decoration: none;

}

.sp2 a:hover {

    text-decoration: none;

}

.sp1 {

    width:       80px;

    border-top:  1px solid #cccccc ;

    padding-top: 5px;

}

.sp2 {

    width:       100px;

    border-top:  1px solid #cccccc ;

    padding-top: 5px;

}

.sp3 {

    width:       270px;

    border-top:  1px solid #cccccc ;

    padding-top: 5px;

}

#mod_tl td.sp1 {

    width: 50px;

}

#mod_tl td.sp2 {

    width:      100px;

    border-top: 1px solid #cccccc ;

}

#mod_tl td.sp3 {

    width:      270px;

    border-top: 1px solid #cccccc ;

}

/* Terminselect */

#mod_ts {

    background:  #fafafa ;

    margin:      0px;

    padding:     0px;

    padding-top: 10px;

    width:       100%;

}

#mod_ts table {

    margin-left: 20px;

    width:       90%;

}

#mod_ts td {

    width: 50%;

}

#mod_ts select {

    color: #303030;

    font:         12px Arial, Sans-Serif, Helvetica, Verdana;

    margin:       0px;

    padding:      0px;

    border:       1px ;

    border-color: #3E92C0 ;

    height:       20px;

}

/* Terminselect Buttons */

#timebutton {

    text-align:    right;

    padding-right: 10px;

}

#timebutton table {

    width: 50px;

}

#timebutton td {

    width: 50%;

}

#selectbutton {

    text-align:    right;

    padding-right: 10px;

}

#selectbutton table {

    width: 50px;

}

#selectbutton td {

    width: 50%;

}

#mod_te h6 {

    1font:              bold 12px Arial, Sans-Serif, Helvetica, Verdana;

    1text-decoration:   none;

    1background-image:  url(../images/bg_content.jpg);

    1background-repeat: no-repeat;

    1padding:           4px 5px;

    1margin:            0px;

    1height:            25px;

    1width:             450px;

    padding-left:       0px;

    font-weight:        bold;

    font-size:          100%;

    color: #333333;

    margin:             0;

    border-bottom:      1px solid #CCCCCC ;

    width:              750px;

}

#mod_te h5 {

    font:  bold 11px Arial, Sans-Serif, Helvetica, Verdana;

    color: #333333;

}

#mod_te a {

    padding: 5px 10px 0px 0px;

}

#mod_te h4 {

    font:       bold 11px Arial, Sans-Serif, Helvetica, Verdana;

    color: #3E92C0;

    text-align: left;

}

/* Gaestebuch */

div.formular {

    width:            580px;

    background-color: #FFFFFF;

    border:           1px solid #aeaeae ;

    padding-bottom:   10px;

    padding-top:      10px;

    padding-left:     .5em;

    padding-right:    .5em;

}

.label_vpgb {

    vertical-align: top;

    width:          80px;

	font-size:    	12px;

    font-weight:    bold;

}

.form_vpgb {

    vertical-align: middle;

    width:          300px;

}

div.vpgb_entry {

    color: #666666;

    font-size:   1em;

    /*font-weight: bold;*/

}

div.vpgb_eintrag {

	margin-top: 10px;

	border-bottom: 1px dashed #0E399B;

	padding-bottom: 10px;

	width:760px;

}

div.vpgb_fleft {

	float: left;

	/*text-align: center;*/

	width: 120px;

	margin-right: 10px;

	border-right:1px dashed #0E399B;

}

div.vpgb_infos {

	margin-top: 10px;

	white-space: nowrap;

}



div.vpgb_comment {

	margin-left: 130px;

	margin-top: 20px;

	margin-bottom: 10px;

	font-style: italic;

}

div.vpgb_name {

	font-weight: bold;

}

.vpgb_datum {

	/*color: #0E399B;*/

	font-size: 10px;

	display: block;

	background: url(../images/datum_oben.gif) 0 0 no-repeat;

	text-align: center;

	text-transform: uppercase;

	line-height: 1;

	margin-top: 5px;

	width: 35px;

	padding-top: 5px;

	/*margin-left: 35px;*/

	margin-bottom: 10px;

}

.vpgb_datum .tag {

	display: block;

	font-weight: bold;

	font-size: 20px;

	text-indent: -3px;

	letter-spacing: -2px;

	/*color: #0E399B;*/

	background: url(../images/datum_unten.gif) bottom left no-repeat;

	padding-bottom: 5px;

}

/* << */

.picleft { float: left; padding-right: 10px; }