/* CSS Document */

/* Alle Ränder auf Null stellen */
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
}

/* Positionierung der Container */
#navigation {
	position: absolute;
	left: 334px;
	top: 118px;
	border-right: 2px solid #FFFFFF;
	height: 20px;
	padding-top: 0px;
}
#text {
	position: absolute;
	left: 147px;
	top: 140px;
	padding: 10px;
	width: 167px;
	color: #333333;
}
#logo {
	position: absolute;
	top: 25px;
	left: 155px;
}

/* Styles für Text und Tags */
body {
	font-size: 80%;
}
h1 {
	font: bold 1em/150% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	padding-top: 1em;
}
p {
	font: 0.8em/125% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	display: inline;
	height: 100%;
	line-height: 125%;
}
a {
	color: #006CA4;
	text-decoration: none;
}
a:hover {
	color: #7C8DA9;
}
#navigation a {
	color: #FFFFFF;
	border-left: 2px solid #FFFFFF;
	text-decoration: none;
	height: 125%;
	font-size: 12px;
	line-height: 20px;
	display: inline;
	padding: 3px 5px;
}
#navigation a:hover {
	color: #7C8DA9;
	background: #E3E3E3;
}

/* Hintergrundbilder der einzelnen Seiten */
#home {
	background: #DFF5FF url(../pics/home.jpg) no-repeat 0px 0px;
}
#konzept_text {
	background: #DFF5FF url(../pics/konzept_text.jpg) no-repeat 0px 0px;
}
#internet {
	background: #DFF5FF url(../pics/internet.jpg) no-repeat 0px 0px;
}
#grafik {
	background: #DFF5FF url(../pics/grafik.jpg) no-repeat 0px 0px;
}
#event {
	background: #DFF5FF url(../pics/event.jpg) no-repeat 0px 0px;
}
#portraet {
	background: #DFF5FF url(../pics/portraet.jpg) no-repeat 0px 0px;
}
#kontakt {
	background: #DFF5FF url(../pics/home.jpg) no-repeat 0px 0px;
}
#perlen {
	background: #DFF5FF url(../pics/perlen.jpg) no-repeat 0px 0px;
}

/* Links für die Referenz-Popups auf den einzelnen Seiten */
/* Positionierung */
#referenzen_text, #referenzen_media, #referenzen_grafik, #referenzen_event {
	position: absolute;
	height: 20px;
	width: 188px;
	left: 146px;
	top: 495px;
	padding: 0px;
}

/* Formate */
#referenzen_text a, #referenzen_media a, #referenzen_grafik a, #referenzen_event a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 4px;
}

/* Farben Referenzlinks */
#referenzen_text {
	background: #508FC2;
}
#referenzen_text a {
	color: #E1F5FF;
}
#referenzen_text a:hover {
	background: #7C8DA9;
}
#referenzen_media {
	background: #C27CD5;
}
#referenzen_media a {
	color: #333333;
}
#referenzen_media a:hover {
	background: #F5E9F4;
}
#referenzen_grafik {
	background: #D06F19;
}
#referenzen_grafik a {
	color: #FCFCFC;
}
#referenzen_grafik a:hover {
	background: #998F9A;
}
#referenzen_event a {
	background: #CF1270;
	color: #FFFFFF;
}
#referenzen_event a:hover {
	background-color: #CE80A7;
	color: #CCCCCC;
}
#lightbox p, #lightbox h1 {
	padding-left: 30px;
}

/* Popups Referenzen */
#lbLoadMessage {
	display: none;
}
#schliessen {
	padding-top: 15px;
	padding-right: 20px;
	position: absolute;
	top: 408px;
	right: 10px;
}

/* Positionierung der Referenzen-Navigation in den Popups */
#zahlen_text a, #zahlen_media a, #zahlen_grafik a, #zahlen_event a {
	height: 15px;
	width: 15px;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#zahlen_text, #zahlen_media, #zahlen_grafik, #zahlen_event {
	padding-left: 30px;
	position: absolute;
	top: 420px;
	left: 0px;
}
#zahlen_text a, #x_text {
	background: #508FC2;
	color: #E1F5FF;
}
#zahlen_text a:hover, #x_text:hover {
	background: #C0C0C0;
}
#zahlen_media a, #x_media {
	background: #C27CD5;
	color: #333333;
}
#zahlen_media a:hover, #x_media:hover {
	background: #F5E9F4;
}
#zahlen_grafik a, #x_grafik {
	background: #D06F19;
	color: #FCFCFC;
}
#zahlen_grafik a:hover, #x_grafik:hover {
	background: #998F9A;
	z-index: 10;
}
#zahlen_event a, #x_event {
	background: #CF1270;
	color: #FFFFFF;
}
#zahlen_event a:hover, #x_event:hover {
	background-color: #CE80A7;
	color: #CCCCCC;
	z-index: 10;
}

/* Positionierung der Bilder in den Referenz-Popups */
.bild {
	position: absolute;
	height: 405px;
	width: 467px;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Positionierung der Texte in den Referenz-Popups */
.reftext {
	z-index: 5000;
	position: absolute;
}

/* Schliess-Symbol in den Referenz-Popups */
#x_grafik, #x_media, #x_text, #x_event {
	height: 16px;
	width: 16px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px 4px 5px;
	margin-left: 5px;
}