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

ALLGEMEINE FORMATIERUNGEN

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

body {
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:active {
	background-color: #fff;
	color: #f29000;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	background-color: #fff;
	color: #ec5f00;
	text-decoration: underline;
}

h1 {
	font: normal 1em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin-top: 0;
}

h2 {
	font: normal 1.5em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin-bottom: 1em;
	margin-top: 0;
}

h3 {
	font: normal 0.9em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin-bottom: 1em;
	margin-top: 0;
}

img {
	border: 0;
}

p {
	font-size: 0.85em;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 0;
}

p, td, li, ul, ol {
	font-family: Georgia, "New Century Schoolbook", Times, serif;
}

.alt {
	display: none;
}

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

LAYOUTBEREICHE

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

#content {
	position: absolute;
	display: block;
	left: 0;
	top: 100px;
	height: 480px;
	width: 880px;
	border: 0;
	margin: 0;
	padding: 0;
	/*background: transparent url(../i/animM.gif) no-repeat bottom right;*/
}
#pklogo {
	background: #ffffff;
	border: 0;
	color: #000000;
	display: block;
	height: 64px;
	left: 0;
	margin: 0;
	padding: 0;
	padding-left: 240px;
	position: absolute;
	top: 0;
	width: 880px;
}

#querbar {
	position: absolute;
	background-color: #f8efdc;
	border: 0;
	color: #000000;
	display: block;
	height: 36px;
	left: 0;
	margin: 0;
	padding: 0;
	top: 64px;
	width: 880px;
}	
#diedame {
	position: absolute;
	display: block;
	z-index: 22;
	left: 0;
	top: 360px;
	height: 120px;
	width: 880px;
	margin: 0;
	padding: 0;
	background: transparent url(../i/animM.gif) no-repeat bottom right;
}
#theme9 {
/*Information*/
	position: absolute;
	display: block;
	height: 60px;
	left: 750px;
	margin: 0;
	padding: 0;
	top: 0px;
	width: 180px;
	background: transparent;
}
#emaillink {
/*Email von der Startseite aus*/
	position: absolute;
	display: block;
	height: 30px;
	left: 30px;
	margin: 0;
	padding: 0;
	top: 50px;
	width: 100px;
	font-size: 0.7em;
	background: transparent;
}
#foot {
	position: absolute;
	background: url(../i/animM_Boden.gif) transparent no-repeat right;
	border: 0;
	color: #000000;
	display: block;
	font-size: 0.9em;
	height: 20px;
	top: 580px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 880px;
}

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

DETAILS FUSSZEILE

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

#foot p {
	padding: 3 0 0 240px;
}

#foot a {
	color: #6E6553;
	background-color: transparent;
}

.framed {
	border: 0px solid #FF4500;
	}
.hidden {
	display: none;
	}
	
/* ---------------------------------------------------------

GESTALTUNG SHORTCUTLEISTE

------------------------------------------------------------- */
	
#shortcuts {
	position: absolute;
	top: 0;
	left: 608px;
	width: 270px;
	height: 70px;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	}
#shortcuts li {
    position: absolute;
	 display: block;
    margin: 0;
	 padding: 0;
	 background: transparent;
	 list-style: none;
	 text-align: center;
	}
#shortcuts a, #shortcuts a:link, #shortcuts a:active {
    height: 20px;
	 width: 50px;
	 display: block;
	 padding: 50px 0 0 0;
	 color: #fff;
	 background-color: transparent;
	 text-decoration: none;
	}
#shortcuts a:hover {
	 color: #616161;
	}	
#shortcut1 {
	left: 98px;
	}
#shortcut2 {
	left: 148px;
	}
#shortcut3 {
	left: 198px;
	}	
#shortcut1 a, #shortcut1 a:link, #shortcut1 a:active {
	background: transparent url(../i/shortcut1_1.gif) no-repeat;
	}
#shortcut2 a, #shortcut2 a:link, #shortcut2 a:active {
	background: transparent url(../i/shortcut2_1.gif) no-repeat;
	}
#shortcut3 a, #shortcut3 a:link, #shortcut3 a:active {
	background: transparent url(../i/shortcut3_1.gif) no-repeat;
	}	
#shortcut1 a:hover {
	background: transparent url(../i/shortcut1_2.gif) no-repeat;
	}
#shortcut2 a:hover {
	background: transparent url(../i/shortcut2_2.gif) no-repeat;
	}
#shortcut3 a:hover {
	background: transparent url(../i/shortcut3_2.gif) no-repeat;
	}		
/* ---------------------------------------------------------

GESTALTUNG GRAFISCHES MENÜ / GALERIE FRONTPAGE

------------------------------------------------------------- */		
		
#frontmenu {
    position: absolute;
    width: 880px;
	 height: 145px;
    background: transparent url(../i/front_map.gif);
    margin: 150px 0 0 0;
	 padding: 0;
	 border: 0px solid black;
	}
	
#frontmenu li {
    position: absolute;
	 display: block;
    margin: 0;
	 padding: 0;
	 background: transparent;
	 text-decoration: none;
	 list-style: none;
	 }
#frontmenu a {
    height: 60px;
	 display: block;
	 padding: 165px 0 0 0;
	 background: transparent;
	 text-decoration: none;
	 border: 0px solid black;
	 }
.beschreibung {
	display: block;
	height: 140px;
	color: #fff;
	background-color: #FFF;
	font-size: 0.7em;
	}

#theme1 {
/*Arbeiter*/
	left: 0;
	width: 175px;
	z-index: 1;
}

#theme2 {
/*Arte-Fucked*/
	left: 145px;
	width: 140px;
	z-index: 3;
}
#theme3 {
/*Rummel*/
	left: 245px;
	width: 205px;
	z-index: 2;
}
#theme4 {
/*Bunte Hunde*/
	left: 415px;
	width: 170px;
	z-index: 4;
}
#theme5 {
/*Wenn ich gross bin*/
	left: 550px;
	width: 120px;
	z-index: 6;
}
#theme6 {
/*Fernweh*/
	left: 645px;
	width: 240px;
	z-index: 5;
}


/*THEMA 1 : Arbeiter*/

#theme1 a:link .beschreibung, #theme1 a:visited .beschreibung, #theme1 a:active .beschreibung {
	 background-color: #FFF;
	padding-left: 35px;
	}
#theme1 a:hover {
	background: transparent url(../i/front_map.gif) 0px -165px no-repeat;
}
#theme1 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 2 : Arte-Fucked*/

#theme2 a:link .beschreibung, #theme2 a:visited .beschreibung, #theme2 a:active .beschreibung {
	 background-color: #FFF;
	padding-left: 25px;
	}
#theme2 a:hover {
	background: transparent url(../i/front_map.gif) -145px -330px no-repeat;
}
#theme2 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 3 : Rummel*/

#theme3 a:link .beschreibung, #theme3 a:visited .beschreibung, #theme3 a:active .beschreibung {
	background-color: #fff;
	padding-left: 45px;
}
#theme3 a:hover {
	background: transparent url(../i/front_map.gif) -245px -165px no-repeat;
}
#theme3 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 4 : Bunte Hunde*/

#theme4 a:link .beschreibung, #theme4 a:visited .beschreibung, #theme4 a:active .beschreibung {
	background-color: #fff;
	padding-left: 23px;
}
#theme4 a:hover {
	background: transparent url(../i/front_map.gif) -415px -330px no-repeat;
}
#theme4 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 5 : Wenn ich gross bin*/

#theme5 a:link .beschreibung, #theme5 a:visited .beschreibung, #theme5 a:active .beschreibung {
	background-color: #fff;
	padding-left: 15px;
}
#theme5 a:hover {
	background: transparent url(../i/front_map.gif) -550px -165px no-repeat;
}
#theme5 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 6 : Fernweh*/

#theme6 a:link .beschreibung, #theme6 a:visited .beschreibung, #theme6 a:active .beschreibung {
	background-color: #fff;
	padding-left: 60px;
}
#theme6 a:hover {
	background: transparent url(../i/front_map.gif) -645px -330px no-repeat;
}
#theme6 a:hover .beschreibung {
	color: #616161;
	background-color: #fff;
}

/*THEMA 9 : Information*/

#hov9 {
	background: transparent;
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 180px;
}

#hov9:hover {
	background: transparent url(../i/icoINF2.gif) no-repeat;
}



/*THEMA 10 : Email*/

#hov10 {
	background: transparent;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 55px;
	/*border:1px solid black;*/
}

#hov10:hover {
	background: transparent url(../i/icoEMAIL2.gif) no-repeat;
}

#emaillink a, #emaillink a:link, #emaillink a:active {
    height: 30px;
	 width: 80px;
	 display: block;
	 padding: 8px 0 0 0;
	 color: #fff;
	 background: transparent url(../i/icoFrontMail1.gif) no-repeat;
	 text-decoration: none;
	 text-align: right;
	}
#emaillink a:hover {
	 color: #616161;
	background: transparent url(../i/icoFrontMail2.gif) no-repeat;
	}