body { background-color:white; text-align:center; margin:20px; color:black; font-size:11pt; font-family:Arial; }
img { border:none; }
a { color:#478f8b; }

h1, h2, h3 { padding:0px; margin:0px; }

input,button,textarea { margin-bottom:5px; border:1px solid lightgray; color:#4f5156; }
button { font-weight:bold; text-align:left; }
input:focus,textarea:focus { border-color:#478f8b; }
button:hover,button:focus { background-color:#478f8b; color:white; }
button img { margin-left:5px; margin-right:10px; float:left; vertical-align:middle; display:inline; }

.background {
  background-image:url('/res/5nach12.jpg');
  background-repeat:no-repeat;
  background-position:center center;
}

.box {
  position:relative;
  text-align: center;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 10px;
  width: 550px;
  border: 1px solid #4f5156;  
}

.page {
  margin:0;
  padding:0;
  width:950px;
  margin: 0px auto;
  padding: 0px;
  position:relative;  
}

div.box hr { height:1px; background-color:lightgray; border-color:lightgray; }

#head { font-weight:bold; height:130px; vertical-align:middle; position:relative; }
#head div { vertical-align:middle; }
#head img { float:left; height:120px; display:inline; }
#head h1 { margin-left:5px; margin-top:5px; color:#478f8b; font-size:22pt; letter-spacing:5px; }
#head h2 { font-size:17pt; vertical-align:middle; letter-spacing:0.15em; color:#4f5156; }
#head h3 { font-size:9pt; vertical-align:middle; font-weight:normal; color:#4f5156; }

#contentmenu { margin:0; padding:0; position:absolute; top:175px; left:0px;  width:180px; }
#contentmenu div { padding-bottom:6px; padding-right:4px; padding-left:4px; width:170px;  margin-bottom:10px; text-align:left; border-right:2px solid #478f8b; border-bottom:2px solid #478f8b; background-color:#f8f8f8; }
#contentmenu div:hover { border-color:#4f5156; border-width:3px; }
#contentmenu div.submenu  { width:150px; margin-left:20px; border-color:#5bb8b3; }
#contentmenu div a { font-size:10pt; text-decoration:none; font-weight:bold; }
#contentmenu div a:hover { color:#4f5156; }

#communitymenu { margin:0; padding:0; position:absolute; top:175px; left:775px;  width:180px; font-size:10pt; font-weight:bold; }
#communitymenu div.box { background-color:#f8f8f8; color:#4f5156; padding-top:0px; padding-bottom:6px; padding-right:4px; margin-top:0px; width:170px;  margin-bottom:10px; text-align:center; border-top:none; border-right:none; border-left:2px solid #478f8b; border-bottom:2px solid #478f8b; }
#communitymenu div.box h1 { color:#478f8b; font-size:10pt; font-weight:bold; margin-bottom:10px; }
#communitymenu div.box h2 { color:#478f8b; font-size:10pt; font-weight:bold; margin-top:15px; margin-bottom:5px;}
#communitymenu div.box div { width:98%; text-align:left; margin-bottom:10px; }
#communitymenu div.box .caption { color:gray; font-weight:normal; }
#communitymenu div.box form { color:gray; font-weight:normal; }
#communitymenu div.box form input { width:98%; }
#communitymenu div.box button { width:98%; text-align:left; margin-bottom:5px; }
#communitymenu div.box:hover { border-color:#4f5156; border-width:3px; }
#communitymenu div a { font-size:10pt; text-decoration:none; font-weight:bold; }
#communitymenu div a:hover { color:black; }

#commentbox a { font-size:8pt; }

#comments { margin-top:90px; border:2px solid #24857a; width:100%; color:gray; }
#comments h1 { color:#24857a; font-weight:bold; text-decoration:none; font-size:10pt; }
#comments hr { height:1px; width:100%; background-color:#24857a; }
#comments div.comment { text-align:left; padding-left:5%; margin-bottom:20px; font-size:9pt; position:relative; }
#comments div.text { width:95%; border-width:0px; background-color:#f4f4f4; margin-bottom:10px; color:black; padding:5px; }

#sitemenu { font-size:9pt; margin-top:20px;  }
#sitemenu a:hover { color:black; }

#foot { font-size:8pt; height:16px; }
#foot div { position:absolute; bottom:0px; margin-bottom:2px; }
#asofdate { left:0; text-align:left; margin-left:8px; }
#imprint { right:0; text-align:right; margin-right:8px; }

div.content { min-height:550px; }

.content { font-size:10pt; }
.content hr { width:100%; border:0; background-color:#4f5156; color:#4f5156; height:1px; }
.content .title { }
.content .source { text-align:right; font-size:8pt; font-style:italic; font-weight:normal; }
.content .source a { color:black; font-weight:normal; }
.content .quote { font-style:italic; margin-top:1em; color:#478f8b; font-weight:bold; }
.content .tagfield { text-align:right; color:#4f5156; }

.content h1 { margin-top:15px; font-size:12pt; text-decoration:underline; letter-spacing:0.13em;}
.content h2 { margin-top:15px; font-size:10pt; text-decoration:none; margin-bottom:5px; }
.content h3 { font-size:10pt; color:#478f8b; }

.content a { font-weight:bold; text-decoration:none; }
.content a:hover { color:#4f5156; }
.content a img { vertical-align:middle; margin-right:5px; }

.content p { margin-bottom:25px; clear:both; }

.content p.portrait { }
.content p.portrait img { float:left; margin:0 5px 0 0; }

.content p.diagram img { margin-bottom:5px; }
.content p.diagram a { text-decoration: none }

.content p.highlight { color:#478f8b; font-weight:bold; }

.content div.interview { margin-left:15%;  margin-right:15%; }
.content div.interview span.name { font-weight:bold; color:#478f8b; }
.content div.interview p.questioner { text-align:left;  }
.content div.interview p.respondent { text-align:left; }

.content table,fieldset {
  font-size:10pt;
  background-color:#f4f4f4;  
  opacity:0.8;
  filter:alpha(opacity=80);
}

.content .interactive {
  width:80%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
}

.content .interactive table {
  width:100%;
  padding:10px;
  opacity:1;
  filter:alpha(opacity=100);
}

.content table.layout {  
  background-color:white;  
  opacity:1;
  filter:alpha(opacity=100);
}

.content table.layout td {
  text-align:left;
}

.content th { font-size:8pt; }
.content th.top { text-align:center; }
.content th.left { text-align:right; }
.content td { text-align:center; }

.content ul li { text-align:left; margin-bottom:1em; }
.content fieldset table td { text-align:left; }