/* @override http://www.aerni-waldkirch.ch/css/screen.css */

@import url("/css/navigation.css");

@import url("/css/lightbox.css");

@import url("/css/adressen.css");

@import url("/css/grundelemente.css");



/*farbcodes aerni-waldkirch.ch

------------------------------------------

--------------------------------------------



#8ccc93 = blassgruen

#fdf6e0 = blassgelb

#019734 = sattgruen

#d0d1d3 = grau hell

#666666 = grau



------------------------------------------

-------------------------------------------*/



body {

font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;

font-size: 0.8em;

line-height: 1.4em;

color: #000;

margin: 0;

padding: 0;

margin-top: 10px;

text-align: center;

}



.bodycontent /* falls hintergrundfarbe des inhalts von der vom body abweicht */ {

text-align: left;

	}



#accesskeys {



	position: absolute;



	top: -150px;



	left: 0;



	}



/* container

------------------------------------------

------------------------------------------*/



#rahmen{

background-image: url("/pictures/bg_rahmen.gif");

background-repeat: repeat-y;

width: 961px;

margin: 15px auto 0px auto;

padding: 0;

}



#wrapper {

text-align: left;

margin: 0 auto 0px auto;

padding: 0;

width: 951px;

border-top: 1px solid #d0d1d3;

border-bottom: 1px solid #d0d1d3;

}





/* oben

------------------------------------------

------------------------------------------*/



#head {

margin: 0px;

padding: 0;

height: 111px;

}



#head img {

float: left;

width: 331px;

height: 111px;

margin: 0;

padding: 0;

}



#bilder {

background-image: url("/pictures/bg_bilder.jpg");

background-repeat: no-repeat;

width: 617px;

height: 111px;

margin: 0 0 0 331px;

padding: 0;

}



#balken {

margin: 0;

padding: 4px 0 0 0;

height: 25px;

background-image: url("/pictures/bg_balken.jpg");

background-repeat: repeat-y;

}



#balken form {

float: left;

margin: 0 0 0 63px;

padding: 0;

}



* html #balken form {

margin-left: 20px;

}



.formfield {

font-size: 1em;

margin: 0 3px 0 0;

padding: 1px 0 1px 5px;

width: 110px;

}



#balken a {

color: #000;

text-decoration: none;

}



#balken a:hover { 

color: #fff;

}



#balken ul {

margin: 3px 0 0 330px;

padding: 0;

list-style-type: none;

}



#balken ul li {

font-weight: bold;

color: #fff;

margin: 0;

padding: 0 27px 0 0;

float: left;

}



* html #balken ul li {

padding: 0 25.8px 0 0;

}



/* unten

------------------------------------------

------------------------------------------*/



#unternavi {

margin: 0 0 30px 0;

padding: 0;

}



#unternavi ul {

list-style-type: none;

margin: 0;

padding: 0;

}



#unternavi ul li {

margin: 0;

padding: 0 12px 0 0;

float: left;

}



#unten {

float: left;

background-image: url("/pictures/bg_navi.gif");

background-repeat: no-repeat;

background-position: left top;

width: 948px;

min-height: 460px;

margin: 0;

padding: 0;

}



#navi {

margin: 0 0 0px 0;

padding: 0 0 20px 0;

width: 182px;

float: left;

}



#rechts {

margin: 41px 11px 11px 0;

padding: 0 14px 0 14px;

width: 166px;

height: 363px;

float: right;

background-color: #8ccc93;

color: #000;

}



#rechts a {

margin: 0 0 0 0;

padding: 0 0 0 0;

line-height: 1.7em;

color: #000;

}



#rechts a:hover {

color: #fdf6e0;

}



* html #rechts {

margin-right: 6px;

width: 160px;

padding: 0 0 0 14px;

}



* html #rechts a {

font-size: 1em;

}



#rechts h4 {

width: 180px;

margin: 0 0 20px -14px;

padding: 5px 0 5px 14px;

font-size: 1em;

background-color: #fdf6e0;

}



#inhalt {

margin: 30px 0 0 182px;

padding: 37px 40px 25px 149px;

width: 577px;

}



#inhalt_breit {

margin: 30px 0 0 182px;

padding: 37px 40px 25px 149px;

width: 600px;

}



* html #inhalt {

margin: 30px 0 0 182px;

width: 574px;

padding: 37px 37px 25px 149px;

}



#inhalt_start {

margin: 30px 0 0 182px;

padding: 37px 40px 25px 90px;

width: 431px;

}



* html #inhalt_start {

margin: 30px 0 0 182px;

width: 427px;

padding: 37px 37px 25px 90px;

}



#top {

margin: 0;

padding: 2px 0 0 331px;

clear: both;

height: 20px;

border-top: 1px solid #d0d1d3;

color: #666666;

}



#top a {

color: #666666;

font-size: 1em;

}



#top_start {

font-size: 1em;

margin: 0;

padding: 2px 0 0 90px;

clear: both;

height: 20px;

border-top: 1px solid #d0d1d3;

color: #666666;

}



#top_start a {

color: #666666;

}



#footer {

margin: 0 auto;

padding: 0;

background-image: url("/pictures/bg_footer.jpg");

background-repeat: no-repeat;

height: 15px;

width: 961px;

}



/* Kontaktformular

------------------------------------------

------------------------------------------*/



#kontaktformular input, #kontaktformular textarea {

background-color: #f9f7f7;

width: auto;

margin-top: 2px;

margin-bottom: 2px;

border: solid 1px #000; 

}



input#auswahl {

background-color: transparent;

border: none;

}

table.list {
	width: 100%;
	}
table.auto {
	width: auto;
	}
table.list th {
	border: 1px solid #b7b7b7;
	padding: 2px 15px 2px 5px;
	}
table.list td {
	border: 1px solid #b7b7b7;
	padding: 2px 15px 2px 5px;
	}