@charset "utf-8";

/* CSS Document */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:80%;

	

	background-color: #ccc;

}



 a

{ text-decoration:none;

  color: #666;




}



 a:hover

{ text-decoration:underline;

  color: #C33;




}



div#wrapper {

	margin: 0px;

	padding: 0px;

	width: 965px;

	background-color: #fff;

	background-image: url(../bilder/wrapper_bg1.gif);

	

}

.spacer {

	border:0px;

	height:0px;

	clear:both;

	width:0px;

	margin: 0;

	padding: 0;

	}

	

/*Formatierungen für Kopfbereich*/	

	

div#toprechts {   

	text-align:right;

     width:500px;

     background-color:#FFF;

     padding-top: 5px;

     padding-right: 10px;

     font-size:90%

	

	}

	

div#toplinks {

    width:450px;

    background-color:#FFF;

    padding-top: 5px;

    font-size:90%

	

	}

	

div.containerk    {

	float: left;

	min-height: 25px;

   }	



div#header {

	margin: 0px;

	padding: 0px;

	width: 960px;

	background-color: #fff;

	

	

}

div#logo {

	margin: 0px;

	padding: 0px;

	width: 600px;

	background-color: #fff;

	

	

}

div#wetter {

	margin: 0px;

	padding: 0 0 0 15px;

	width: 345px;

	background-color: #fff;

	min-height:113px;

}



	div.container

{

	float: left;

	min-height: 100px;

}



dl.meImgLeft {

	float: left;

	margin-left: 30px;

	margin-bottom: 0px;

	margin-top: 0px;

  }



/*Formatierung Tage WEtter*/

dl.meImgLeft dt { margin-bottom: 0;

                  margin-top:20px;

				  text-align:center;}

dl.meImgLeft dd {

	margin: 0;

	font-size: 80%;

	text-align:center;

	font-weight:bold;

	padding-right: 0px;

	padding-top: 0px;

	padding-left: 0px;

	padding-bottom: 5px;

}





#navi {

	width:908px;

	height:46px;;

	color:#FFFFFF;

	margin:0 2px 0 0;

	padding:0;

	font-size:90%;

	background-image:url(../bilder/navi.gif);

	background-repeat: repeat-x; 

}

	div.containerg

{

	float: left;

	min-height: 400px;

}

div #content

{

	width: 560px;

	padding-right: 30px;

	padding-left: 30px;

	padding-top: 10px;

	padding-bottom:10px;

	margin-top: 2px;

	

	

}



div#content a h1 {

	font-size: 130%;

	font-weight: bold;

	margin-top: 0px;

	

	margin-bottom: 10px;

	color:#cc3333;



}



div#content  h1 {

	font-size: 130%;

	font-weight: bold;

	margin-top: 0px;

	

	margin-bottom: 0px;

	color:#000;



}





div#content  h2 {

	font-size: 110%;

	font-weight: bold;

	margin-top: 10px;

	

	margin-bottom: 0px;

	color:#000;



}





div#content  h2.fototitel {

	font-size: 100%;

	font-weight: bold;

	margin-top: 10px;

	

	margin-bottom: 0px;

	color:#000;



}

div#content h3 {

	

	font-weight: bold;

	font-size:100%;

	margin-top: 0px;

	padding-top:5px;

	

	margin-bottom: 5px;

	padding-bottom:5px;

	background-image:url(../bilder/allgemein/verlauf_gross.jpg);

	background-repeat:repeat-y;

	



}



div#content h4 {

	font-size: 85%;

	font-weight: bold;

	margin-top: 10px;

	

	margin-bottom: 10px;

	



}







div#rechts

{

	width: 330px;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 10px;

	margin-top: 2px;

	margin-left:5px;

	 margin-bottom:10px;

}



div#rechts h1{ 

	 font-size:100%; 

	 font-weight:bold;

	 margin-top:0px;

	 margin-bottom:0px;

	 padding-top: 5px;

	  padding-bottom:5px;

	  background-image:url(../bilder/allgemein/verlauf_rechts.jpg);

	background-repeat:repeat-y;

	 

	 }



/* Allgemeine Formatierungen */



.bild {

	margin-right: 15px;

	display: block;

	float: left;

	clear: left;

}



.clear {

	clear: both;

}



img {

	border: 0px;

}



.button

{ width:150px;

border-bottom: solid 1px #000;

border-right: solid 1px #000;

background-color:#399;

padding:2px;

color:#FFF;



}



.buttonrot

{

	width:150px;

	border-bottom: solid 1px #000;

	border-right: solid 1px #000;

	background-color:#900;

	padding:2px;

	color:#FFF;

	

	}

	

	.formbutton

{

	width:auto;

	border: 0px;  /* Rahmen ausblenden */

    background-color: transparent;  /* Hintergrundfarbe anpassen */

	padding:5px;

	font-weight:bold;

	

	

	}

	

	



.textklein {

	font-size: 85%;

}



.centern_b_top {

	text-align: center;

	margin-top:0px;

	margin-bottom:15px;

}



.centern {

	text-align: center;

}



.centern_b {

	text-align: center;

	margin-top:30px;

	margin-bottom:30px;

}



div#kolumne{ 

width:250px;

padding: 0 8px 0 0px;

border-right: solid 1px #000;



}



div#kolumne h2{ 

	 font-size:110%; 

	 font-weight:bold;

	 margin-top:5px;

	 margin-bottom:0px;

	 }

	 

	 

	 div#content #kolumne h3 {

	

	font-weight: bold;

	font-size:100%;

	margin-top: 0px;

	padding-top:5px;

	

	margin-bottom: 0px;

	padding-bottom:5px;

	background-image:url(../bilder/allgemein/verlauf_kolumne.jpg);

	background-repeat:repeat-y;

	



}

	 

	 #kolumkasten {

	float: left;

	width: 150px;

	padding: 5px 5px 5px 0;

	margin:0 15px 5px 0;



	border-top: 1px dotted #000;

	border-bottom: 1px dotted #000;

	background-color:#fff;

	font-size:90%;

}

	 

	 

div#tipp{

	width:285px;

	margin-left:2px;

	padding-top: 0;

	padding-right: 6px;

	padding-bottom: 0;

	padding-left: 6px;

}



div#tipp h2{ 

	 font-size:110%; 

	 font-weight:bold;

	 margin-top:5px;

	 margin-bottom:0px;

	 }

	 

	 

	 

div#tipp h3{ 

	 font-size:100%; 

	 font-weight:bold;

	 margin-top:0px;

	 margin-bottom:10px;

	 background-image:url(../bilder/allgemein/verlauf_tipp.jpg);

	background-repeat:repeat-y;

	 }

	





#footer {background-color: #399;

	padding: 4px;

	width: 958px;

	color:#fff;

	text-align:right;

	border-bottom:1px solid #000;

}



#footer a{

	color:#fff;

	text-decoration:none

	

}

div#fotogalerie



{  width:320px;

	background-color: #fff;

	border:solid 1px #ccc;

	padding: 0px 4px 4px 2px;

	background-image:url(../bilder/allgemein/verlauf_grau.jpg);

	background-repeat:repeat-y;

	margin-bottom:10px;

	margin-top:10px;

	overflow: hidden;

}



	 div#fotogalerie  a{ 

	  font-size:85%; 

	 font-weight:bold;

	 margin-top:0px;

	 margin-bottom:10px;

	color:#000;

	

	 }

	 

	 	 #rechts #fotogalerie a:hover{ 

	  

	color:#C33;

	text-decoration: underline;

	

	

	 }

.textrechts {

	text-align: right;

	width:560px

}





#titelthema {

	font-size: 80%;

	margin: 30px 0;

	padding: 4px 0px;

	width: auto;

	border-top: 1px dotted #000;

	border-bottom: 1px dotted #000;

}



#content #titelthema h3

{ background-image:none;

font-size:120%;

	}



 div#fotogalerie  a:hover{ 

	  font-size:85%; 

	 font-weight:bold;

	 margin-top:0px;

	 margin-bottom:10px;

	color:#000;

	

}

	

	

	div#umfrage



{  width:315px;

	background-color: #fff;



	border:solid 1px #ccc;

	margin-bottom:30px;

	margin-top:10px;

	padding: 10px 6px 4px 5px;

    margin-top:5px;

	background-image:url(../bilder/allgemein/verlauf_grau.jpg);

	background-repeat:repeat-y;

	

	}

	

	

	 

	 div#umfrage .submit



        {margin-left:0px;

			margin-right:48px;

		padding-left:0px;

			font-weight:bold;

			margin-top: 10 px; 

			border: 0px;  /* Rahmen ausblenden */

                  background-color: transparent;  /* Hintergrundfarbe anpassen */

                 }

		 

	 div#umfrage .submitarchiv



        {margin-left:0px;

	

		

		padding-left:0px;

			font-weight:bold;

			margin-top: 10 px; 

			border: 0px;  /* Rahmen ausblenden */

                  background-color: transparent;  /* Hintergrundfarbe anpassen */

                 }

				 			 

				

	div#kartenverlosung .submit



        {margin-left:215px;

		padding-left:0px;

		font-weight:bold;

			margin-top: 10 px; 

			border: 0px;  /* Rahmen ausblenden */

                  background-color: transparent;  /* Hintergrundfarbe anpassen */

                 }			 

div#kartenverlosung



{  width:315px;

	background-color: #fff;



	border:solid 1px #ccc;

	margin-bottom:30px;

	margin-top:10px;

	padding: 10px 6px 4px 5px;

    margin-top:5px;

	background-image:url(../bilder/allgemein/verlauf_grau.jpg);

	background-repeat:repeat-y;

	overflow:hidden;

	

	}

	

	

	.kastenhell {

	padding: 4px;

	width: 510px;

	background-color:#fff;

	font-size:85%;

	margin:20px 20px;



	border-bottom: 1px dotted #000;

	border-top: 1px dotted #333;

}

#bildhoch {

	float: left;

	width: 255px;

	margin-right: 5px;

	margin-bottom:10px;

	font-size:80%;

	

}



#bildquer {

	

	width: 558px;

    font-size:80%;

	margin-bottom:20px;

	margin-top:5px;

}

	

	

	/* Formatierung Fotogalerie*/

dl.meImgLeft_foto {

	float: left;

	margin-left: 10px;

	margin-bottom: 0px;

	margin-top: 0px;

}

dl.meImgLeft_foto dt { margin-bottom: 0;

                  font-size: 70%; }

dl.meImgLeft_foto dd {

	margin: 0;

	font-size: 80%;

	text-align:center;

	font-weight:bold;

	padding-right: 0px;

	padding-top: 0px;

	padding-left: 0px;

	padding-bottom: 5px;

}

	

	#bildgalerie{ margin-left:0px;

	width:270px;

	float:left;

	margin-top:10px

		

		}

	#textgalerie{ margin-left:10px;

	width:280px;

	float:left;

	margin-top:10px

		

		}

		

		.kommentar {

	width: 560px; margin-top: 5px;

	padding: 0 0 5px 0;

	

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #000;

}



	

	/* Formatierung für Formular*/

.labeltext {

	text-align: left;

	width: 130px;

	padding-right: 5px;

}



.labeltext200 {

	text-align: left;

	width: 200px;

	padding-right: 5px;

}



.labeltextbreit {

	text-align: left;

	width: 410px;

	padding-right: 5px;

}



.textfeld_neutral {

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

}



.textfeld {

	width: 400px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	height: 200px;

}


.textfeldklein {
	width: 400px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin-bottom: 2px;
	height: 75px;
}



.textfeld560 {

	width: 560px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	height: 200px;

}



.textfeld200 {

	width: 200px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

}

.textfeld100 {

	width: 98px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	margin-right: 1px;

}

.textfeld20 {

	width: 34px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	margin-right: 1px;

}

.textfeld60 {

	width: 123px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	margin-right: 1px;

}

.textfeld80 {

	width: 163px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	margin-right: 1px;

}

.textfeld400 {

	width: 400px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	

}



.textfeldh70 {

	width: 400px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	margin-bottom: 2px;

	height: 70px;

}





#formularumfrage

{margin-top:10px;

 padding-top:5px;

 border-top: 1px dotted #000;

	

	}





#formular label, #formular input, #formular select { /* Alle Labels UND Formularelemente auswhlen */

  display: block;

  float: left;

  }

  

  div#formular form br { /* Alle Zeilenumbrche in Formularen auswhlen */

  clear: left; /* das floating der labels und inputs aufheben */

}

#anzeigen {

	margin: 10px 0 0 0;

	padding: 5px  0 0 0;

	width: 560px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #000;

	overflow:hidden

}





.anzeigenrubrik {

	margin: 0 0 5px 0;

	padding: 5px  0 10px 0;

	width: 560px;

	border-bottom: 1px dotted #000;

    overflow:hidden

}

.bildanzeigen {

	padding: 0px;

	clear: both;

	float: left;

	margin-right: 100px;

	

}





.anzeigenkasten {

	padding: 0px;

	clear: both;

	float: left;

	margin-right: 100px;

	min-height:100px;

    max-width:250px;	

}

#content p.linkanzeigen a

{color:#000;}





#content #anzeigen h1 {

	font-size: 110%;

	color:#000

}

#content #anzeigen p {

	font-size: 100%;

	color:#000;

	margin: 5px 0 5px 0;

}



#content #anzeigen .anzeigenrubrik p {

	font-size: 100%;

	color:#000;

	margin: 10px 0 10px 0;

	

	

}

#content #anzeigen a {

	

	color:#000;

	

}



#content #anzeigen a:hover {

	

	color: #900;

	text-decoration:underline;

	

}



#content #anzeigen p.text_links_klein {

	margin-top:0;

		padding-top: 0px;

		margin-bottom: 10px;

	font-size:80%;



	

}.kasten150 {

	height: 30px;

	width: 150px;

	padding: 0px;

	clear: both;

	float: left;

	margin-right: 100px;

}



.floatlinks
{
float: left;
width: 250px;


padding: 0px;
}

.kastentier {

	
	width: 150px;

	padding: 0px;

	clear: both;

	float: left;

	margin-right: 100px;

}

ul#nextback
{
list-style-type: none;
margin: 0;
padding: .5em 0;

}

ul#nextback li a
{
display: block;
width: 5em;
color: #000;

padding: .2em 0;
text-align: center;
text-decoration: none;
}



ul#nextback .left { float: left; }
ul#nextback .right { float: right; }







/* -- SWFUpload Table Styles ------------------------------- */

#swfup td {

	font: 10pt Helvetica, Arial, sans-serif;

	vertical-align: top;

}



.progressWrapper {

	width: 357px;

	overflow: hidden;

}



.progressContainer {

	margin: 5px;

	padding: 4px;

	border: solid 1px #E8E8E8;

	background-color: #F7F7F7;

	overflow: hidden;

}

/* Message */

#swfup .message {

	margin: 1em 0;

	padding: 10px 20px;

	border: solid 1px #FFDD99;

	background-color: #FFFFCC;

	overflow: hidden;

}

/* Error */

#swfup .red {

	border: solid 1px #B50000;

	background-color: #FFEBEB;

}



/* Current */

#swfup .green {

	border: solid 1px #DDF0DD;

	background-color: #EBFFEB;

}



/* Complete */

#swfup .blue {

	border: solid 1px #CEE2F2;

	background-color: #F0F5FF;

}



.progressName {

	font-size: 8pt;

	font-weight: 700;

	color: #555;

	width: 323px;

	height: 14px;

	text-align: left;

	white-space: nowrap;

	overflow: hidden;

}



.progressBarInProgress,

.progressBarComplete,

.progressBarError {

	font-size: 0;

	width: 0%;

	height: 2px;

	background-color: blue;

	margin-top: 2px;

}



.progressBarComplete {

	width: 100%;

	background-color: green;

	visibility: hidden;

}



.progressBarError {

	width: 100%;

	background-color: red;

	visibility: hidden;

}



.progressBarStatus {

	margin-top: 2px;

	width: 337px;

	font-size: 7pt;

	font-family: Arial;

	text-align: left;

	white-space: nowrap;

}



a.progressCancel {

	font-size: 0;

	display: block;

	height: 14px;

	width: 14px;

	background-image: url(../images/cancelbutton.gif);

	background-repeat: no-repeat;

	background-position: -14px 0px;

	float: right;

}



a.progressCancel:hover {

	background-position: 0px 0px;

}





/* -- SWFUpload Object Styles ------------------------------- */

.swfupload {

	vertical-align: top;

}

div#rubrik a { text-decoration:none;
  color:  #C33;
	
	
	
	
	}