/*
Styles Layout l-arc.ch
Feb. 2008 by update.ch - Ph.Urlich
*/


/* Global Styles --------------------------------------------------*/

html{
	font-size:62.5%;
	}

body{
	font:normal 1.1em Verdana,Arial,Helvetica;
	margin:10px 0 0 69px;
	padding:0;
	background-color:#b7bb89;
	color:#090f15;
	height:100%;
	text-align:left;
	}

* html body{
	text-align:left;
}

.searchline {
	border:0px;
	background-color:#b0b1bb;
	height:1px;
}

/* clear float class */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
* + html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


a,img{
	border:none;
	outline:none;
	text-decoration:none;
	}

p{
	margin:0 0 1em 0;
	padding:0;
	line-height:14px;
	}
	
h1{
	font-size:1em;
	font-weight:normal;
	color:#090f15;
	border-top:1px solid #b0b1bb;
	border-bottom:1px solid #b0b1bb;
	padding:3px 0 3px 0;
	margin:0 0 1em 0;
	}

h2{
	font-size:1em;
	font-weight:normal;
	color:#090f15;
	border-top:1px solid #b0b1bb;
	border-bottom:1px solid #b0b1bb;
	padding:3px 0 3px 0;
	margin:2em 0 1em 0;
	}

h3{
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:2em 0 .5em 0;	
	color:#090f15;
	}

/* Panel Titles */

h4{
	font-size:1.1em;
	font-weight:normal;
	color:#090f15;
	}

blockquote{
	font-size:.75em;
	}




/* Link Styles ------------------------------------------------------ */

a,a:visited{
	color:#616582;
	}

a:hover{
	color:#d0005f;
	}



a.intLink{
	padding:0 18px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_grey.gif') right -1px no-repeat;
	}
a.intLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') right -1px no-repeat;}

a.weiterLink{
	padding:0 18px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_grey.gif') right -1px no-repeat;
	}
a.weiterLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') right -1px no-repeat;}

a.zurueckLink{
	padding:0 0 0 15px;
	background:transparent url('/fileadmin/_img/arrows/arrow_l_grey.gif') -3px -1px no-repeat;
	}
a.zurueckLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_l_magenta.gif') -3px -1px no-repeat;}



/* Basic Layout Box Styles ------------------------------------------- */

#header{
	width:611px;
	padding:19px 0 30px 0;
	background-color:#fff;
	text-align:left;
	}
* html #header{ /* IE5.5, IE6 */
	padding-bottom:21px; 
	padding-bottom/**/:/**/21px;	
	}
	
html* #header{ /* IE7 */
	padding-bottom:21px; 
	padding-bottom/**/:/**/18px;	
	}
	.headerInner{
		width:591px;
		border-top:1px solid #b0b1bb;
		margin:0 0 0 10px;
	}
	.headerServiceNav{
		position:absolute;
		width:591px;
		top:68px;
		left:79px;
		border-top:1px solid #b0b1bb;	
	}
	#logo{
		float:left;
		margin:3px 0 0 0;
	}

	#suche{
		float:right;
		width:9.2em;
	}


#moodBild{
	width:611px;
	margin:0 0 0 0;
	padding:0 0 15px 0;
	background-color:#fff;
	text-align:left;
	}
	
* html #moodBild{ /* IE5.5, IE6 */
	padding-top:0px; 
	padding-top/**/:/**/0px;	
	}
html* #moodBild{ /* IE7 */
	padding-top:9px;
	}

#moodBild img{
	margin-left:10px;
	height:201px;
	}


#wrapper{
	display:block;
	width:611px;
	margin:0 0 4px 0;
	padding:0 0 43px 0;
	text-align:left;
	background-color:#fff;
	position:relative;
	}

	#contentBox{
		position:relative;
		float:left;
		width:400px;
		margin-left:201px;
		padding:0 0 0 0;
	}
	
	* html #contentBox{
		display:inline;
	}

	#navigationBox{
		position:relative;
		float:left;
		width:166px;
		margin-left:-581px;
		height:400px;
	}
		
		#fixedBox{
			position:absolute;
			top:330px;
			left:0;
			margin:0 0 0 0;
		}
	
	* html #navigationBox{
		display:inline;
	}


#footer{
	margin:0;
	text-indent:201px;
	color:#090f15;
}



/* Main Navigation ----------------------------------------------------- */

#mainNav{
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #b0b1bb;
	width:167px;	
	}
* html #mainNav{margin-left:-16px;margin-left/**/:/**/0;}
	
#mainNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #b0b1bb;
	}
* html #mainNav li,
html* #mainNav li{
	padding:1px 0 0 0;
	}

#mainNav a,
#mainNav a:visited{
	display:block;
	margin:1px 0 1px 0;
	padding:0;
	height:1.5em;
	line-height:1.5em;
	width:167px;
	font-size:1em;
	background-color:#fff;
	color:#090f15;
	}
* html #mainNav a,
* html #mainNav a:visited,
html* #mainNav a,{
	height:1.6em;
	line-height:1.6em; 
	}

#mainNav a:hover{
	color:#d0005f;
	}

#mainNav li.active a,
#mainNav li.active a:visited{
	display:block;
	height:1.5em;
	line-height:1.5em;	
	background-color:#d0005f;
	color:#fff;
	}

* html #mainNav li.active a,
* html #mainNav li.active a:visited,
html* #mainNav li.active a,{
	height:1.6em;
	line-height:1.6em;
	}

#mainNav li.active a:hover{
	color:#fff;
	}


/* sublevel styles ---------------------------------------------- */

#mainNav ul.sublevel{
	margin:0;
	padding:0;	
	list-style-type:none;
	background-color:#fff;
	border-bottom:0px;
	}
* html #mainNav ul.sublevel{margin-left:16px;margin-left/**/:/**/0;}

#mainNav ul.sublevel li{
	margin:0;
	padding:0;
	width:167px;
	list-style-type:none;
	background-color:#fff;
	}


#mainNav ul.sublevel li a,
#mainNav ul.sublevel li a:visited{
	display:block;
	height:1.5em;
	line-height:1.5em;	
	text-indent:12px;
	background-color:#fff;
	color:#090f15;
	}

* html #mainNav ul.sublevel li a,
* html #mainNav ul.sublevel li a:visited{
	height:1.6em;                                           
	line-height:1.6em;
	}
#mainNav ul.sublevel li a:hover{
	color:#d0005f;
	}

#mainNav ul.sublevel li.subactive a,
#mainNav ul.sublevel li.subactive a:visited{
	display:block;
	height:1.5em;
	line-height:1.5em;	
	background-color:#d0005f;
	color:#fff;
	}

* html #mainNav ul.sublevel li.subactive a,
* html #mainNav ul.sublevel li.subactive a:visited,
html* #mainNav ul.sublevel li.subactive a,{
	height:1.6em;
	line-height:1.6em;
	}




/* secondaryNav Styles  ------------------------------------------------ */

#secondaryNav{
	margin:0 0 7px 0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #dde1df;
	width:167px;	
	}
* html #secondaryNav{margin-left:-16px;margin-left/**/:/**/0;}
	
#secondaryNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #dde1df;
	
	}
* html #secondaryNav li{
	padding:1px 0 0 0;
	}

#secondaryNav a,
#secondaryNav a:visited{
	display:block;
	margin:1px 0 1px 0;
	padding:0;
	height:1.5em;
	line-height:1.5em;
	width:167px;
	font-size:1em;
	background-color:#fff;
	color:#616582;
	}
* html #secondaryNav a,
* html #secondaryNav a:visited{
	height:1.6em;
	line-height:1.6em;
	}

#secondaryNav a:hover{
	color:#d0005f;
	}

#secondaryNav li.active a,
#secondaryNav li.active a:visited{
	display:block;
	height:1.5em;
	line-height:1.5em;	
	background-color:#d0005f;
	color:#fff;
	}

* html #secondaryNav li.active a,
* html #mainNav li.active a:visited{
	height:1.6em;
	line-height:1.6em;
	}

#secondaryNav li.active a:hover{
	color:#fff;
	}



/* Language Navigation --------------------------------------------*/

#langNav{
	float:left;
	width:30px;
	margin:9px 0 9px 0;
	color:#d0005f;
	}

a.lang,
a.lang:visited{
	color:#d0005f;
	}
	
a.lang:hover{
	color:#090f15;
	}

a.langActive{
	color:#090f15;
	}

#serviceNav{
	margin:9px 0 9px 0;
	}
	
#serviceNav ul{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	}
	
#serviceNav ul li{
	position:relative;
	float:right;
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	}
	
#serviceNav ul li a,
#serviceNav ul li a:visited{
	display:block;
	margin:0 0 0 5px;
	padding:0;
	color:#d0005f;
	text-indent:17px;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') 0 -1px no-repeat;
	}
	
#serviceNav ul li a:hover{
	color:#090f15;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_dgrey.gif') 0 -1px no-repeat;	
	}
	
#serviceNav ul li.active a{
	color:#090f15;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_dgrey.gif') 0 -1px no-repeat;	
	}	
	
#serviceNav li.active a,
#serviceNav li.active a:visited{
	color:#090f15;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_dgrey.gif') 0 -1px no-repeat;	
	}



/* Table Styles Content */

table.agenda{
	font-size:1em;
	border-collapse:collapse;
	margin:0 0 1em 0;
	}

table.agenda th{
	text-align:left;
	}

table.agenda td, table.agenda th{
	padding:0 2px 0 0;
	}
	
table.agenda th{
	font-weight:normal;
	color:#746e4c;
	text-align:left;
	}




/* NEWS BOX HOME -----------------------------------------------------*/

#newsBox{
	width:400px;
	height:196px;
	background-color:#e3e4ce;
	margin:2em 0 0 0;
	}

#newsBox .aktuell_de,
#newsBox .aktuell_fr,
#newsBox .galerie,
#newsBox .gbuch{
	float:left;
	width:124px;	
	height:167px;
	margin:7px 0 0 7px;
	}


#newsBox .aktuell_de{
	background: transparent url('/fileadmin/_img/newsbox/newsbox_aktuell_bg.gif') 0 0 no-repeat;
	}
#newsBox .aktuell_de a,
#newsBox .aktuell_de a:visited{
	display:block;
	width:112px;
	height:124px;
	padding:43px 6px 0 6px;
	color:#d0005f;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_magenta.gif') 110px 153px no-repeat;
	}
#newsBox .aktuell_de a:hover{
	color:#090f15;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_dgrey.gif') 110px 153px no-repeat;	
	}

#newsBox .aktuell_fr{
	background: transparent url('/fileadmin/_img/newsbox/newsbox_aktuell_bg_fr.gif') 0 0 no-repeat;
	}
#newsBox .aktuell_fr a,
#newsBox .aktuell_fr a:visited{
	display:block;
	width:112px;
	height:124px;
	padding:43px 6px 0 6px;
	color:#d0005f;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_magenta.gif') 110px 153px no-repeat;
	}
#newsBox .aktuell_fr a:hover{
	color:#090f15;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_dgrey.gif') 110px 153px no-repeat;	
	}


#newsBox .galerie{
	background: transparent url('/fileadmin/galerie_newsbox/1.jpg') 0 0 no-repeat;
	}
#newsBox .galerie a,
#newsBox .galerie a:visited{
	display:block;
	width:112px;
	height:34px;
	padding:133px 6px 0 6px;
	color:#fff;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_white.gif') 110px 153px no-repeat;
	}
#newsBox .galerie a:hover{
	color:#d0005f;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_magenta.gif') 110px 153px no-repeat;
	}


#newsBox .gbuch{
	background:transparent url('/fileadmin/_img/newsbox/newsbox_gbuch_bg.gif') 0 0 no-repeat;
	}
#newsBox .gbuch a,
#newsBox .gbuch a:visited{
	display:block;
	width:112px;
	height:34px;
	padding:133px 6px 0 6px;
	color:#fff;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_white.gif') 110px 153px no-repeat;
	}
#newsBox .gbuch a:hover{
	color:#d0005f;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_magenta.gif') 110px 153px no-repeat;
	}


/* Text Img Boxes ------------------------------------------------------- */

.boxImgLeft{
	margin:0 0 22px 0;
}

.boxImgLeft .imgLeft{
	width:95px;
	float:left;
	margin:4px 0 0 0;
}

.boxImgLeft .textRight{
	width:295px;
	float:left;
	margin:0 0 0 10px;
}


/* Gaestebuch Link Box ------------------------------------------------ */

.boxGaesteBuchBG{
	width:95px;
	height:121px;
	background:transparent url('/fileadmin/_img/link_gaestebuch_bg.gif') 0 0 no-repeat;
}
a.linkGaesteBuch,
a.linkGaesteBuch:visited{
	display:block;
	width:90px;
	height:31px;
	padding:90px 0 0 5px;
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_small_white.gif') 81px 107px no-repeat;
	color:#fff;
}
a.linkGaesteBuch:hover{
	background:transparent url('/fileadmin/_img/arrows/arrow_rb_small_magenta.gif') 81px 107px no-repeat;
	color:#d0005f;
}



/* alphabetNav --------------------------------------------------------- */

ul.alphabetNav{
	list-style-type:none;
	margin:0 0 11px 0;
	padding:0;
}
ul.alphabetNav li{
	margin:0;
	padding:0 3px 0 0;
	float:left;
}
ul.alphabetNav li.active a{
	color:#d0005f;
}





/* Suchergebnis Liste ------------------------------------------------------ */

ol.suchergebnis{
	list-style-type:decimal-leading-zero;
	margin:0 0 20px 0;
	padding:0;
}

ol.suchergebnis li{
	margin:0 0 0 26px;
	padding:0;
}




/* SITEMAP ---------------------------------------------------------------- */

ul.sitemap{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.sitemap li{
	padding:0;
	margin:0 0 15px 0;	
}

ul.sitemap li a,
ul.sitemap li a:visited{
	padding:0 13px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_b_grey.gif') right 2px no-repeat;
}

ul.sitemap ul{
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0;
}

ul.sitemap ul li{
	margin:0;
	padding:0;
}

ul.sitemap ul li a,
ul.sitemap ul li a:visited{
	background:none;
}



/* List Styles Content ----------------------------------------------------- */

ul.list,ol.list{
	font-size:1em;
	}

ul.list{
	list-style-type:square;
	padding:0 0 0 25px;
	}

ol.list{
	xmargin:0;
	padding:0 0 0 30px;
	}

* html ul.list,
* html ol.list{
	margin-left:10px;
	}

ul,ol{
	font-size:1em;
	}

ul{
	list-style-type:square;
	padding:0 0 0 25px;
	}

ol{
	xmargin:0;
	padding:0 0 0 30px;
	}

* html ul,
* html ol{
	margin-left:10px;
	}

/* FORMS ---------------------------------------------------------------------- */


.error{
 color:#d0005f;
	padding:5px 0 2px 0;
}

form{
	position:relative;
	margin:0;
	padding:0;
	}

form p{
	margin:0;
	padding:4px 0 4px 0;
	font-size:1em;
	}

form select {border:1px solid #aaa;}

fieldset{margin:0;padding:0;border:0;}

input.text {
	font:normal 1em Verdana,Arial,Helvetica;
	background:#fff;
	padding:2px 0 2px 3px;
	margin:3px 0 3px 0;
	border:1px solid #b0b1bb;
	color:#090f15;
	}

div.send{
	margin:0 0 0 -5px ;
	left:-5px;
	float:left;
	width:auto;
	}
	
* html div.send{
	margin:1px -4px 0 -3px ;
	left:-5px;
	float:left;
	width:auto;
	}
	
	
input.sendbtn{
	background-color:#fff;
	border:none;
	font:normal 1em Verdana,Arial,Helvetica;
	padding:0;
	color:#616582;
}

textarea.textarea {
	font:normal 1em Verdana,Arial,Helvetica;
	background:#fff;
	padding:2px 0 2px 3px;
	border:1px solid #b0b1bb;
	color:#090f15;
	margin:3px 0 3px 0;	
	}
	
form.suche{
	margin:10px 0 9px 0;
	}

form.suche label{
	font-size:1em;
}


form select{
	font-size:1em;
}

input.checkBox{
	border:1px solid ##b0b1bb;
	background-color:#fff;
	margin:2px 4px 2px 0;
	padding:2px 2px 2px 0;
}

.searchbutton{
	width:14px;
	height:16px;
	margin:0 0 -3px 0;	
	background:transparent url('/fileadmin/_img/arrows/arrow_r_grey.gif') 0 0 no-repeat;
	border:0;
	outline:0;
}
	
.searchbutton:hover{background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') 0 0 no-repeat;}

/* search field text */
input.textSuche {
	font:normal 1em Verdana,Arial,Helvetica;
	background:#fff;
	padding:2px 0 2px 3px;
	border:1px solid #b0b1bb;
	color:#090f15;
	}
* html form input.textSuche{
	padding:0 0 2px 3px;
	}