/* css developed by 12bis3.de */

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

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

img {
	border: 0px;
}

form {
se	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: 198px;
	float: left;
	padding: 24px 5px 0px 5px;
	text-align: left;
}
*html #navigation {
	width: 197px;
	padding: 32px 5px 0px 5px;
}

#inhalt {
	width: 430px;
	float: left;
	padding: 0px 11px 0px 10px;
	text-align: left;
}

#inhaltsub {
	width: 490px;
	float: left;
	padding: 0px 11px 0px 10px;
	text-align: left;
}

#service {
	width: 164px;
	float: left;
	padding: 32px 8px 0px 8px;
	text-align: left;
}

#zwei_left {
	width:120px; 
	float: left; 	
}

#footer {
	text-align: center;
	background-color: #FFFFFF;
	padding: 4px 0px 4px 225px;
}



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

/* kopfbereich, funktionsnavi, suche */
#function_navi {
	text-align: right;
	padding: 4px 5px 0px 0px; 
	height: 25px;
}

#function_navi img {
	vertical-align: -30%;
}

#fn_navi {
	float: right;
	padding-top: 2px; 
}
#fn_suche {
	float: right;
}

input.eingabe {
	background-image: url(/fileadmin/elkwue/images/form_back.gif);
	background-repeat: no-repeat;
	color: #333333;
	border: 1px solid #666666;
	padding-left: 2px;
}

#gemeinde_logo {
	float: left;
	border-left: 1px solid #999999;
	padding-left: 4px;
}
.nospace {
	padding-left: 0 !important;
}
#gemeinde_logo h1 {
	font-size: 170%;
	padding: 0px;
}
#gemeinde_logo table {
	border: none;
	width: 270px;
	height: 109px;
}
#gemeinde_logo td {
	vertical-align: middle;
}
#gemeinde_bilder {
	float: right;
	text-align: right;
	border-right: 1px solid #999999;
    height: 109px;
}
#gemeinde_bilder img {
	float: left;
	padding-left: 10px;
}

/* 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: 370px;
	padding-bottom: 10px;
}

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


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



/* -------------------------------
klassen und ids für die navigation
--------------------------------*/

.navipunkt {
	text-align: left;
	margin-top: 8px;
	padding: 0px 3px 1px 5px;
}
.navipunkt a:visited, .navipunkt a:active, .navipunkt a:link {
	font-weight: bold;
}
.navipunkt a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* pfad navigation definitionen */
#pfad_navigation {
	text-align: left;
	margin-bottom: 14px;
}
#pfad_navigation a {
	color: #666666;
}



/*------------------------------------------------------ 
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/navi_pfeil_4_empty.gif);
	padding: 0px 0px 0px 35px;
}

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

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

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

div.navi_level_2_more {
	padding: 0px 3px 1px 5px;
	margin-top: 8px;
}

div.navi_level_2_3 {
	padding: 0px 3px 1px 5px;
	margin-top: 8px;
}

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

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

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

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

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

#navigation_bottom {
	background-image: url(/fileadmin/elkwue/images/baukasten2/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, .bild_inhalt_links p {
	float: left;
	padding: 0px 10px 0px 0px;
}
.bild_inhalt_rechts {
	float: right;
	padding: 0px 0px 0px 10px;
}
.bild_inhalt_links img, .bild_inhalt_rechts img {
	/*border: 1px solid #999999; */
}
.bild_unterschrift {
	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;
	color: #666666;
	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;
}

/* definitionen für content boxen (mit ohne rahmen) */
.content_box {
	background-image: url(/fileadmin/elkwue/images/baukasten2/box_header_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 4px 8px 0px 8px;
	margin-bottom: 18px;
}
.content_box_headline {
	float: left;
	padding: 0px 2px 15px 0px;
	font-weight: bold;
	float: left;
}
.content_box_allelinks {
	float: right;
	text-align: right;
}

.content_nobox {
	background-image: url(/fileadmin/elkwue/images/baukasten2/box_header_back.gif);
	background-repeat: repeat-x;
	padding: 4px 8px 0px 8px;
	margin-bottom: 18px;
}

span.kennzeichnung {
	font-weight: normal;
}

/* klassen für das element zitat */
.zitat_top {
	width: 490px;
	height: 6px;
	font-size: 0px;
	background-image: url(/fileadmin/elkwue/images/baukasten2/zitat_oben.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}
.zitat_back {
	background-image: url(/fileadmin/elkwue/images/baukasten2/zitat_mitte.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	padding: 2px 10px 2px 10px;
}
.zitat_bottom {
	width: 490px;
	height: 6px;
	font-size: 0px;
	background-image: url(/fileadmin/elkwue/images/baukasten2/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: 490px;
	font-size: 85%;
	border-collapse: collapse;
	margin-bottom: 17px;
}
table.kontext th {
	background-image: url(/fileadmin/elkwue/images/baukasten2/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/baukasten2/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;
	border: 1px solid #999999;
}
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 und ids für die service spalte
------------------------------------*/

.service_headline {
	padding: 4px 10px 3px 12px;
	background-position: bottom;
	background-repeat: repeat-x;
}

.service_content {
	padding: 6px 10px 6px 15px;
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 25px;
}

#service_logo {
	background-repeat: repeat-x;
	background-position: top;
	padding: 8px 7px 8px 6px;	
}
#service_logo_bottom {
	background-repeat: repeat-x;
	background-position: top;
	height: 1px;
	font-size: 0px;
	margin-bottom: 25px;
}

.service_content ul {
	padding: 0px 0px 0px 14px;
}

#service h3 {
	color: #333333;
}

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



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

#footerline {
	height: 4px;
	font-size: 0px;
	background-color: #FFFFFF;
}

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

#footer_datum {
	width: 135px;
	text-align: left;
}

#footer_drucken {
	width: 152px;
}

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

#footer a {
	color: #777777;
}

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

.suche_links {
	float: left;
	width: 125px;
	padding: 0px 10px 10px 0px;
}
.suche_rechts {
	float: left;
	width: 322px;
	padding: 0px 0px 10px 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
}

#headercontent_verlauf {
	clear: left
}

/* teaser-text-box */
.uebersicht_artikel, .teaser_bild_box {
	margin-top: 10px;
	padding: 0px 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;
}

.news_list h4 {
	clear: both;
}


/* 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 #e4e4e4;
	border-left: 3px solid #666;
	padding: 10px 20px 0 10px;
	margin-bottom: 1em;
}

.second {
	margin-top: 16px;
}


/* 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;
}
.service_content dl {
	margin: 0;
	padding: 0;
}


.service_content dl dt {
	margin: 0 0 0.4em;
	padding: 0;
}

.service_content dl dd {
	margin: 0;
	padding: 0;
}


.service_content dl dd a {
	background: transparent url(/fileadmin/elkwue/images/liste_link.gif) no-repeat scroll left center;
	padding-left: 13px;
}


/* 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;
}

/* 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 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;
}