/*

Beschreibung: CascadingStyleSheet dave's treehouse
Version: 1.0
© Right: written by dave in his treehouse
Kontakt: webmaster@daves-treehouse.ch
Was ich schon immer mal sagen wollte: "Dowjerai, no prowjerai." – "Vertraue, aber prüfe nach." (Lenin, Parteitag der SDAPR, am 25. Dezember 1903)

Anmerkungen: mit #-beginnende Codierungen werden als id verwendet, während mit .-beginnende Codesegmente als Klasse verwendet werden.

*/

* {
		padding: 0px;
		margin: 0px;
		border: 0;
}

html, body {
		background:#FFFFFF;
		font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
		font-size: 62.5%;
		text-align: center;
		color: #808080;	
}

html>body {
		background:#FFFFFF;
		font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		text-align: center;
		color: #808080;	
}


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

  Main Content

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

/* Layoutelemente */
#mainDiv {
		width: 800px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}

#headDiv {
		width: 800px;
		height: 50px;
		text-align: center;
		vertical-align: text-bottom;
		overflow: hidden;
}

#contentDiv {
		width: 800px;
		height: 520px;
		text-align: center;
		overflow: hidden;
}

#albumDiv {
		width: 456px;
		height: 299px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8px;
		text-align: center;
}

#footerDiv {
		width: 800px;
		height: auto;
		text-align: center;
}

#naviDiv {
		width: 800px;
		height: 50px;
		text-align: center;
}

#spracheDiv {
		width: 800px;
		height: auto;
		text-align: center;
}

#blattDiv {
		width: 800px;
		height: auto;
		text-align: center;
		vertical-align: text-bottom;
}


/* Textverarbeitung */
p {
		font-size: 10px;
		line-height: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
}
		
#hoverTextur {
		/* Eindeutige ID für den Hoover-Effekt */
		font-size: 12px;
		letter-spacing: 2px;
		word-spacing: 2px;
		vertical-align: text-bottom;
}


/* Navigation */
#spracheDiv ul, #naviDiv ul {
		list-style: none;
		float: center;
		text-align: center;
}

#spracheDiv li, #naviDiv li {
		list-style: none;
		display: inline;
		float: center;
		text-align: center;
}

#spracheDiv a, #spracheDiv a:visited , #spracheDiv a:active {
		color: #808080;
		text-align: center;	
		vertical-align: text-top;
		text-decoration: none;
		padding: 8px 12px 8px;
		background: transparent;
}

#spracheDiv a:hover {
		color: #808080;
		text-decoration: none;
		background: transparent;
		text-decoration: underline;
}

#naviDiv a, #naviDiv a:visited , #naviDiv a:active {
		font-size: 12px;
		letter-spacing: 2px;
		word-spacing: 2px;
		color: #808080;
		text-align: center;	
		vertical-align: text-top;
		text-decoration: none;
		padding: 0px 24px 8px;
		background: transparent;
}

#naviDiv a:hover {
		color: #808080;
		text-decoration: none;
		background: transparent;
		background-image: url('../images/quadrat.png');
		background-repeat: no-repeat;
		background-position:  50% 100%;
}

#blattDiv ul {
		list-style: none;
		float: center;
		text-align: center;
		margin-top: 32px;
}

#blattDiv li {
		list-style: none;
		display: inline;
		float: center;
		text-align: center;	
		vertical-align: text-bottom;
}

#blattDiv a, #blattDiv a:visited , #blattDiv a:active {
		font-size: 12px;
		letter-spacing: 2px;
		word-spacing: 2px;
		color: #808080;
		text-decoration: none;
		text-align: center;	
		vertical-align: text-bottom;
		padding: 8px 24px 8px;
		background: transparent;
}

#pfeilLinks a:hover {
		color: #808080;
		text-decoration: none;
		background: transparent;
		background-image: url('../images/pfeill.png');
		background-repeat: no-repeat;
		background-position:  50% 0%;
}

#pfeilRechts a:hover {
		color: #808080;
		text-decoration: none;
		background: transparent;
		background-image: url('../images/pfeilr.png');
		background-repeat: no-repeat;
		background-position:  50% 0%;
}


/* Fotogallerie */
#albumDiv ul {
		list-style: none;
		float: center;
		text-align: center;
		vertical-align: center;
}



#albumDiv img {
		width: 80px;
		height: 60px;
		padding: 16px 14px;
		text-align: center;
		vertical-align: center;
}



#albumDiv li {
		list-style: none;
		display: inline;
		float: center;
		text-align: center;
}


/* Video Container */
div.lcdVideoTop {
		background-image: url('../images/lcdtv_top.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 133px;
		margin: 0px;
        padding: 0px;
        border: 0;
		vertical-align: text-center;
		overflow: hidden;
}

div.lcdVideoMid {
		background-image: url('../images/lcdtv_mid.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 243px;
        padding: 0px;
        border: 0;	
		vertical-align: text-center;
		overflow: hidden;
}

div.lcdVideoBottom {
		background-image: url('../images/lcdtv_bottom.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 144px;
		margin: 0px;
        padding: 0px;
        border: 0;
		vertical-align: text-center;
		overflow: hidden;
}

/* Album Container */
div.albumContTop {
		background-image: url('../images/album_top.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 117px;
		margin: 0px;
        padding: 0px;
        border: 0;
		vertical-align: text-center;
		overflow: hidden;
}

div.albumContMid {
		background-image: url('../images/album_mid.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 299px;
        padding: 0px;
        border: 0;	
		vertical-align: text-center;
		overflow: hidden;
}

div.albumContBottom {
		background-image: url('../images/album_bottom.jpg');
		background-repeat: no-repeat;
		width: 800px;
		height: 104px;
		margin: 0px;
        padding: 0px;
        border: 0;
		vertical-align: text-center;
		overflow: hidden;
}

/* BackgroundImage */
#backgrImg {
        margin: 0px;
		padding: 0px;
        border: 0;
        z-index: 1;
		width: 800px;
		height: 520px;
}


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

  Wordpress Spezielles Layout - Elements ausserhalb des WP Style Sheets

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



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

  CSS Magic

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