/* *** Style Wilhelm Winter *** */
/*
*/

body {
	background-color: 		#FFFFFF;
	font-size: 					13px;
	font-family: 				Arial, Sans-Serif;
	color:						#191919;
	padding:						0px;
	padding-top:					10px;
	margin:						0px;
}

/* ----------container to center the layout-------- */
#container {
	width: 						910px;
	background-image:			url(/images/bg_menu.jpg);
	padding:						0px;
	margin: 						0px;
	margin-left: 				0px;
	margin-right: 				auto;
}

/* ----------banner for logo-------------- */
#banner {
	background-image:			none; // url(images/bg_lamellen.jpg);
	background-repeat:		no-repeat;
	background-color: 		#FFFFFF;
	text-align: 				right;
	padding: 					0px;
	margin: 						0px;
}

#banner img {
	padding:						0px 0px;
	border:						0;
}

#welcome {
	float:						left;
	margin:						0px 0 5px 20px;
	font-size:					17px;
	font-weight:				bold;
	line-height:				1.5em;
	color:						#666666;
	letter-spacing:			0.1em;
}

#servicemenu {
	background-image:			url(images/bg_servicemenu.jpg);
	color:					#ffffff;
	font-family: 			Verdana, Arial, Sans-Serif;
	text-align: 			left;
	font-weight:			bold;
	padding:	 				3px 0px 0 10px;
	height:					15px;
	border-bottom:			2px solid #00A657;
}
#servicemenu a {
	text-decoration:		none;
	margin-right:			10px;
}
#servicemenu a:hover {
	color:					#FFFFFF;
	text-decoration:		underline;
}

/* ----------outer and inner----------------- */

#outer{
	float: 					left;
	padding-left: 			200px;
}

#inner{
	margin:					0;
	width:					100%;
} /* The ie/pc pecularity */

/* --------------left and right navi------------- */
#left {
 width:						200px;
 min-height:				400px;
 float:						left;
 position:					relative;
 margin-left:				-200px;
}

 #right {
 	width:200px;
 	float:right;
 	position:relative;
 	margin-right:-200px;
 	margin-left:1px;
 }

/* -----------------content--------------------- */
#content{
	background-image:			url(images/bg_winter.jpg);
	background-position:		top right;
	background-repeat:		no-repeat;
	background-color:			#FFFFFF;
	float:					left;
	padding:					15px 50px 10px 30px;
	width:					630px;
	height:					500px;
	min-height:				500px;
	margin-left: 			0px;
}

/* Korrektur fuer Mozilla */
div#inner > #content { height: auto; }


.bgstart {
	background-image:			url(images/bg_zeichn950.jpg);
	background-position:		top right;
	background-repeat:		no-repeat;
}

/*  ----------------footer---------------------- */
#footer {
	background-image:		url(images/bg_servicemenu.jpg);
	clear:					left;
	color:					#404040;
	height:					14px;
	border-top:				2px solid #191919;
	font-size:				0.85em;
	font-weight:			bold;
	padding:					4px;
	margin:					0px;
	text-align: 			center;
}
/*#footer a{
	color:					#FFFFFF;
}
*/

/*- Menu --------------------------- */

#menu {
	background-image:			url(/images/bg_menu.jpg);
	background-position:		right;
	font-family: 				Tahoma, Arial, Sans-Serif;
	font-size: 					11px;
	width: 						200px;
	margin: 						0 0 2px 0;
	border-bottom:				2px solid #FFFFFF;
}

#menu a.m1, #menu a.m1:link, #menu a.m1:visited {
	color: 						#191919;
	border-top:					2px solid #FFFFFF;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 2px 10px;
	font-family: 				Arial, Sans-Serif;
	font-weight:				bolder;
	font-size:					14px;
	letter-spacing:			0.2em
}

#menu a.m1:hover {
	background-color:			#63B77B;
}

#menu a.m2, #menu a.m2:link, #menu a.m2:visited, div.m2 {
	background-color:			#FFFFFF;
	border-top:					1px solid #909090;
	color: 						#191919;
	font-weight:				bold;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 2px 10px;
	margin:						0 0 0 5px;
}

#menu a.m2:hover {
	background-color:			#D0D0D0;
}

#menu h3 {
	background-color:			#FFFFFF;
	border-top:					1px solid #909090;
	color:						#606060;
	font-size:					11px;
	font-weight:				bold;
	margin:						0 0 0 5px;
	padding:						2px 0 2px 10px;
}

#menu a.m3, #menu a.m3:link, #menu a.m3:visited {
	background-color:			#FFFFFF;
	border-top:					1px solid #606060;
	color: 						#191919;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 2px 15px;
	margin:						0 0 0 5px;
}

#menu a.m3:hover {
	background-color:			#D0D0D0;
}






a, a:active {
	color: 					#00A657;
}
a:visited {
	color:					#005F2A;
}
a:hover {
	color: 					#63B77B;
}


h1 {
	font-size: 					18px;
	color:						#606060;
	padding:						5px 5px 0 0;
	margin-bottom:				10px;
}

h2 {
	font-size:					16px;
	font-weight: 				bold;
	padding: 					5px 10px 5px 0;
	margin:						0px;
	letter-spacing:			0.1em;
}

h3 {
	font-size:					14px;
	font-weight: 				bold;
	padding: 					5px 10px 3px 0;
	margin:						0px;
}

h4 {
	font-size:					12px;
	font-weight: 				bold;
	color:						#606060;
	padding: 					0;
	margin:						0 0 3px 0;
}



p {
	padding: 					5px 10px;
	margin:						0px;
}

ul, ol {
	margin-top:					0;
	margin-bottom:				0;
	padding-top:				0;
}
ul li {
	list-style-type:			square;
	list-style-image:			url(images/list_image.gif);
	margin-bottom:				3px;
}
ol li {
	margin-bottom:				3px;
}

img.bild {
	margin:						0 0 3px 5px;
}
img.rechts {
	float:						right;
	margin:						0 -50px 3px 5px;
}
div.rechts {
	float:						right;
	margin:						0 0px 3px 5px;
}
img.mitte, div.mitte {
	text-align:					center;
}
a img.bild {
	border-top:					2px solid #666666;
	border-left:				2px solid #666666;
	border-right:				2px solid #00A657;
	border-bottom:				2px solid #00A657;
}
a img.bild:hover {
	border-color:				#00A657;
}

/*- Formulare --------------------------- */
form, form table {
	width:						450px;
	border-width:				0px;
	border-spacing:			0px;
}
form td {
	padding:						1px 0 2px 5px;
}
form tr.kopf, form tr.fuss, form tr.kopf {
	background-color:			#00A657;
	height:						20px;
	font-weight:				bold;
	color:						#FFFFFF;
}
form tr.fuss {
	background-color:			#909090;
}
form tr.zeile {
	border-bottom:				1px solid gray;
	vertical-align:			top;
}
form tr.grau {
	background-color:			#C7E6D8;
}
input, textarea {
	float:						right;
	font-size:					12px;
	font-family: 				Arial, Sans-Serif;
	padding:						2px;
	border:						1px solid #606060;
}
input.mittel, textarea.mittel {
	width:						300px;
}
input.checkbox {
	float:						left;
	border:						none;
}
form .pflicht {
	border-width:				2px;
	border-color:				#606060;
}
form .fehler {
	border-color:				red;
}
div.formularfehler {
	font-weight:				bold;
	color:						red;
}
input.knopf {
	border:						2px solid #606060;
	padding:                0 5px 0 5px;
	margin:						0 0 0 10px;
	background-color:			#00A657;
	color:						#FFFFFF;
	font-weight:				bold;
	width:						auto;
}


/*- Druckausgabe --------------------------- */


@media print {

#container {
	width:						670px;
	border:	1px solid green;
}

#outer{
	padding-left: 0;
}

#content{
	padding:					0;
	width:					670px;
}

img.rechts {
	margin:						0;
}

#left, #menu, #servicemenu, #welcome, .noprint {
	visibility:					hidden;
	display:						none;
	width:						1px;
}

#footer {
	color:					#191919;
	border:					none;
}

}