@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px;	padding: 0px; }
table {	border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul {	list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0px; }

body { background-color: #000000; color: #FFFFFF; }

body, td, th, ul, ol, li, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
	scrollbar-face-color: #DDC3C4;
	scrollbar-shadow-color: #DDC3C4;
	scrollbar-highlight-color: #DDC3C4;
	scrollbar-3dlight-color: #DDC3C4;
	scrollbar-darkshadow-color: #DDC3C4;
	scrollbar-track-color: #C1A3A5;
	/*scrollbar-arrow-color: #FF7F00;*/
}

h1 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
p, ul { line-height: 130%; margin-bottom: 10px; }

a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #CCCCCC; }

strong { font-weight: bold; }

img.portrait { position: absolute; top: 20px; }
img.welfi { left: 527px; }
img.daniel-koepf { left: 535px; }
img.johannes-volz { left: 546px; }
img.birgit-ostertag { left: 580px; }
img.gabor-racsmany { left: 620px; }
img.lisa-berger { left: 548px; }
img.michael-piecko { left: 568px; }
img.phil-drewes { left: 585px; }
img.gerold-haering { left: 509px; }
img.anette { left: 524px; }
img.volz { left: 564px; }

img.wb-cafe {
	position: absolute;
	left: 590px; top: 20px;
}

div.portrait-bubble {
	position: absolute;
	right: 93px; bottom: 120px;
	width: 186px; height: 130px;
}	
div.daniel-koepf { background: url(../images/daniel-koepf-bubble.png); }
div.johannes-volz { background: url(../images/johannes-volz-bubble.png); }
div.birgit-ostertag { background: url(../images/birgit-ostertag-bubble.png); }
div.gabor-racsmany { background: url(../images/gabor-racsmany-bubble.png); }
div.lisa-berger { background: url(../images/lisa-berger-bubble.png); }
div.michael-piecko { background: url(../images/michael-piecko-bubble.png); }
div.phil-drewes { background: url(../images/phil-drewes-bubble.png); }
div.gerold-haering { background: url(../images/gerold-haering-bubble.png); }
div.anette { background: url(../images/anette-bubble.png); }
div.volz { background: url(../images/volz-bubble.png); }

div.portrait-bubble div.bio {
	position: absolute;
	left: 30px; top: 45px;
	font-size: 11px;
}
div.portrait-bubble h1 {
	margin-top: 10px; margin-bottom: 0px;
}
div.portrait-bubble div.xing { padding-top: 5px; }

#page-body {
	position: absolute;
	width: 100%; height: 580px;
	margin-top: -290px; top: 50%;
	background-color: #330000;
	background: url(../images/page-background.png) center;
}

#page-content {
	position: absolute;
	width: 980px; height: 580px;
	margin-left: -490px; left: 50%;
	text-align: left;
	background: url(../images/content-bubble.png) 90px 21px no-repeat;
}

#content {
	position: absolute;
	top: 120px; left: 180px;
	font-size: 11px; color: #FFFFFF;
	width: 355px; height: 340px;
	overflow: auto;
}

#content h1, #content h3 { color: #FFFFFF; }
#content p { color: #FFFFFF; font-size: 11px; }
#content p.question { color: #000000; }
#content ul { list-style: disc; }
#content li { font-size: 11px; margin-left: 15px; }

#navigation {
	position: absolute; top: 460px;
	width: 100%; height: 100px;
	background-color: #990000;
}

#content div.news-teaser h3 { margin-bottom: 5px; }
#content div.news-teaser p { line-height: 120%; }
#content img.teaser-image {
	float: left;
	margin-right: 10px; margin-bottom: 10px;
	border: 1px solid #DDC3C4;
}

#menu {
	position: absolute;
	width: 980px; height: 100px;
	margin-left: -490px; left: 50%;
	text-align: left;
}

ul.level-1 { position: absolute; left: 90px; top: 16px; }
ul.level-1 li {	float: left; margin-right: 10px; }
ul.level-1 a { font-weight: bold; font-size: 14px; }	
ul.level-1 a.current { text-decoration: underline; }

ul.level-2 { position: absolute; left: 90px; top: 35px; }
ul.level-2 li {	float: left; margin-right: 10px; }
ul.level-2 a { font-size: 11px; }	
ul.level-2 a.current { text-decoration: underline; }

#menu img.wappen {
	position: absolute;
	right: 90px; top: 16px;
}