/*
////////////////////////////////////////////////////////////////////////////////////////
// Main
////////////////////////////////////////////////////////////////////////////////////////
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0 30px 0;
	background: #E0E0E0;
    font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;
}

a:link,
a:visited {
	color: #0e4196; 
	text-decoration: none;
	
}

a:hover,
a:active {
	/* color: #77202D; */

	color: #bbbbbb;
	text-decoration: none;
		
}

pre {
    font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;

}

strong {
	font-weight: bold;
}

.padding_3px {
	margin-bottom:3px;
	
	}



textarea {
	font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;
	border:1px solid #999999;
	cursor:text;

}

select {
	font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;

	width:202px;
	
	border:1px solid #999999;
	margin-bottom:1px;
}

.select_long {
	font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;

	width:400px;
	
	border:1px solid #999999;
	margin-bottom:1px;
}


.center {
	text-align:center;
	}


textarea.input_area {

	width:400px;
	height:200px;
	
	
}

textarea.input_area:focus {
	border:1px solid #333333;
}

input {
	font-size: 8pt;
	color: #000000;
	font-family: verdana, helvetica, arial, tahoma, ms sans serif, sans-serif;
	border:1px solid #999999;
	cursor:text;
	padding-left:4px;
	

}

input:focus {
	border:1px solid #333333;
}


.input_text {
	width:196px;
	
}

.input_text_long {
	width:400px;
	
}


input.input_suchen {
	border:1px solid silver;
	width:111px;
}

input.input_datei {
	width:400px;
	border:1px solid #999999;	
    }
	
.input_datei {
	width:400px;

    }	
	

	
h1 {
	font-size:17px;
	font-weight:bold;
	margin-bottom:19px;
	color:#0e4196; 
}


h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:18px;
	color:#0e4196;
}


h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:17px;
	color:#0e4196;
}





.td_beschreibung {
width:120px;
vertical-align:top;
}

.td_datum {
width:84px;
}



.kalender {
	padding-top:20px;
}

.thumb {
	border:solid 1px #000000;
}

.table_newsletter {
	padding-top:4px;
}

.table_newsletter td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}


.button_speichern {
	border:1px solid #000000; 
	background-color:#DDDDDD; 
	cursor:pointer;
	width:80px;
	padding-left:3px;
}


.padding_10px {
	padding-left:10px;
}

.icon_lupe {
	float:left;
	width:16px;
	height:16px;
	margin-left:1px;
	margin-bottom:0px;
}

.suchen_text {
	width:120px;
	display:block;
}

.div_suchen {
	float:left;
	width:118px;
	margin-top:1px;
}

.clearer{
clear:both;
}

.checkbox {
	cursor:pointer;
	border:none;

}

/* Suchen Container

mrgin-top:
11 Menus -> 180px;
12 Menus -> 200px;
*/

#suchen { 
	/* border:1px solid red; */
	float:left; 
	width:144px;
	height:300px;
	margin-top:180px;
	padding-left:20px;

}

#custom_link {
	display:none;

}


#karte {

}

#kontakt_link {
	float:right;
	width:190px;
	height:100%;
}

#kontakt_link a {
	display:block;
	line-height:100px;
}


#f_date_a, #f_date_b, #f_date_c {
	width:80px;
}

#button_speichern {
	width:80px;
	cursor:pointer;
}

.input_bemerkungen {
	width:200px;
	height:70px;

}

/*
////////////////////////////////////////////////////////////////////////////////////////
// Container
////////////////////////////////////////////////////////////////////////////////////////
*/

#container {
	position: relative;
	width: 915px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
}


/*
////////////////////////////////////////////////////////////////////////////////////////
// Header
////////////////////////////////////////////////////////////////////////////////////////
*/

#top {
	width: 915px;
	height: 100px;
	background: url("../images/top/top_holiday.gif") no-repeat;
}

#home #top {
	background: url("../images/top/top_holiday.gif") no-repeat;
}

#admin #top {
	background: url("../images/top/top_admin.gif") no-repeat;
}

#dienstleistungen #top {
	background: url("../images/top/top_dienstleistungen.gif") no-repeat;
}

#bilder #top {
	background: url("../images/top/top_bilder.gif") no-repeat;
}

#kontakt #top {
	background: url("../images/top/top_kontakt.gif") no-repeat;
}

#edit {

	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;



	padding: 20px;

	/* border: solid 1px red; */
}



#edit td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;

	padding: 1px;


}

#edit a:active {
	color: #222222;
	text-decoration: none;
}

#bottom {
	width: 915px;
	height: 18px;
	background: url("../images/bottom.gif") no-repeat;
}

#info {
	width: 903px;
	/* height: 14px; */
	height: 190px;

	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:9px;
	margin-top: -3px;
	color:#555555;
}




#header {
	position: relative;
	width: 915px;
	height: 170px;
	margin: 0 0 0 0;
	background: url("../images/bg.gif") repeat-y;
}

#header_bild {
	position: relative;

	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;

	width: 900px;
	height: 168px;
	margin: 0 0 0 7px;
/*	background: url("../images/top_16.jpg") no-repeat; */

	overflow:hidden;	
}

/*
#home #header_bild {
	background: url("../images/top_16.jpg") no-repeat;
}

#about #header_bild {
	background: url("../images/top_12.jpg") no-repeat;
}

#photos #header_bild {
	background: url("../images/top_11.jpg") no-repeat;
}

#kontakt #header_bild {
	background: url("../images/top_04.jpg") no-repeat;
}

#admin #header_bild {
	background: url("../images/top_03.jpg") no-repeat;
}
*/



/*
////////////////////////////////////////////////////////////////////////////////////////
// Content
////////////////////////////////////////////////////////////////////////////////////////
*/

#content_container {
	background: url("../images/bg.gif") repeat-y;
	background-color:#FFFFFF;
	width: 915px;
	min-height: 300px;
	overflow: auto;

	


}

#content {

	float: right;
	width: 670px;
	font-size: 11px;
/*	color: #555555; */
	color: #333333;
	line-height: 18px;
	margin-right: 8px;
	padding: 40px 40px 40px 0;
}

#content ul {

padding-left:20px;

}

#content li {

	

}

#admin #content td {

padding-left:2px;


}





/*
////////////////////////////////////////////////////////////////////////////////////////
// Navigation
////////////////////////////////////////////////////////////////////////////////////////

#navigation_container {
	position: absolute;
	left: 7px;
	top: 209px;
	margin: 0;
	width: 160px;
	z-index: 50;
	font-size:10px;
	color: #999;
}

*/

#navigation_container {
	position: absolute;
	overflow:visible;
	left: 7px;
	top: 209px;
	margin: 0;
	width: 160px;
	z-index: 1;
	font-size:10px;
	font-weight:bold;
	color: #999;
}


#navigation {
	margin: 0;
	width: 160px;
	border-top: #000000 1px solid;
}


#navigation ul {
	padding: 0;
}

#navigation li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 160px;
	height: 19px;
	background: #a8b1b8;
	border-bottom: 1px solid black;
	/* border-right: 1px solid black;	 */
}

#navigation a {
	border: none;
	display: block;
	overflow: hidden;
	height: 16px;
	margin: 0;
	padding: 3px 0 0 24px;
	width: 136px;
	color: #fff;
}

#home #link_aktiv a,
#dienstleistungen #link_aktiv a,
#bilder #link_aktiv a,
#kontakt #link_aktiv a,
#navigation a:hover,
#navigation a:active {
	background: #555555;
	text-decoration: none;
}


/* 
////////////////////////////////////////////////////////////////////////////////////////
// Sub Navigation
////////////////////////////////////////////////////////////////////////////////////////
*/

#subnavigation {
	margin: 28px 0 0 0;
	border-top: #ccc 1px solid;
}

#subnavigation ul {
	padding: 0;
}

#subnavigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: #ccc 1px solid;
	background: #fff;
}

#subnavigation a {
	border: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 3px 0 2px 24px;
	width: 133px;
	color: #888;
}


#subnavigation a:hover,
#subnavigation a:active {
	text-decoration: none;
	color: #343C42;
}


