/* NEUES -- CSS Layout TSF  ---  Main*/

body {
  background: #456C83 url('../images/new/bg.jpg') repeat-x top left;
  margin:0px auto;
  text-align:center;
  font-size:12px;
  font-family: arial,verdana,helvetica;
}

img { border: 0; }

#main {
  -moz-border-radius-topright:11px;
  -moz-border-radius-topleft:11px;
  margin:15px auto 0 auto;
  padding-top: 5px;
  padding: 5px;
  width:1160px;
  overflow:hidden;
  background:#F1F1F1;
  color:#2E495A;
  text-align: left;
}
* html #main { width: 1180px; }

#main.thickbox {
  width:600px;
  padding:10px;
  text-align:left;
}

form {
  text-align:left;
}

.clear_both, .clear {
  clear:both;
}
.right {
  text-align: right;
}

.error {
  color: #d50000 !important;
  font-weight: bold;
}
.success {
  color: #669933 !important;
  font-weight: bold;
}

.info {
  font-size: 10px;
}


#header-logo {
  width:213px;
  height:180px;
  float:left;
  margin:0 0 10 0px;
  cursor:pointer;
  background: transparent url('../images/new/header-logo.jpg') 35px 25px no-repeat;
}

#header {
  width:935px;
  height:180px;
  float:left;
  margin:0 0 10 0px;
  text-align:left;
  padding: 5px;
}

#header .text {
  position: absolute;
  top: 172px;
  width: 923px;
  height: 30px;
  padding-right: 10px;
  line-height: 30px;
  font-size: 1.4em;
  font-family: verdana, sans serif;
  color: #fff;
  text-align: right;
  overflow: hidden;
  background: transparent url('../images/new/header-textbg.png') top right no-repeat;
}
* html  #header .text {
  top: 158px;
  width: 931px;
  margin-left:2px;
  color: #333;
}

/* Layout */
#col_left {
	float:left;
	width: 220px;
}
#content {
	float: left;
	width:710px;
	text-align:justify;
}
#content.content_full {
	width: 935px;
}

#col_right {
	padding: 5px;
	width: 210px;
	float: right;
	
}

* html #col_right {
	width: 220px;
}



#login-form {
	text-align:left;
	height:110px;
}

#login-form label{
	width: 50px;
	float: left;
	clear: both;
	line-height: 27px;
}

#login-form a {
	text-decoration:none;
}

#login-form input {
	width:130px;
	float: right;
	font-size:10px;
	background-color:#FAF1F8;
	border:1px solid grey;
	padding:0 0 0 2px;
	font-size: 18px;
	margin: 3px 0;
	color: #666;
}

#login-form button {
	clear: both;
	float: right;
	background-color: #f1f1f1;
	border: 0;
	font-size: 1.0em;
	font-family: arial;
}

.box {
	clear: both;
	margin-bottom: 25px;
}

.box h1 {
	border-bottom: 1px solid #BAD1C8;
	border-left: 8px solid #BAD1C8;
	padding-left: 6px;
	font-size: 1.1em;
	color: #87A097;
}

.box.lastPost .post{
	margin: 5px 0;
	background-color: #fff;
	padding: 5px;
}
.box.lastPost .post a {
	text-decoration: none;
	display: block;
}


#navi {
  text-align:left;
  margin-right: 10px;
}

#navi ul, #login-form ul {
	margin: 0;
	padding: 0;
}

#navi ul li, #login-form li{
	color:#000000;
	cursor:pointer;
	margin:0 0 1px 0;
	display:block;
	line-height: 130%;
	font-size: 1.2em;
	/*background: #fff url('../images/new/navi_bg.jpg') bottom left repeat-x;*/
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #fff;
	-moz-border-radius-bottomright:6px;
}

#counter {
	color:#888;
	cursor:pointer;
	margin:0 0 1px 0;
	display:block;
	line-height: 130%;
	font-size: 1.2em;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #fff;
	margin-right: 10px;
	margin-top: 10px;
	-moz-border-radius-bottomright:6px;
	padding: 5px 8px;
}

#login-form li {
	border-left: 1px solid #fff;
	-moz-border-radius-bottomleft:6px;
}

#navi li a, #login-form li a{
	color:#666;
	text-decoration:none;
	display: block;
	padding: 8px;
}

#navi ul li a.selected{
	font-weight:bold;
	color:#176266;
	background: #fff url(../images/new/taucher.gif) 140px 3px no-repeat;
	-moz-border-radius-bottomright:6px;
}

#navi ul li a:hover, #login-form li a:hover{
	background-color: #fff;
	color:#176266;
}

ul {
	margin-left:25px;
	padding:0;
	color:#99BAFD;
}
li {
	color:#3355AA;
	list-style-type:square;
}
li.tsf-nomember a{
color:#339d88;           
}
ul.file-list {
	line-height:160%;
}
ul.file-list li{
	
}
ul.file-list li span a{
	margin-left:20px;
	color:#f22609;
	font-size:10px;
}






#meldung {
  border: 1px solid #990000;
  min-height: 50px;
}

.uploadBt {
  background-image: url('../images/arrow_dash_up.gif');
  background-repeat: no-repeat;
  background-position: 5px 7px;
}

.saveBt {
  background-image: url('../images/tick.gif');
  background-repeat: no-repeat;
  background-position: 5px 7px;
}

.previewBt {
  background-image: url('../images/lupe.gif');
  background-repeat: no-repeat;
  background-position: 5px 7px;
}

/* Content Parameter */

   p {
     margin:0 0 10 0px;
     padding:0px;
   }

   h1 {
     margin:0px;
     height:20px;
     font-weight:bold;
     font-size:1.2em;
     margin:0 0 10 0px;
   }

   h2 {
     margin:0px;
     height:20px;
     font-weight:bold;
     font-size:100%;
     margin:10 0 10 0px;
     border-bottom:1px solid #176266;
   }

   h3 {
     margin:0px;
     height:20px;
     font-weight:normal;
     font-style:italic;
     font-size:100%;
     margin:10 0 10 0px;
     border-bottom:1px solid #cecece;
     color:#176266;
   }

   h4 {
     margin:0px;
     height:30px;
     font-weight:bold;
     font-size:100%;
     color:#660000;
   }

   a {
     color:#176266;
   }

   a:hover {
     color:#113399;
   }

   div.info {
     margin:10px 0 0 0px;
     border-top:1px dashed #0070C0;
     font-style:italic;
     color:#0070C0;
   }

   span.info {
     font-size:10px;
   }

   hr {
     border:0px dashed #0070C0;
     border-bottom:1px solid #0070C0;
     height:1px;
     margin:5 0 5 0px;
     padding:0px;
     font-size:12px;
   }

hr.breaker{
 clear:both;
 padding:5 0 5 0px;
 border-bottom:1px solid #fff;
}

   #main-site {
     margin:0 0 40 0px;
     line-height:130%;
   }

   #links {
     padding:20px;
     width:550px;
     overflow:hidden;
   }
   	#links div.titel {
           height:30px;
           width:100%;
           float:left;
           font-size:14px;
         }
         #links div.titel a {
           color:#00003F;
           text-decoration:none;
           font-weight:bold;
         }

         #links div.logo {
           margin:0 0 20 0px;
           padding:0 0 10 0px;
           border-bottom:1px dashed #00003F;
           float:left;
           width:550px;
           overflow:auto;
         }


.news-box {
	-moz-border-radius-topright:11px;
	-moz-border-radius-topleft:11px;
	margin:0 0 35 0px;
	padding:5px;
	line-height:150%;
	background-color: #fff;
}

.news-box .edit-button {
	width:18px;
	height:18px;
	border:0px solid red;
	cursor:pointer;
	background:url('../images/bt_edit.gif') top left no-repeat;
	position:absulute;
	z-index:100;
	float:right;
	text-align:right;
	overflow:none;
	margin:25 25 0 0px;
}

.news-box .drop-button {
	width:18px;
	height:18px;
	border:0px solid red;
	cursor:pointer;
	background:url('../images/bt_drop.gif') top left no-repeat;
	position:absulute;
	z-index:100;
	float:right;
	text-align:right;
	overflow:none;
	margin:25 5 0 0px;
}

.news-box .editline, .news-box .info {
	font-size:0.8em;
	font-style:italic;
	color:#888;
	padding:0px;
	margin:0 0 5 0px;
	border-bottom: 0px dashed #0070C0;
	border-top:0px;
}

.news-box h3,.news-box h2 {
	border-bottom:0px solid #0070C0;
}

.news-box p.main {
	border-top:1px solid #0070C0;
}

.news-box div.more-bt {
  float:left;
  width:100%;
  background:url(../images/bt_nextpage.gif) left no-repeat;
  border:0px solid red;
  padding:0 0 0 12px;
}
.news-box div.more-bt a{
  text-decoration:none;
}
div.seiten {
	word-spacing:5px;
	font-weight:bold;

}
div.seiten a {
	text-decoration:none;
	font-weight:normal;
}
div.seiten a:hover {
	text-decoration:underline;
}

#termin,
.termin {
	width:500px;
	margin:10 20 0 20px;
	border:0px solid red;
	overflow: hidden;
}

#termin .label,
.termin .label {
float:left;
width:150px;
text-align:left;
margin:0 0 10 0px;
}

#termin .content,
.termin .content {
 float:left;
 width:300px;
 text-align:left;
 margin:0 0 10 0px;
}

#termin .info,
.termin .info {
  font-size:10px;
  font-style:italic;
  color:#AFAFAF;
  margin:10 0 5 0px;
  text-align:left;
  border:0px;
}

.edit-button, .save-button {
	width:150px;
	height:25px;
	font-size:12px;
	color:#6688BB;
	border:0px solid #00005F;
	line-height:25px;
	text-align:center;
	background:url('../images/bt_edit.gif') center left no-repeat;
	text-align:left;
	padding:0 0 0 25px;
}
.edit-button a {
	height:25px;
	overflow:hidden;
	display:block;
	color:#003000;
	text-decoration:none;
}
.edit-button a:hover {
	color:#176266;
}

   .confirm-bt, .save-button {
     float:left;
     height:30px;
     line-height:30px;
     width:100%;
     background:url('../images/navi.gif') center left no-repeat;
     padding:0 0 0 20px;
     color:#00003F;
	 cursor: pointer;
   }
   .confirm-bt:hover, .save-button:hover {
	background-color: #cecece;
	color: #176266;
	width: 100px;
	-moz-border-radius: 8px;
   }

   /*Formulare*/
   fieldset {
     margin:0 0 20 0px;
     border:1px solid #e1e1e1;
     text-align:left;
     padding:10px;
   }
   	legend {
           font-size:10px;
           padding:0 10 10 10px;
           color:#7F7F7F;
           font-style:italic;
         }

         fieldset p {
           clear:both;
           float:left;
           text-align:justify;
         }

   fieldset div.label {
     float:left;
     width:250px;
     margin:0 0 10 0px;
   }

fieldset div.label-small {
	clear:both;
	float:left;
	width:100px;
	margin:0 0 10 0px;
}

fieldset div.field {
	float:left;
	width:350px;
	margin:0 0 10 0px;
	text-align:left;
}
fieldset div.field span{
	float:right;
	font-size:10px;
	color:#888;
}
fieldset div.field input {
	width:200px;
	font-size:12px;
}
fieldset div.field input[type=text],
fieldset div.field select {
	padding: .2em;
}
fieldset div.field input.date-pick,fieldset div.field input.date-pick {
	float:left;
}
fieldset div.field input.long, fieldset input.long {
	width:300px;
	font-size:12px;
}
fieldset div.field input.short {
	width:100px;
	font-size:12px;
}
fieldset div.field input.mini {
	width:30px;
	font-size:12px;
}
fieldset div.field input[type=checkbox] {
	width:20px !important;
	clear: none;
	float: left;
}
fieldset div.field select {
	width:260px;
	font-size:1.1em;
	height: 1.9em;
	border: 1px solid #cecece;
}
fieldset div.field option {
	border: 1px solid #cecece;
	padding: 2px 2px;
}

fieldset div.field textarea.text {
	width:350px;
	height:50px;
	display:block;
	font-size:12px;
}

	fieldset textarea#textfeld{
	   height:250px;
	   width:500px;
	   overflow:auto;
            font-size:12px;
	}

         fieldset textarea.kontaktform-field, .text-small {
            height:160px;
            width:300px;
            font-size:12px;
         }
         #letterbox-optionen {
            width:15px;
            height:15px;
            margin:0 0 0 20px;
            background:url('../cnt/swfupload/images/folder_go.png') center left no-repeat;
            float:left;
            cursor:pointer;
         }

   .kontaktform-button {
   	width:120px;
         height:25px;
         font-size:12px;
         color:#00003F;
         /*background-color:#0090E0;*/
         border:0px solid #00005F;
         line-height:25px;
         text-align:center;
         padding:0 0 0 0px;
         margin:0 0 5 0px;
         background:url('../images/bt_nextpage.gif') center left no-repeat;
   }
   .submit-button {
   	overflow:none;
         float:left;
         height:25px;
         width:120px;
         font-size:12px;
         color:#00003F;
         /*background-color:#0090E0;*/
         border:0px solid #00005F;
         line-height:25px;
         text-align:center;
         padding:0 0 0 0px;
         margin:0 0 5 0px;
         background:url('../images/bt_nextpage.gif') center left no-repeat;
   }

.kontaktform-button a, .submit-button a{
	width:120px;
	height:25px;
	display:block;
	color:#00003f;
	text-decoration:none;
}

.kontaktform-button a:hover, .submit-button a:hover {
	background: #fff url(../images/bt_nextpage.gif) no-repeat scroll left center;
	color: #000;
}

   ul.navi-top li {
     display:inline;
     border-right:1px solid #7F7F7F;
     padding:0 3 0 3px;
   }

   ul.navi-top {
     margin:0px;
     padding:0px;
   }

   small {
     clear:both;
     float:left;
   }
   

   .buffer {
     clear:both;
     height:30px;
     width:100%;
     float:left;
   }

   .preview-box {
     margin:10px;
     border:1px dashed grey;
     padding:5px;
   }

   /* Foto Gallerie */
.galerie {
	overflow: hidden;
	margin: 10px 0;
	padding: 5px;
	background-color: #fff;
}
.galerie.intern {
	background-color: #E3E3E3;
}
.galerie-foto {
	width:180px;
	overflow:hidden;
	height:100px;
	float:left;
	border:0px;
	margin:0 0 10 0px;
	border:0;
}
.galerie-foto img {
	border:0px;
	width: 160px;
}
.galerie-foto a{
	border:0px;
	text-decoration:none;
}
.galerie-titel {
	width:370px;
	height:100px;
	float:left;
	text-align:left;
	margin:0 0 0 10px;
	color:#888;
	font-style:italic;
	margin:0 0 10 0px;
}
.galerie-titel p {
	margin:5 0 0 0px;
}
.galerie-titel a {
	font-style:normal;
	text-decoration:none;
	color:#00003F;
	font-size: 1.1em;
}
.galerie-titel a:hover {
text-decoration:underline;
}
.galerie-datum {
float:left;
width:100px;
}
.galerie-anzfotos {
float:left;
width:50px;
}
.foto-galerie-seiten {
	height:25px;
	margin:0 0 20px 0;
}
.foto-galerie-seiten .paging {
	float: right;
}
.paging a, .paging span {
	text-decoration: none;
	display: block;
	float: left;
	color:#990000;
	padding: 3px 9px;
	background-color: #fff;
	border: 1px solid #cecece;
	margin: 0 1px;
}
.paging span { color: #cecece; }
.paging a:hover {
	background-color: #BAD1C8;
	color: #fff;
}


.foto-galerie .foto {
	overflow:hidden;
	float:left;
	text-align:center;
	background-color:;
	margin: 0 15px 15px 0;
	border:1px solid #BAD1C8;
	padding: 6px;
}
.foto-galerie div.foto:hover {
	border: 1px solid #176266;
}

.foto-galerie .foto img {
	max-width: 207px;
}

.foto-galerie .beschreibung {
position:absolute;
height:20px;
width:200px;
z-index:999;
float:left;
border-top:1px dashed #99BAFD;
margin:0 0 0 0px;
vertical-align:middle;
background-color:#C7DFFB;
}
.foto-galerie .beschreibung input, {
   width:140px;
   height:20px;
   font-size:14px;
   font-family:arial;
   float:left;
}
.foto-galerie .beschreibung input.saveButton {
	float:left;
	clear:none;
	width:20px;
	height:20px;
	background:url('../images/bt_save.gif') top left no-repeat;
	margin:0 0 0 0px;
	border:0;
	background-color:;
	cursor:pointer;
 }
 .foto-galerie .beschreibung .abbButton {
float:left;
   clear:none;
   width:20px;
   height:20px;
   background:url('../images/toggleroh_gr.gif') top left no-repeat;
   margin:0 0 0 10px;
   border:0;
   background-color:;
   cursor:pointer;
 }
.foto-galerie .delButton {
position:absolute;
width:16px;
height:16px;
margin:0 0 0px 30px;
float:left;
z-index:99;
border:0;
background:url('../images/bt_drop.gif') #C7DFFB top left no-repeat;
}
.foto-galerie .editButton {
position:absolute;
width:16px;
height:16px;
float:left;
margin:0 0 0px 0px;
z-index:99;
border:0;
background:url('../images/bt_edit.gif') #C7DFFB top left no-repeat;
}
.foto-galerie .galButton {
position:absolute;
width:16px;
height:16px;
float:left;
margin:0 0 0px 60px;
z-index:99;
border:0;
background:url('../images/navi.gif') #C7DFFB top left no-repeat;
}

.editButton {
width:16px;
height:16px;
float:right;
margin:0 0 0px 0px;
z-index:99;
border:0;
background:url('../images/bt_edit.gif') top left no-repeat;
}


.file {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
}

/* ENDE content */

#navi-right {
  float:left;
  width:155px;
  background:url(../images/navi-right-border-left.jpg) top left repeat-y;
}
	#navi-right hr {
           float:left;
           clear:both;
           width:125px;
           height:1px;
           margin:0 0 15 20px;
           border-bottom:1px dashed #0070C0;
         }

         .navi-right-navi li{
           float:left;
           width:100px;
           margin:0 0 10 0px;
           padding:0 0 0 20px;
	  text-align:left;
           list-style-type:none;
           background:url(../images/navi.gif) center left no-repeat;
           border:0px solid red;
         }
         	.navi-right-navi li span {
		  float:left;
                   color:#000011;
                 }

         #navi-right-header {
           width:155px;
           background:url(../images/navi-right-header.jpg) top left no-repeat;
           height:20px;
         }

         #navi-right-border-left-bt{
           background:url(../images/navi-right-border-left-bt.jpg) bottom left no-repeat;
           width:14px;
           height:14px;
           border:0px solid red;
           clear:both;
           float:left;
         }



#footer {
  clear: both;
  color:#AFAFAF;
  height:285px;
  text-align: center;
  margin:0 10 0 10px;
  padding:5 0 30px 0px;
}

#footer .subnavi {
  font-size: 4.0em;
  clear: both;
  margin: 20px 0;
  overflow: hidden;
  font-family: verdana;
}

#footer .subnavi a {
	text-decoration: none;
	color: #888;
}

#footer .left, #footer .center, #footer .right {
  width: 380px;
  float: left;
  text-align: center;
}

#overDiv td{
	padding: .3em;
}