


div#inhalt {
 color: #0000aa;
margin:0 10pt;
padding-top:16pt;
 padding-bottom:12pt;
 background-color:#ffffdf;
/*border: 1px solid #37444f;*/
 font-size:12pt;
}


div#inhalt li {
/*list-style-image:url(../zeigefinger_re.gif);*/ 
list-style-type:circle;
text-align:left;
margin-left:70pt;
}

div#inhalt ul {
text-align:left;
margin-left:50pt;
}

div#inhalt a {
 text-decoration:none;
 color: #0000aa;
}

div#inhalt a img {
 border-color:#fee6e6;
 /*border:0;*/
}

div#inhalt p {
margin-top:8pt;
margin-bottom:12pt;
}

div#inhalt input {
width:196pt;
}

div#inhalt li {
margin-left:0pt;
}

.angebot {
	margin: 15pt;
	text-align: left;
	font-size: 14pt;
}

.einzug1 {
margin-left:30pt;
}

div#menue_rechts {
 background-image:url('/files/img/img_start/menue001.jpg');
 background-repeat:no-repeat;
 background-position:center center;
 height:400pt;
}

.spalte {
width:20%;
text-align:center;
float:left;
}

.spaltelinks {
/*background-color: #ffff00;*/
width:140pt;
text-align:left;
float:left;
}

.spalterechts {
/*background-color: #00ff00;*/
width:320pt;
text-align:left;
}

div#inhalt_links {
 float:left;
width:218pt;
text-align:left;
}

.inhalt_links {
 /*clear:both;*/ 
 float:left;
width:218pt;
text-align:left;
}

div#inhalt_rechts {
 margin-left:224pt;
text-align:left;
}

.inhalt_rechts {
text-align:left;
}

div#mitte_oben {
/* background-color: #ffff00;*/
text-align:center;
 width:98%;
}

div#mitte_oben table {
/* width:460pt;*/
position:relative;
top:-60pt;
left:0;
}

div#links_oben {
margin:10pt;
}

div#rechts_oben {
margin-left:10pt;
margin-top:10pt;
/*background-color: #f0f0f0;*/
}


div#links_unten {
/*background-color: #0f0f0f;*/
}

div#rechts_unten {
/*background-color: #0000ff;*/
}

div#mitte_unten {
/*background-color: #0000ff;*/
clear:both; 
 height:42pt;
 text-align:center;
}

div#mitte_unten_logo {
/*margin-left:40pt;
 margin-top:4pt;*/
width:60pt;
float:left;
}

div#mitte_unten img {
/*margin-left:40pt;*/
width:40pt;
 height:28pt;
border:0;
}

div#mitte_unten p {
/*margin-left:130pt;*/
margin-top:6pt;
 text-align:center;
/* width:360pt;*/
  font-weight:600;
  font-size:14pt;
}
div#mitte_unten.tinymcewysiwyg {
 text-align:center;
 }

div#mitte_unten_logo a {
border:0;
}

div#wehren {
 width:100%;
 text-align:left;
}

.gemeindewehr {
/* background-color:#ffffff;*/
 text-align:left;
  margin-left:50pt;
}

.ortswehr {
/* background-color:#00ffff;*/
 text-align:left;
  margin-left:80pt;
}

.kal_month {
 text-align:left;
 font-style:italic;
 font-size:14pt;
 font-weight:550;
width:98%;
}

.kal_list_spalte1 {
	width: 48pt;
	text-decoration: none;
	padding:4pt;
/*background-color:#00ffff;*/
}

.kal_list_spalte2 {
	width: 56pt;
	text-decoration: none;
	padding:4pt;
	font-size:10pt;
}
/*.kal_list_spalte3 {
	width: 60pt;
	text-decoration: none;
		padding:4pt;
}	*/
.kal_list_spalte4 {
/*width: 230pt;*/
text-decoration: none;
padding:4pt;
text-align:left;
}
.kal_list_spalte5 {
width: 140pt;
text-decoration: none;
padding:4pt;
text-align:left;
}
.kal_highlight{
 font-size:13pt;
 font-weight:600;
}

.wohn_bild {
 float:left;
width:130px;
text-align:left;
/*background-color:#00ffff;*/
}
.wohn_bild img {
width:120px;
}

.wohn_text {
margin-left:146px;
}

.idu-map-control-container *, .ext-js *{
text-align:left;
color:black;
}
.x-window iframe{
width:100%;
height:100%
}

.spalte1 {
	width: 50px;
	text-decoration: none;
}
.spalte2 {
	width: 78px;
	text-decoration: none;
}
.spalte3 {
	width: 50px;
	text-decoration: none;
}
.spalte4 {
	text-decoration: none;
}
.spalte5 {
	width: 160px;
	text-decoration: none;
}

.ueberschr_li{
text-align:left;
 font-size:16pt;
 font-weight:600;
}

.ico{
width: 26px;
height:26px;
border: 0pt none;
}

a.button {
display:block;
border:1px solid #0000aa;;  
width:220px;   
height:28px;
margin:auto;
text-align:center;  
padding-top:6px;
}

a.button:hover{
background-color:#ffffcc;
 border-top-width:3px;
 border-left-width:3px;
 border-left-style:solid;
 border-top-style:solid;
 border-left-color:#0000aa;
 border-top-color:#0000aa;
 padding-top:3px;
}

/* Modul externen Link einfügen */
/* Auszeichnung für den Link (um hover etc. ergänzen)*/
a.extlink_link {
font-style:italic;
text-decoration: none;
}
/* ende Modul exteren Links*/



/*Zum Modul flexible Dateieingabe*/
.data {border: 1px solid #A4A4A4;width: 100%;}
.data_desc {background-color: #E6E6E6;font-weight: bold;}
.data_zebra {}
/* ende flexible Dateneingabe*/


/*Bilderanzeige die 27.*/
div.wbbgthumb { padding-right:8px; float:left; }
div.wbbgthumbs { margin-bottom:10px; float:left; }
div.wbbgbigimg { clear:both; float:left; margin-right:10px; }
.wbbgthumb a {display:block; float:left; margin:0; padding:0; border:2px solid white; }
.wbbgthumb a img {float:left; margin:0; padding:0;}
a.wbbgfirst {border:2px solid #007a7f; }
/* ende Bilderanzeige die 27.*/

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen {	font-size: 1em;padding-right: 10px;padding-left: 10px;}
/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor : pointer;}
.formgen form{line-height : 120%;}
/* Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.formgen .formblock{margin-bottom: 15px;margin-top: 10px;padding-top: 3px;padding-bottom: 3px;padding-right: 2px;padding-left: 5px;}
 .forminfo {width: 360px;margin-bottom: 15px;background-color: #FFCC33;padding-top: 3px;padding-bottom: 3px;padding-right: 2px;padding-left: 5px;font-weight: bold;border: 5px dashed #990000;}
/*Verhalten von br-Tags*/
.formgen br{clear : both;}
/* --------- FORMULAR-OBJEKTE ------------*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{width: 400px;height: 200px;margin-left: 4px;border: 1px solid #003366;background-color: #DFEEDD;}
/* Textfeld */
.formgen .formtext{width: 250px;margin-left: 4px;padding-bottom: 4px;font-size: 1em;background-color: #E9EBF3;border: 1px solid #003366;}
.formgen input:focus, .formgen input:hover,.formgen select:focus, .formgen select:hover,.formgen textarea:focus, .formgen textarea:hover {border-bottom-color: #000000;background-color: #FFCC66;}
/* Label */
.formgen label {width: 120px;clear: left;float: left;height: 20px;font-weight: bold;color: #003399;}
/* Aussehen der Select-Ausgabe */
.formgen .formselect{width: 200px;background-color: #33FF33;margin-left: 4px;color: #000000;}
/* Sende-Button */
.formgen .formsubmit{width: 100%;text-align: center;background-color: #006699;border: 1px solid #FFCC33;float: right;color: #FFFFFF;}
/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF;background-color: #990000;width: 150px;}
.formgen .fieldset {margin-bottom: 10px;}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width: 1px;color: #990000;}
.formgen .formcaptcha {border: 2px solid #990000;vertical-align: top;float: left;margin-right: 10px;}
.formgen .formreq {color: #006633;}
.formgen .formheadline {color: #993300;background-color: #FFF7EA;padding-top: 4px;padding-bottom: 4px;margin-top: 5px;margin-bottom: 5px;font-style: italic;}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/*Dokument bereitstellen word pdf*/
.list_content {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;font-size:10px;color:#666666;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:24px;width:520px;background-color:#E8E8E8;margin:0px;line-height: 18px;}
.list_content2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;	text-decoration:none;font-size:10px;color:#666666;padding-left:10px;padding-top:3px;padding-right:24px;padding-bottom:3px;width:520px;background-color:#d0d0d0;margin:0px;line-height: 18px;}
/* Ende Dokument bereitstellen word pdf*/

/*Compakt download*/
.compactdownload_spalten{
width:30px;
vertical-align:baseline;
}
#compactdownload{
width:680px;
}
.compactdownload_icon{
border:0px;
}
#compactdownload_header {
  font-family: Arial, Helvetica, sans-serif;
     background-color: #00483A;
     color: #fff;
     height:30px;
     
}
.compactdownload_col_odd{
  font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:25px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #333;
    border: 1px solid #00483A;
    color: #fff;
    font-weight:bold;
    text-indent:10px;
}
.compactdownload_col_even{
font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    height:25px;
    padding: 5px;
    background-color: #AAA;
    border: 1px solid #00483A;
    color: #FFF;
    font-weight:bold;
    text-indent:10px;
}
/*ende Compakt download*/ 

/* Magazin-Layout */
	/* Beispiel-CSS für magazin_Layout 
		.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}*/
	/* magazin_Layout mit verlinkten Einzelbildern 
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}*/
	/* komplett verlinktes magazin_Layout 
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	} */
/* ende Magazin-Layout */



/* ==============Modulname: Gerenderte Headline================ */

/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:5px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/* ================ Modulname:  News-System ======================== */
.ns_newsEntry
{
}
.ns_newsHeadline
{
}
.ns_HeadlineLeft
{
}
.ns_HeadlineRight
{
}
.ns_body
{
}
.ns_MoreLink
{
}
/* Ende News-System ======================== */


/**
 * ---------------------------------------------------------------------------------
 * Modul: 3-01 - Bild & Galerie (jscript)
 * Stand: 05-2009
 * ---------------------------------------------------------------------------------
 */

#galerie {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    /* display: block; */
}

.galerie-image {
	/* width: 270px; */ /* wird im Modul Galerie bestimmt! */
	float: left;
	position: relative;
	padding: 5px;	
}

.galerie-image img {
	padding: 10px;
	border:1px solid #aaa;
}

.eventlist {

}

.eventlist td {
 text-align:left;
 padding-left:10pt;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
width:500px;
border-width: 6px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 60px;
z-index: 100;
}
 /*position where enlarged image should offset horizontally */

/*--- ENDE ---          Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


