/* -------------------------------------------------------------
	CSS der Appenzeller Heiltage                        (c) 2010
	============================

	Darf nicht ohne schriftliche Genehmigung kopiert werden.

	v 0.2 jwu	05.05.2010	erstellt.
	v 0.3 jwu   30.08.2010  erweitert um Menu 5

------------------------------------------------------------- */
html { 
	height: 100%; 
	} 

body {
	background-color:#ffa;
	min-height: 101%;
    color: #564b47;
    font-size: 0.9em;
    font-family:  Verdana, Arial, sans-serif;
  	margin:0;
	}

p {
	text-align:justify;
	color:#666;
	margin: 10px 10px;
	padding: 5px 15px;
}

hr {
	margin-left:  25px;
	margin-right: 25px;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#f00;
}

h1 {
	font-size:9px;
	color:#666;
	font-weight: normal;
	padding: 5px 10px;
	margin:0;
}

h2 {
	font-size:		20px;
	font-weight:	bold;
	padding: 15px 15px;
	margin: 0 10px;
}

h6 {
	font-size:		8px;
	color:			#999;
	margin-right:	250px;
	margin-top:		15px;
	margin-bottom:	10px;
	border-bottom:	2px solid #999;
}

img {
	margin-left:    25px;
}

/* ------------------------------------------------------------ */
#header {
    width: 900px;
	height: 160px;

	background-image:url(../images/header-3.jpg);
	border: 1px solid #564b47;
	border: 1px solid #564b47;
	padding: 0;
    margin: 0 auto;
	}

#titel {
	text-align:left;
	font-size: 40px;
	font-weight:bold;
	color:#000;
	padding-top:30px;
	padding-left:20px;
	}
	
#titel-datum {
	text-align:left;
	font-size: 18px;
	font-weight:bold;
	color:#fff;
	padding-top: 0;
	padding-left:20px;
	}
	
/* ------------------------------------------------------------ */
#top-navi a {
	color:#aaa;
	font-weight:bold;
	text-decoration: none;
	}
	
#top-navi #top2 a:hover {
	color:		#690;
}
	
#top-navi {
    width: 900px;
	text-align:right;
	margin-top: 30px;
	background-color: #ffa;
    color: #564b47;
	padding: 10px 0px;
    margin: 0 auto;
	}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }

/* - NAVIGATION ----------------------------------------------- */
#navi {
	text-align:left;
    width: 900px;
	background-color: #ffffff;
    margin: 0 auto;
	}

#navcontainer ul li {
	display:block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	font:18px Verdaba, Arial, Helvetica, sans-serif;
	text-align: left;
	}

#navcontainer a {
	color: #000;
	text-decoration: none;
	display: block;
}

.menu { /* ganzer Menubalken */
	background-color:#777;
	height:				28px;
}

/* --- Mouse Over der Menus  --- */
.n1 a:hover { 
	background-color: #99f;
	color:#fff;
	padding: 3px 15px;
	}

.n2 a:hover { 
	background-color: #c99;
	padding: 3px 15px;
}

.n3 a:hover { 
	background-color:#6f9;
	padding: 3px 15px;
	}

.n4 a:hover { 
	background-color:#999;
	padding: 3px 15px;
	}

.n5 a:hover { 
	background-color: #06f;
	padding: 3px 15px;
	}

/*--- Menus ---*/
.n1 a {
	background-color:#669;
	color: #fff;
	padding: 3px 15px;
}

.n2 a {
	background-color:#969;
	color:#fff;
	padding: 3px 15px;
}

.n3 a {
	background-color:#7cbe7e;
	color: #fff;
	padding: 3px 15px;
}

.n4 a {
	background-color:#777;
	color:#fff;
	padding: 3px 15px;
}

.n5 a {
	background-color:#069;
	color:#fff;
	padding: 3px 15px;
}

/* --- Titel im Content ---- */
.outer1 h2 {
	color:669;
}

.outer2 h2 {
	color:#936;
}

.outer5 h2 {
	color:#069;
}

/* --- Linker Balken --- */
#outer1 { 
border-left: solid 180px #669;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
color: 669;
 } 

#outer2 { 
border-left: solid 180px #969;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
color:936;
 } 

#outer3 { 
border-left: solid 180px #7cbe7e;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
 } 

#outer4 { 
border-left: solid 180px #777;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
 } 

#outer5 { 
border-left: solid 180px #069;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
 } 

/* --- Impressum --- */
#outer92 { 
	border-left: solid 180px #690;  /* linke Menue Spalten Farbe  */ 
	background-color: #fff; 		/* Farbe fuer Inhalt Spalten  */
} 

/* -- Titelschrift  --*/
#content .outer1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #669;
}

#content .outer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #969;
}

#outer2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#outer2 #outer2a a {
	color:				#969;
	text-decoration:	none;

}

#outer2 #outer2a a:hover {
	color:				#f00;
}

#content .outer3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7cbe7e;
}

#content .outer4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}

#content .outer5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #069;
}

#content .outer92 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #690;
}

#inner{
	margin:0px; width:100%; 
} /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
	width:180px;
	height:500px;
	float:left; 
	position:relative; 
	margin-left:-180px; 
	margin-right:1px;
}

/* -----------------Inhalt--------------------- */
#content{ 
position: relative;
height: 500px; 
margin: 0px; }

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

#left .programm_left_titel {
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#left .programm_left_was {
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #000;
}

#left .programm_left_name {
	padding-left: 3px;
	padding-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}
#left .programm_left_name_zusatz {
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #333;
}

#br-klein {
	font-size: 			3px;
}

#content .fett {
	font-weight: bold;
}
#left .kontakt_left_fett {
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#left .kontakt_left_text_gross {
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#left .kontakt_left_text {
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
} 

#left .kontakt_left_text a {
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
} 

#rot {
	font-weight: bold;
	color: #f00;
}

/* ----------- Listen ------------------------- */

ul.colums-three {
		 color		 		 		 		 		 		 		 		 		 : #666;
		 font-size		 		 		 		 		 		 			 		 : 12px;
		 list-style-type		 		 		 		 		 			 		 : none;
		 padding		 		 		 		 		 		 	 		 		 : 0;
		 margin		 		 		 		 		 		 		 		 		 : 0px 0px; 
}

ul.colums-three input {
		margin-left:20px;
}

li.innen {
		 float		 		 		 		 		 		 		 		 		 : left;
		 width		 		 		 		 		 		 		 		 		 : 40px;
		 margin		 		 		 		 		 		 		 		 		 : 3px 0;
		 margin-left:20px;
}
      
li.mitte {
		 float		 		 		 		 		 		 		 		 		 : left;
		 width		 		 		 		 		 		 		 		 		 : 330px;
		 margin		 		 		 		 		 		 		 		 		 : 3px 0;
}
      
li.aussen {
		 float		 		 		 		 		 		 		 		 		 : left;
		 width		 		 		 		 		 		 		 		 		 : 290px; 
		 padding		 		 		 		 		 		 	 		 		 : 0;
		 margin		 		 		 		 		 		 		 		 		 : 3px 0;
}

li.clr {
		 clear		 		 		 		 		 		 		 		 		 : left;
		 width		 		 		 		 		 		 		 		 		 : 1px;
		 height		 		 		 		 		 		 		 		 		 : 1px; 
		 margin		 		 		 		 		 		 		 		 		 : 0;
}

/* ------  Spezial Behandlung IE ----------------- */
li.clr {
		 display		 		 		 		 			 		 		 		 : inline;
		 margin		 		 		 		 		 		 		 		 		 : 0;
		 padding		 		 		 		 			 		 		 		 : 0;
		 width		 		 		 		 		 		 		 		 		 : 1px;
}

br.clr {
		 clear		 		 		 		 		 		 		 		 		 : left;
		 width		 		 		 		 		 		 		 		 		 : 1px;
		 font-size		 		 		 		 			 		 		 		 : 1px;
		 margin		 		 		 		 		 		 		 		 		 : 0;
		 padding		 		 		 		 		 			 		 		 : 0;
		 overflow		 		 		 		 		 			 		 		 : hidden;
}

#content form {
	margin-left: 025px;
}

#content #mit-rand {
	margin-left: 25px;
}

#content input {
	margin-bottom: -15px;
	margin-top:		-10px;
}

#content table {
	margin-left:	25px;
}

#outer2 #form-angebot {
	padding-left: -20px;
}