/* Grundgerüst
-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #655F57;
	font-size: 10px;
	background: #535353 url(../_img/vitusLogo.gif) no-repeat;
	padding: 125px 0 0 0;
	}	

#mainQuader, #mainQuaderIndex, #mainScroll {
	/*position: absolute;*/
	margin: 0 0 0 225px;
	width: 615px;
	height: 615px;
	border: 1px solid #fff;
	/*border: 1px solid #000;*/
	line-height: 1em;
	overflow: hidden;
}

#mainScroll {
	overflow: auto;
}

#fadeQuader {
	/*position: absolute;*/
	margin: 0 0 0 225px;
	width: 615px;
	height: 615px;
	border: 1px solid #fff;
	/*border: 1px solid #000;*/
	line-height: 1em;
	overflow: hidden;
}

#mainQuaderIndex {
	background: #535353 url(../_img/labyrinthBG.jpg) no-repeat;
	overflow: hidden;
}

div#indexInfo {
	/*display: none;*/
	padding: 30px 0 0 0;
	width: 615px;
	height: 615px;
	/*border: 5px solid #535353;*/
	text-indent: -99999px;
	background: url(../_img/labyrinth.jpg) no-repeat;
	/*display: inline;*/
	line-height: 1em;
}

#mainQuaderIndex div:hover, #fadeQuader div:hover {
	display: block;
	text-indent: 0px;
	background: none;
	cursor: default;
}

#suhEngel1, #suhEngel2, #suhEngel3, #suhEngel4 {
	background: url(../_img/suh-engel1.jpg) no-repeat;
	overflow: hidden;
	padding: 30px 0 0 0;
	width: 615px;
	height: 615px;
	/*border: 5px solid #535353;*/
	text-indent: -99999px;
	/*display: inline;*/
	line-height: 1em;
}

#suhEngel2 {
	background: url(../_img/suh-engel2.jpg) no-repeat;
}

#suhEngel3 {
	background: url(../_img/suh-engel3.jpg) no-repeat;
}

#suhEngel4 {
	background: url(../_img/suh-engel4.jpg) no-repeat;
}




#fadeQuader div:hover {
	display: block;
	text-indent: 0px;
	background: none;
	cursor: default;
}


#mainQuader h1, #mainScroll h1 {
	font-size: 2em;
	text-transform: uppercase;
	color: #fff;
	padding: 15px 15px 0 15px;
	font-weight: normal;
	line-height: 1.3em;
}

#mainQuader h2, #mainScroll h2 {
	font-size: 2em;
	text-transform: uppercase;
	color: #fff;
	padding: 15px 15px 0 15px;
	font-weight: normal;
	line-height: 1.3em;
}

#mainQuader p, #indexInfo p, #mainScroll p, #suhEngel1 p, #suhEngel2 p, #suhEngel3 p, #suhEngel4 p {
	font-size: 1.8em;
	color: #fff;
	padding: 15px;
	line-height: 1.6em;
	text-decoration: none;
}

#mainQuader ul.standardList, #mainScroll ul.standardList {
	font-size: 2em;
	color: #fff;
	padding: 15px;
	line-height: 1.6em;
}

#mainQuader ul.standardList li, #mainScroll ul.standardList li {
	font-size: 0.8em;
	color: #fff;
	padding: 0 0 0 5px;
	margin: 0 0 0 25px;
	line-height: 1.6em;
	list-style-image: url(../_img/liDot.gif);
	list-style-position: outside;
}

#indexInfo p, #suhEngel1 p, #suhEngel2 p, #suhEngel3 p, #suhEngel4 p {
	font-size: 2.0em;
	padding: 0 45px 30px 45px;
	line-height: 1.6em;
}

#mainQuader .articleImg, #mainScroll .articleImg {
	float: right;
	margin: 15px;
	border: 1px solid #fff;
}

#photoContainer {
	width: 615px;
	height: 615px;
	/*border: 5px solid #535353;*/
}

a img {
	border: none;
}

#footer {
	height: 60px;
}

a {
	color: #fff;	
}

a:hover {
	text-decoration: none;
}


/* Arbeiten Übersicht
-------------------------------------------------------------------------*/
ul#arbeitUebersicht {
	list-style: none;
	padding: 15px 0 15px 15px;
	top: 0px;
}

ul#arbeitUebersicht li {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #fff;
	display: inline;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#arbeitUebersicht li a {
	display: block;
	text-indent: -99999px;
	width: 183px;
	height: 183px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#arbeitUebersicht li a:hover {
	background: none;
	/*border: 1px solid #fff;*/
}

/* Liste
--------------------*/
#li_sursee-mariazell { background: url(../_img/sursee-mariazell_index_O.jpg);  }
#li_ebikon-windspiel { background: url(../_img/ebikon-windspiel_index_O.jpg); }
#li_neuenkirch-brunnen { background: url(../_img/neuenkirch-brunnen_index_O.jpg); }
#li_oberkirch-windspiel { background: url(../_img/oberkirch-windspiel_index_O.jpg); }
#li_birsfelden-kunst-am-bau { background: url(../_img/birsfelden-kunst-am-bau_index_O.jpg); }
#li_beromuenster-schulhaus { background: url(../_img/beromuenster-schulhaus_index_O.jpg); }

#li_lu-loewen1 { background: url(../_img/lu-loewen1_index_O.jpg);  }
#li_su-suh1 { background: url(../_img/su-suh1_index_O.jpg);  }
#li_lu-vase1 { background: url(../_img/lu-vase1_index_O.jpg);  }
#li_be-bueste1 { background: url(../_img/be-bueste1_index_O.jpg);  }
#li_lu-figur1 { background: url(../_img/lu-figur1_index_O.jpg);  }
#li_su-vishnu1 { background: url(../_img/su-vishnu1_index_O.jpg);  }
#li_be-brunnen1 { background: url(../_img/be-brunnen1_index_O.jpg);  }


/* Btn
--------------------*/
#btn_sursee-mariazell { background: url(../_img/sursee-mariazell_index.jpg); }
#btn_ebikon-windspiel { background: url(../_img/ebikon-windspiel_index.jpg); }
#btn_neuenkirch-brunnen { background: url(../_img/neuenkirch-brunnen_index.jpg); }
#btn_oberkirch-windspiel { background: url(../_img/oberkirch-windspiel_index.jpg); }
#btn_birsfelden-kunst-am-bau { background: url(../_img/birsfelden-kunst-am-bau_index.jpg); }
#btn_beromuenster-schulhaus { background: url(../_img/beromuenster-schulhaus_index.jpg); }

#btn_lu-loewen1 { background: url(../_img/lu-loewen1_index.jpg);  }
#btn_su-suh1 { background: url(../_img/su-suh1_index.jpg);  }
#btn_lu-vase1 { background: url(../_img/lu-vase1_index.jpg);  }
#btn_be-bueste1 { background: url(../_img/be-bueste1_index.jpg);  }
#btn_lu-figur1 { background: url(../_img/lu-figur1_index.jpg);  }
#btn_su-vishnu1 { background: url(../_img/su-vishnu1_index.jpg);  }
#btn_be-brunnen1 { background: url(../_img/be-brunnen1_index.jpg);  }


/* Subnav
-------------------------------------------------------------------------*/
ul#subNav {
	position: absolute;
	/*float: left;*/
	list-style: none;
	/*padding: 0 0 15px 15px;*/
	top: 125px;
	left: 165px;
}

ul#subNav li {
	margin: 0 15px 15px 0;
	border: 1px solid #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#subNav li a {
	display: block;
	text-indent: -99999px;
	width: 43px;
	height: 43px;
	/*background: #ddd;*/
	/*border: 1px solid #fff;*/
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#subNav li a:hover {
	background: none 1px 1px;
	/*border: 1px solid #fff;*/
}

/* Liste
--------------------*/
#liUp { background: url(../_img/btn_levelUpO.gif);  }
#liText { background: url(../_img/btn_textO.gif); }

/* Btn
--------------------*/
#btnUp { background: url(../_img/btn_levelUp.gif); }
#btnText { background: url(../_img/btn_text.gif); }


/* Hauptnavigation
-------------------------------------------------------------------------*/
ul#mainNav {
	list-style: none;
	position: absolute;
	left: 35px;
	top: 0px;
}

ul#mainNav li {
	float: left;
	}

ul#mainNav li a {
	display: block;
	text-indent: -99999px;
	height: 20px;
	}

ul#mainNav li a:hover {
	background: none;
	}

#bodyStartseite #btnStartseite { background: none; }
#bodyKontakt #btnKontakt { background: none; }
#bodyBildhauer #btnBildhauer { background: none; }
#bodySteinrestaurator #btnSteinrestaurator { background: none; }
#bodyAktuell #btnAktuell { background: none; }


/* Liste
--------------------*/
#liStartseite { background: url(../_img/btn_startseiteO.gif); width: 94px; }
#liBildhauer { background: url(../_img/btn_bildhauerO.gif); width: 96px; }
#liSteinrestaurator { background: url(../_img/btn_steinrestauratorO.gif); width: 151px; }
#liAktuell { background: url(../_img/btn_aktuellO.gif); width: 72px; }
#liKontakt { background: url(../_img/btn_kontaktO.gif); width: 70px; }


/* Btn
--------------------*/
#btnStartseite { background: url(../_img/btn_startseite.gif); }
#btnBildhauer { background: url(../_img/btn_bildhauer.gif); }
#btnSteinrestaurator { background: url(../_img/btn_steinrestaurator.gif); }
#btnAktuell { background: url(../_img/btn_aktuell.gif); }
#btnKontakt { background: url(../_img/btn_kontakt.gif); }