/* css developed by 12bis3.de */

/* generelle tags */
@import url('/typo3conf/ext/cstm_simplesound/scripts/main_bk1.css');

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
	margin: 15px 0px 0px 0px;
	color: #333333;
	padding: 10px 0px 0px 0px;
}

img {
	border: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

ul {
	margin: 0px; 
	padding: 0px 0px 17px 40px;
	list-style-type: disc;
}

ol {
	margin: 0px; 
	padding: 0px 0px 17px 45px;
	list-style-type: decimal;
}

h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 7px;
}

h2 {
	margin: 0px;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 9px;
}

h3 {
	margin:0px;
	font-weight: bold;
	font-size: 110%;
	color: #666666;
}

h4 {
	padding:0px;
	font-size:100%;
	margin:0px;
} 

p {
	margin: 0px;
	padding-bottom: 17px;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* --------------------------------------
klassen und ids für das html-grundgerüst 
----------------------------------------*/

#container {
  	width: 840px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#header {
	text-align: left;
}

#content {
	text-align: left;
	padding-top: 10px;
}

#navigation {
	width: 210px;
	float: left;
}
#inhalt {
	width: 430px;
	padding: 0px;
	float: left;
	padding: 15px 0px 0px 10px;
}
#service {
	width: 180px;
	float: left;
	padding-left: 10px;
}


/* ------------------------------------------------------------------
klassen und ids für den header mit visual, funktionsnavigation, suche
-------------------------------------------------------------------*/

/* funktionsnavigation definitionen */
#function_navi {
	padding-bottom: 2px;
	background-image: url(/fileadmin/elkwue/images/baukasten/dots_top.gif);
	background-repeat: no-repeat;
	text-align: right;
}
#function_navi a {
	color:#333333;
}

/* gemeinde logo oder überschrift und gemeindebilder definitionen */
#gemeinde_logo {
	float: left;
	width: 270px;
}
#gemeinde_logo h1 {
	font-size: 150%;
	padding: 0px;
}
#gemeinde_logo table {
	border: none;
	width: 270px;
	height: 110px;
}
#gemeinde_logo td {
	vertical-align: middle;
}
#gemeinde_bilder {
	float: right;
	text-align: right;
    height: 110px;	
}
#gemeinde_bilder img {
	float: left;
	padding-left: 10px;
}

#dots_header {
	background-image: url(/fileadmin/elkwue/images/baukasten/dots_top_small.gif);
	background-repeat: repeat-x;
	width: 839px;
	height: 9px;
	font-size: 0px;
	border-right: 1px solid #999999;
	padding-top: 2px;
}

/* pfad navigation definitionen */
#pfad_navigation {
	float: left;
	margin-top: 7px;
}
#pfad_navigation a {
	color: #666666;
}

/* suche definitionen */
#suche {
	width: 220px;
	margin-left: -25px;
	text-align: right;
	float: right;
}	
#suche_left {
	background-image: url(/fileadmin/elkwue/images/baukasten/suche_left.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 28px;
	float: right;
}
#suche_back {
	background-image: url(/fileadmin/elkwue/images/baukasten/suche_back.gif);
	background-repeat: repeat-x;
	float: right;
	height: 28px;
	padding: 3px 6px 0px 6px;
}
#suche_right {
	background-image: url(/fileadmin/elkwue/images/baukasten/suche_right.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 28px;
	float: right;
}
input.eingabe {
	background-image: url(/fileadmin/elkwue/images/baukasten/form_back.gif);
	background-repeat: no-repeat;
	color: #333333;
	border: 1px solid #666666;
	padding-left: 2px;
}


/*------------------------------------------------------ 
klassen und ids für die hauptnavigation mit allen levels
------------------------------------------------------*/

a.navi_level_2:link, a.navi_level_2:visited, a.navi_level_2:hover, a.navi_level_2:active {
	font-weight: bold;
}

a.navi_level_2_active:link, a.navi_level_2_active:visited, a.navi_level_2_active:hover, a.navi_level_2_active:active {
	font-weight: bold;
	color: #FFFFFF;
}

a.navi_level_3_active:link, a.navi_level_3_active:visited, a.navi_level_3_active:hover, a.navi_level_3_active:active {
	color: #FFFFFF;
}

a.navi_level_4:link, a.navi_level_4:visited, a.navi_level_4:hover, a.navi_level_4:active {
	font-size: 85%;
}

a.navi_level_4_active:link, a.navi_level_4_active:visited, a.navi_level_4_active:hover, a.navi_level_4_active:active {
	color: #FFFFFF;
	font-size: 85%;
}

ul.level4 {
	list-style-image: url(/fileadmin/elkwue/images/baukasten/navi_pfeil_4_empty.gif);
	padding: 0px 0px 0px 42px;
}

ul.level4_active {
	list-style-image: url(/fileadmin/elkwue/images/baukasten/navi_pfeil_4_active.gif);
	padding: 0px 0px 0px 42px;
}

ul.level4 li, ul.level4_active li {
	padding: 1px 2px 1px 0px;
}

#navigation_top {
	background-image: url(/fileadmin/elkwue/images/baukasten/navi_top.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 10px;
	border: none;
	font-size: 0px;
}

div.navi_level_2, div.navi_level_2_active  {
	border-bottom: 1px solid;
	padding: 3px 3px 3px 8px;
}

div.navi_level_2_more {
	padding: 3px 3px 3px 8px;
}

div.navi_level_2_3 {
	padding: 3px 3px 3px 8px;
}

div.navi_level_3 {
	padding: 2px 2px 2px 25px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
}

div.navi_level_3_more {
	padding: 2px 2px 2px 25px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div.navi_level_3_active {
	padding: 2px 2px 2px 25px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
	background-image: url(/fileadmin/elkwue/images/baukasten/navi_pfeil_3_active.gif);
}

div.navi_level_3_moreactive {
	padding: 2px 2px 2px 25px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(/fileadmin/elkwue/images/baukasten/navi_pfeil_3_moreactive.gif);
}

#navigation_border {
	border-right: 2px solid;
	border-left: 2px solid;
}

#navigation_bottom {
	background-image: url(/fileadmin/elkwue/images/baukasten/navi_bottom.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 6px;
	font-size: 0px;
}

/*------------------------------------
klassen und ids für den contentbereich
------------------------------------*/

.abstract {
	font-weight: bold;
}

/*definition für ein bild mit einem bilduntertitel */
.bild_inhalt_links {
	float: left;
	padding: 0px 10px 0px 0px;
}
.bild_inhalt_rechts {
	float: right;
	padding: 0px 0px 0px 10px;
}
.bild_unterschrift, .bild_inhalt_links p {
	background-image: url(/fileadmin/elkwue/images/baukasten/icon_bildunterschrift.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 0px 25px !important;
	font-size: 85%;
	margin-bottom: 10px;
	clear: both;
}
.bild_unterschrift_center {
	text-align:center;
	margin-bottom: 1em;
}
.bild_unterschrift_center p {
	background-image: url(/fileadmin/elkwue/images/baukasten/icon_bildunterschrift.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 0px 25px;
	font-size: 85%;
	padding-bottom: 0;
	text-align: left;
	margin: 0 auto;
}


/* klassen und ids für inhalts-boxen, mit und ohne hintergrund */
.content_box_top {
	background-image: url(/fileadmin/elkwue/images/baukasten/content_box_top.gif);
	background-repeat: no-repeat;
	width: 418px;
	height: 20px;
	padding: 5px 10px 0px 2px;
}
.content_box_back {
	padding: 5px 5px 0px 5px;
}
.content_box_bottom {
	background-image: url(/fileadmin/elkwue/images/baukasten/content_box_bottom.gif);
	background-repeat: no-repeat;
	width: 430px;
	height: 6px;
	font-size: 0px;
	margin-bottom: 17px;
}
.content_box_headline {
	background-image: url(/fileadmin/elkwue/images/baukasten/service_box_icon.gif);
	background-repeat: no-repeat;
	padding: 0px 2px 0px 25px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}
.content_box_allelinks {
	float: right;
	text-align: right;
}
.content_box_allelinks a {
	color: #FFFFFF;
}
.content_nobox_headline {
	font-weight: bold;
	float: left;
	padding-bottom: 2px;
}
.content_nobox_allelinks {
	float: right;
	text-align: right;
}
span.kennzeichnung {
	font-weight: normal;
}

ul.termine {
	padding: 0px 0px 17px 40px;
	list-style-type: circle;
}
ul.termine li {
	padding-bottom: 13px;
}

/* klassen für das element zitat */
.zitat_top {
	width: 430px;
	height: 6px;
	font-size: 0px;
	background-image: url(/fileadmin/elkwue/images/baukasten/zitat_oben.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}
.zitat_back {
	background-image: url(/fileadmin/elkwue/images/baukasten/zitat_mitte.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	padding: 2px 10px 2px 10px;
}
.zitat_bottom {
	width: 430px;
	height: 6px;
	font-size: 0px;
	background-image: url(/fileadmin/elkwue/images/baukasten/zitat_unten.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	margin-bottom: 17px;
}

/* definitionen für die listen bzw. kontext-navi tabelle */
table.kontext {
	width: 430px;
	font-size: 85%;
	border-collapse: collapse;
	margin-bottom: 17px;
}
table.kontext th {
	background-image: url(/fileadmin/elkwue/images/baukasten/table_top_back.gif);
	background-repeat: repeat-x;
	padding: 5px 3px 3px 3px;
	color: #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
table.kontext td {
	padding: 3px;
}
td.footer {
	padding: 0px;
	background-image: url(/fileadmin/elkwue/images/baukasten/table_bottom_back.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	height: 9px;
	border-top: 2px solid #FFFFFF;
}


/*definition für die bildleiste bzw. bilder */
.bildleiste {
    padding: 0px 0px 0px 0px;
    font-size: 85%;
    margin-bottom: 17px;
}
.bildleiste img {
	margin-right: 10px;
	float: left;
}
img.content_bildleiste {
    margin-right: 10px;
    float: left;
}

img.content_big_left {
    margin: 0px 10px 5px 0px;
    float: left;
}

.content_big_center {
    margin: 0px 10px 5px 0px;
    float: none;
	text-align: center;
}

img.content_big_right {
    margin: 0px 10px 5px 0px;
    float: right;
}

.imagemitte {
    text-align: center;
    padding-bottom: 17px
}




/* klassen für link-box */
ul.linkliste {
	padding: 0px 0px 17px 40px;
	list-style-type: none;
}

/* klassen für content-navigation (vor, zurück) */
.content_zurueck {
	width: 33%;
	text-align: left;
	float: left;
	padding: 2px 0px 12px 0px;
}
.content_mitte {
	text-align: center;
	float: left;
	padding: 2px 0px 12px 0px;
	width: 34%;
}
.content_vor {
	width: 33%;
	text-align: right;
	float: right;
	padding: 2px 0px 12px 0px;
}
.content_navi_linie_top {
	border-top: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
.content_navi_linie_bottom {
	border-top: 1px solid #CCCCCC;
}

/* klassen für das kalenderblatt */
.kalenderblatt_links, .termin_links {
	float: left;
	width: 110px;
	padding: 0px 10px 10px 0px;
}
.kalenderblatt_rechts, .termin_rechts {
	float: left;
	width: 310px;
	padding-bottom: 10px;
}

p#autor {
	font-style: italic;
  padding: 12px 0px 12px 0px;
}

/* klassen für die bildergalerie */
.thumbs {
	float: left;
	padding-right: 20px;
	font-size: 85%;
	width: 120px;
}
.thumbs2 {
	float: left;
	padding: 0px 0px 20px 0px;
	font-size: 85%;
	width: 130px;
}


/*----------------------------
klassen und ids für den footer
----------------------------*/

#footer div {
	float: left;
	color: #999999;
	font-size: 85%;
}

#footer_datum {
	width: 160px;
}

#footer_drucken {
	width: 140px;
}

#footer_oben {
	text-align:right;
	width: 130px;
}

#footer a {
	color: #999999;
}


/*--------------------------------------------
klassen und ids für den service bereich (boxen)
--------------------------------------------*/

.service_box_top {
	background-image: url(/fileadmin/elkwue/images/baukasten/service_box_top.gif);
	background-repeat: no-repeat;
	width: 168px;
	height: 20px;
	padding: 5px 10px 0px 2px;
}
.service_box_content {
	width: 176px;
}
.service_box_bottom {
	background-image: url(/fileadmin/elkwue/images/baukasten/service_box_bottom.gif);
	background-repeat: no-repeat;
	width: 178px;
	height: 5px;
	font-size: 0px;
	margin-bottom: 10px;
}
.service_box_headline {
	background-image: url(/fileadmin/elkwue/images/baukasten/service_box_icon.gif);
	background-repeat: no-repeat;
	padding: 0px 2px 0px 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.service_box_inhalt {
	padding: 6px;
	text-align: left;
}
.service_banner {
	margin-bottom: 10px;
}
.service_box_inhalt ul {
	padding: 0px 0px 0px 14px;
}
#service img {
	margin-bottom: 10px;
}

p.kalenderblatt {
	color: #666666;
	padding: 0px;
}
p.kalenderblatt a {
	color: #666666;
}
#service h3 {
	color: #FFFFFF;
}

.suche_links {
    float: left;
    width: 95px;
    padding: 0px 10px 10px 0px;
}
.suche_rechts {
    float: left;
    width: 302px;
    padding: 0px 0px 10px 0px;
}

/* stlyes für eine box (ganze breite) */
.box_color_top {
    background-image: url(/fileadmin/elkwue/images/box_color_top.gif);
    background-repeat: no-repeat;
    background-color: #EEEEEE;
    font-size: 0px;
    width: 430px;
    height: 6px;
}
.box_color_back {
    padding: 5px 10px 5px 10px;
    background-color: #EEEEEE;
    position: static;
}
.box_color_bottom {
    background-image: url(/fileadmin/elkwue/images/box_color_bottom.gif);
    background-repeat: no-repeat;
    background-color: #EEEEEE;
    font-size: 0px;
    width: 430px;
    height:6px;
    margin-bottom: 17px;
}

/* br definition für den internet explorer, damit der br eine höhe von null hat */
br.ie {
    font-size: 0px;
}

input.submit {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        cursor: pointer;
}
textarea {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


/* definitionen für das gästebuch */
.gaestebuch { 
	margin-bottom: 16px;
}

.gaestebuch-header {
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.gaestebuch-header span {
	font-weight: normal;
	font-size: 85%;
}

.gaestebuch-content {
	padding: 5px 5px 0px 5px;
}
.gaestebuch-content p {
	padding-bottom: 10px
}

p.gaestebuch-datum {
	color: #666666;
	font-size: 85%;
	padding-bottom: 4px
}

/* teaser-text-box */
.uebersicht_artikel, .teaser_bild_box {
	margin-bottom: 10px;
	/*margin-top: 16px;*/
	padding: 0 5px;
}
.teaser_bild_box {padding: 5px 5px 5px 0}
.uebersicht_artikel img.artikel, .teaser_bild_box img.artikel {
	float: left;
	margin: 0px 10px 5px 0px;
}
#container .uebersicht_artikel a img {
	background-color: #fff;
        /*background-color: #3462A8;*/
}

.news_list h4 {
	clear: both;
}


/* audio */

.audio {
	border:1px solid #666666;
	margin:0 0 1em;
	padding:0;
}

.audio p, .audio div {
	margin:0 10px 8px 10px;
	padding:0;
}

.audio h4 {
	background:url(/fileadmin/elkwue/images/baukasten/audio-icon.png) no-repeat scroll 10px 5px transparent;
	border-bottom:1px solid #666666;
	font-size:100%;
	margin-bottom:10px;
	padding:3px 0 3px 25px;
}


/* clear bereich */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
.clear {
	display: block;
}

div.tx_cstmsimplegallery_full {
       height: 405px;
}

div.greybox {
	background: url(/fileadmin/elkwue/images/bg-greybox.png) top right no-repeat #eee;
	border-left: 3px solid #666;
	padding: 10px 20px 0 10px;
	margin-bottom: 1em;
}

.second {
	margin-top: 16px;
}


* html .formular_links {height: 1%}



/* formular definitionen */

fieldset#ecard {
        background-color: #eee;
		border: none;
        padding: 5px;
}
fieldset#ecard legend {
        font-weight: bold;
        color: #333;
}
fieldset#ecard input, fieldset#ecard textarea, fieldset#ecard select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
    background-image: url(/fileadmin/elkwue/images/form_back.gif);
	background-repeat: no-repeat;
	border: 1px solid #666;
	padding: 1px;
	color: #333;
	width: 230px;
}
fieldset#ecard label {
	width: 160px;
	float: left;
	display: inline;
}
fieldset#ecard input.submit {
        background-color: #d4d0c8; color: #000; background-image: none;
}
fieldset#ecard p.radio input {
        clear: left;
		background-color: transparent; 
		border: none; 
		background-image: none;
		width: 20px;
		float: left;
		padding-right: 5px;
}
fieldset#ecard p.radio {
	padding-left: 152px;
}
* html fieldset#ecard p.radio {
	padding-left: 160px;
}
fieldset#ecard p.radio label {
	width: 210px;
	float: left;
	margin-bottom: 6px;
}

fieldset#ecard p {
	clear: left;
}



/* bildergalerie */

.tx-cstmsimplegallery-pi1 ul {
	list-style-type: none;
}

.tx_cstmsimplegallery_full {
	clear: both;
}

 .tx_cstmsimplegallery_full {
	width: 100%;
	text-align: center;
}
.tx-cstmsimplegallery-pi1 ul {
  	list-style: none;
  	margin: 10px 0;
	padding: 0;
}
.tx-cstmsimplegallery-pi1 ul li {
  	float: left;
 	width: 33%;
}

.tx-cstmsimplegallery-pi1 ul li.p-left {
	text-align: left;
}
.tx-cstmsimplegallery-pi1 ul li.p-middle {
	text-align: center;
}
.tx-cstmsimplegallery-pi1 ul li.p-right {
	text-align: right;
}

.tx-cstmsimplegallery-pi1 ul li.p-left a {
	background: url(/fileadmin/elkwue/images/pfeil_zurueck.gif) no-repeat left center;
	padding-left: 10px;
}

.tx-cstmsimplegallery-pi1 ul li.p-right a {
	background: url(/fileadmin/elkwue/images/pfeil_link.gif) no-repeat right center;
	padding-right: 10px;
}


/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;

	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
.clear {
	display: block;
}

.tx-bfactorsecurespende-pi1 form {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
}
.tx-bfactorsecurespende-pi1 form label {
    float: left;
    padding-right: 15px;
    text-align: left;
    width: 110px;
}
.tx-bfactorsecurespende-pi1 form p {
    clear: left;
    margin-bottom: 0.5em;
    overflow: hidden;
    padding-bottom: 0;
}
.tx-bfactorsecurespende-pi1 form input {
    margin: 0 !important;
    width: 263px;
}
.tx-bfactorsecurespende-pi1 form input#fld_urkunde1, .tx-bfactorsecurespende-pi1 form input#fld_urkunde2 {
    padding-bottom: 0.5em;
}
.tx-bfactorsecurespende-pi1 form img {
    margin-bottom: 0.8em;
}