/* -- Allgemeines -- */

body {  
 background: #fff; 
 margin: 0;
 padding: 0;   
 color: #333;
 min-width: 930px; /* Bei weniger als 930px Breite soll ein Scrollbalken erscheinen */
 height: 100%;
 font-size: 95.01%; /* umgeht den Font-Size-Bug im Safari, ?lteren Operas und IE */
 font-family: avantgarde, arial, sans-serif ;
}
a { color: #333; text-decoration: underline; }
a:visited { color: #666; } 
.head_link {font-size: 120%;}
.map_letter {font-size: 120%; font-weight: bold;}

.urkunde { margin: 0 0.8em 1em 0; font-weight: bold; }
.urkunde  a { padding: 3px; border: 1px solid #d96c00; text-decoration: none; color: #333; background: #ccc;}
.urkunde  a:hover { padding: 3px;  border: 1px solid #d96c00; text-decoration: none; color: #fff; background: #d96c00;}

.marker {
 	background: #e3e2c0;
 	padding : 15px;
 	margin: 0 0 1em 0;
 	width: 90%; 
 	overflow: hidden; 
	border: 1px solid #ff0000; 
	font-size: 1em; 
	line-height: 1.2em; 
  letter-spacing: 1px;
	font-family: "Comic Sans MS", arial, sans-serif;
	font-weight: normal;
}

.marker2 {
 	background: #e3ce7a;
 	padding : 3px;
 	margin: 0 0 1em 0;
 	width: 99%; 
 	overflow: hidden; 
	border: 1px solid #ff7e00; 
	font-size: 1em; 
	line-height: 1.2em; 
	font-family: "Comic Sans MS", arial, sans-serif;
	font-weight: normal;

}
.marker2 h1 {	text-align: center;}

#ad {
display: none;
 	background: #e3e2c0;
 	padding : 3px;
 	margin: 0;
 	width: 162px; 
 	overflow: hidden; 
	border: 1px solid #ff7e00; 
	font-size: 1em; 
	line-height: 1.2em; 
	font-family: "Comic Sans MS", arial, sans-serif;
	font-weight: normal;
}
#ad h1 { 
	margin: 0 0 0.2em 0; 
	padding: 3px;
	text-align: left; 
	font-size: 1.1em; 
	line-height: 1.2em; 
	letter-spacing: 0px;  
	color: #d96c00;
	}
#ad p { margin: 0; padding: 0 0 0.25em 0; }

h1, h2, h3 { 
 padding-top: 0;
 color: #d96c00;
 font-family: "Comic Sans MS", arial, sans-serif;
}
h1 { margin: 0 0 0.5em 0; padding: 0;  text-align: left; font-size: 1.1em; line-height: 1.6em; letter-spacing: 2px;  }
h1 img { margin: 0; padding: 0 5px 0 0; float: left; }
h2 {  margin: 0; padding: 0.5em 0.5em 0.5em 0; font-size: 1em; letter-spacing: 1px;  }
h3 {  margin: 0 0 0.5em 0; padding: 0.5em 0.5em 0 0; font-size: 1em; letter-spacing: 1px; border-bottom: 1px solid #d96c00; }
p, label { margin: 0; padding: 0 0.5em 0.5em 0; }

img { 
 border: 0px;
 padding: 0px;
 }
.fleft { /* Sachen an denen der Text vorbeiflie?en soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen sch?nen Abstand w?hlen sonst kleben die Sachen so am Text. */
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}

.pcolright {
 	margin: 0 0 0.2em 1em;
	padding:0;
	float:right;
	width:320px;
	overflow: hidden;

}
.pcolright img { margin: 0 0 0.5em 0;}

.center { text-align: center; }
.oben    { vertical-align:top;  }
.mittig  { vertical-align:middle; }
.unten   { vertical-align:bottom; }


table, tr, td {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse:  collapse;  
}


.button {
 margin: 1em 0 1em 0;
 background: #d96c00;
}

textarea {
 overflow: auto;
}

#des {
	display: none;
}


#container {
 margin: 0 auto 0 auto;
 padding:0;
 width: 930px; 
 font-size: 1em; 

}

/* -- Layoutspezifisches -- */
#header { 
	margin:0; 
	padding:0 0 30px 0; 
	width: 930px; 
	height: 200px; 	
	clear:both; 
	background: #fff; 
	}
#header img {  padding: 0; border: 0; }
#header #header_content {padding-top: 30px; padding-left: 20px; }
#header #logo { float:left; width: 900px;}

#navi { 
	margin:0; 
	padding: 0; 
	width: 930px; 	
	clear:both;
	background: #fff; 
	}
#navi_content {
	margin:0;
	padding: 0 0px 0 0px;
	border-top: 1px solid #d96c00;
	}

#main_box { 
	margin:0; 
	padding:0;
	width: 930px; 
	clear:both;	 
	background: #fff; 
	}
#main_box_content {
	margin:0;
	padding:10px 0 10px 0;
	background: #fff; 
	}

#left_content {
	width: 200px;  
	margin:0; 
	padding:0; 
	float: left; 
	overflow:hidden; 
	}
#main_content { 
	width:700px; 
	margin:0; 
	padding:0 0px 0 10px; 		
	float: left; 
	overflow:hidden; 
	font-family: "Comic Sans MS", avantgarde, arial, sans-serif;
 	line-height: 1.4em;
 }
 

#footer { 
	margin:0; 
	padding: 0; 
	width: 930px; 	
	clear:both;
	background: #fff; 
	}
#footer_content {
	margin:0;
	padding: 10px 0px 0 10px;
	}

#border_u { 
	margin:0; 
	padding:0;
	width: 930px; 
	height: 20px; 		
	clear:both;
	background: #2c7322; 
	}


/* Formulare */	
#DrachenbootForm  label {
    display: block;
    width: 200px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
	}
#DrachenbootForm  br {clear:both;}
#DrachenbootForm .organisation {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
	width: 100%;
	}
#DrachenbootForm  .text {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
	width: 300px;
	}	
#DrachenbootForm .requiredValue{
	border: 1px solid red;
	}	
#DrachenbootForm input, #DrachenbootForm select {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}	

.errors {
	border: 1px solid red;
	padding: 2px;
	color: red;
}	


.clear { clear: both; }


/* Galerie
--------------------------------------------------*/
#galerie h2 { color: #003333; border: 0; }
#galerie h3 { color: #666666; font-weight:bold; border: 0;  }
#galerie #preview {display:none;}
#galerie #show a {display:none;}
#galerie #autostop {display:none;}		
#galerie #preview img { margin: 0 0.3em 0.5em 0; border: 3px solid #ccc; float: left; }
#galerie #show img {border: 10px solid #ccc; }


/* Menü der Galerie
------------------------------------------------------------*/

.submenu { margin:0; padding:0; width:200px; overflow:hidden; list-style-type:none; background:transparent; }
.submenu ul { margin:0; padding:0; }
.submenu a { display:block; text-decoration: none; }
.submenu ul li { float:left; width:100%; margin:0; padding: 2px 0px 2px 0px; }

.submenu ul li a { 
	width: 90%;
	padding: 5px 5px 5px 5px; 
	background-color:transparent;
	color: #333; 
	font-size: 15px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	border: 1px solid #ff7e00;	
}

.submenu li a:hover { 
	background: #cce5ff; 
	color: #000;
	border-top: 1px solid #ff7e00;
	border-right: 1px solid #ff7e00;
	border-bottom: 1px solid #ff7e00;
	border-left: 1px solid #ff7e00;
}
.submenu .active { 
	background: #36f; 
	color: #fff;
	border: 1px solid #36f;
}
.submenu ul li:hover ul { display: block; }
.submenu ul li ul li { float:left; width:100%; margin:0; margin-top:-1px; padding: 0px 0px 0px 10px; }
.submenu ul li ul li a { 
	width: 87.5%;
	padding: 2px; 
	background-color:transparent;
	color: #333; 
	font-size: 13px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	border: 1px solid #36f;	
}

.submenu ul li#title { 
	width: 90%;
	padding: 5px 5px 5px 5px; 
	background-color: transparent;
	color: #ff7e00; 
	font-size: 15px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: bold;
	text-align: left;
	border: 0px solid #36f;	
}





/* etwas Werbung in eigener Sache */
#kubikweb {	
	display:block; 
	float:right; 
	margin: 0 0 10px 0; 
	padding: 5px 0px; 
	height:40px; 
	text-align: right;	
	}
#kubikweb, #kubikweb a { 
	line-height: 10px;
	font-size: 10px;	
	color: #999;
	text-decoration: none;
}

#kubikweb .kubikweb, #kubikweb .kubikweb a {
	font-size: 14px;	
	color: #fff;
}
#kubikweb .related , #kubikweb .related a { 

}
#kubikweb .valid , #kubikweb .valid a { 
/* display: none; */
}