@charset "UTF-8";


/* ----- allgemein ----- */

body {
	background-color: #EEF0FF;
	margin: 0px;
	padding: 0px;
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #484A57;
}


.title {color: #727CD6; font-weight: bold;}
.copy {color: #B8BCDD;}


/* ----- links ----- */

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


a.fotos:link {
	text-decoration: none;
	color: #727CD6;
}
a.fotos:visited {
	text-decoration: none;
	color: #727CD6;
}
a.fotos:hover {
	text-decoration: underline;
	color: #727CD6;
}
a.fotos:active {
	text-decoration: none;
	color: #727CD6;
}


/* ----- navigation ----- */

#navibg {
	position: absolute;
	width: 100%;
	height: 25px;
	top: 50px;
	background: #727CD6;
}

#navi {
	position: absolute;
	height: 25px;
	line-height: 25px;
	top: 50px;
	left: 50%;
	margin-left: -140px;
	font-weight: bold;
}

.home_on {
	position: absolute;
	left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #727CD6;
	background: #FFFFFF;
}

.home_off {
	position: absolute;
	left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background: #7C86E8;
}


.fotos_on {
	position: absolute;
	left: 99px;
	padding-right: 10px;
	padding-left: 10px;
	color: #727CD6;
	background: #FFFFFF;
}

.fotos_off {
	position: absolute;
	left: 99px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background: #7C86E8;
}

.imp_on {
	position: absolute;
	left: 194px;
	padding-right: 10px;
	padding-left: 10px;
	color: #727CD6;
	background: #FFFFFF;
}

.imp_off {
	position: absolute;
	left: 194px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background: #7C86E8;
}


/* ----- logo ----- */

#logo {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 105px;
	left: 50%;
	margin-left: -330px;
	background-image: url(bilder/bgp_logo.jpg);
	background-repeat: no-repeat;
}

/* ----- kooperation ----- */

.koop {
	position: absolute;
	height: 26px;
	top: 315px;
	left: 50%;
	margin-left: -330px;
	padding-top: 24px;
	padding-left: 55px;
	background-image: url(bilder/kooperation.jpg);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #727CD6;
}


/* ----- content allgemein ----- */

#content {
	position: absolute;
	width: 350px;
	height: 230px;
	top: 115px;
	left: 50%;
	margin-left: -140px;
	padding: 10px;
	background: #FFFFFF;
	text-align: left;
}


/* ----- content home ----- */

#symbolfoto {
	position: absolute;
	height: 67px;
	padding-top: 3px;
	padding-left: 79px;
	background-image: url(bilder/symbol_foto.jpg);
	background-repeat: no-repeat;
	color: #727CD6;
}

#symbolweb {
	position: absolute;
	height: 67px;
	top: 90px;
	left: 83px;
	padding-top: 3px;
	padding-left: 79px;
	background-image: url(bilder/symbol_web.jpg);
	background-repeat: no-repeat;
	color: #727CD6;
}

#symboldesign {
	position: absolute;
	height: 67px;
	top: 170px;
	left: 156px;
	padding-top: 3px;
	padding-left: 79px;
	background-image: url(bilder/symbol_design.jpg);
	background-repeat: no-repeat;
	color: #727CD6;
}


/* ----- content fotos ----- */

#fotoallgemein {
	position: absolute;
	height: 70px;
	padding-top: 27px;
	padding-left: 79px;
	background-image: url(bilder/symbol_foto_allgemein.jpg);
	background-repeat: no-repeat;
	color: #727CD6;
}

#fotomusik {
	position: absolute;
	height: 70px;
	top: 90px;
	left: 83px;
	padding-top: 3px;
	padding-left: 79px;
	background-image: url(bilder/symbol_foto_musik.jpg);
	background-repeat: no-repeat;
	color: #727CD6;
}


/* ----- copyright ----- */

#copy {
	position: absolute;
	width: 370px;
	height: 41px;
	top: 365px;
	left: 50%;
	margin-left: -140px;
	text-align: right;
}


/* ----- ie anpassungen ----- */

* html #content {
    height: 230px;
}

* html #copy {
    top: 366px;
}