@CHARSET "UTF-8";

/* Primäre Farbpalette */
.rot1 { color: #990000; }
.orange1 { color: #FF9900; }
.gelb1 { color: #FFCC00; }
.weiss1 { color: #FFFFFF; }
.rotbraun1 { color: #330000; }
.grau1 { color: #666666; }

/* Sekundäre Farbpalette */
.rotbraun2 { color: #660000; }
.zitronenfalter2 { color: #FFFFCC; }
.gelbgruen2 { color: #99CC33; }
.rost2 { color: #D66600; }
.beigegelb2 { color: #FFCC66; }
.mittelgrau2 { color: #999999; }
.hellgrau2 { color: #CCCCCC; }
.orange2 { color: #FFF5E6; }

/* Schrift */
body, p, a, h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS', sans-serif;
  color: #330000;
}
body, p, a {
  font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 { color: #FF9900; }
h1 {
  font-size: 16pt;
  font-weight: bold;
}
.h1 {
	font-size: 14pt;
	padding-bottom: 10px;
}
h2 { 
  font-size: 13pt;
  font-weight: bold;
}
.h2 {
	font-size: 13pt;
  padding: 8px 0px;
}
.h3 {
	font-size: 10pt;
	text-transform: uppercase;
  font-weight: bold;
}
.system { color: #000000; }
.fussnote {
  font-size: 10pt;
}
a {
  color: #990000;
  text-decoration: none;
}
a.extern {
  color: #990000;
  text-decoration: underline;
}
a.extern:hover {
  color: #FF9900;
}
a.suche {
  color: #FF9900;
  text-decoration: none;
}
a.suche:hover {
  color: #990000;
}

html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 4px;
  text-align: center;
}
div#js {
	position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
	background-image: url('../images/overlay.png');
	background-repeat: repeat;
	color: #FFFFFF;	
	font-weight: bold;
}
div#container {
  width: 952px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
div#content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 784px;
}
div#skyscraper {
	position: absolute;
	right: 39px;
	top: 608px;
}
div#ads {
	position: absolute;
	right: 0px;
	/* top: 608px; */
	top: 0px;
	width: 160px;
	height: 386px;
	/* background-image: url('../images/ads.png'); */
}
div#ads_b {
	position: relative;
	left: 0px;
	/* top: 608px; */
	width: 468px;
	height: 60px;
	/* background-image: url('../images/ads.png'); */
}
div#header {
	height: 162px;
	background-color: #FF9900;
	background-image: url('../images/head1.png');
	background-repeat: no-repeat;
}
div#main_navigation {
	height: 32px;
	background-image: url('../images/main_navigation_bg.png');
	background-repeat: repeat-x;
}
div#sub_navigation {
	height: 28px;
	background-image: url('../images/sub_navigation1.png');
  background-repeat: repeat-x;
  position: relative;
}
div#body {
	padding: 8px 8px 8px 12px;
	background-image: url('../images/bg.png');
  background-repeat: repeat-x;
  background-color: white;
  position: relative;
  overflow: hidden;
}
div#footer {}
/* Main navigation */
div#main_navigation ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
div#main_navigation ul li {
  float: left;
}
div#main_navigation ul li a {
  display: block;
  height: 32px;
  /*
  border-right: 1px solid blue;
  background: #DDDDDD;
  */
}
div#main_navigation ul li a:active {
  outline: none;
}
div#main_navigation ul li a span {
	display: none;
}
/* Sub navigation */
div#sub_navigation ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 0px;
  letter-spacing: -0.01em;
}
div#sub_navigation ul li {
  float: left;
  background-image: url('../images/sub_navigation2.png');
  background-position: right center;
  background-repeat: no-repeat;
}
div#sub_navigation ul li.last {
  background-image: none;
}
div#sub_navigation ul li a {
  display: block;
  color: #FFFFFF;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 6px 4px 6px;
}
div#sub_navigation ul li a:hover {
	color: #990000;
}
div#sub_navigation ul li a.active {
	color: #660000;
}
div#sub_navigation ul li a:active {
	outline: none;
}
div#styleswitcher {
	height: 16px;
	padding: 6px 12px;
	position: absolute;
	right: 0px;
}
div#styleswitcher a.color {
	display: block;
	padding-right: 24px;
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
div#styleswitcher a.color:hover {
	color: #990000;
}
/* Meta navigation */
div#meta_navigation {
	background-color: #FF9900;
	height: 20px;
	position: relative;
}
div#meta_navigation span#copyright {
	color: #FFFFFF;
  font-weight: bold;
  position: absolute;
  left: 12px;
}
div#meta_navigation ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  letter-spacing: -0.01em;
}
div#meta_navigation ul li {
  float: left;
  background-image: url('../images/meta_navigation_bg.png');
  background-position: right center;
  background-repeat: no-repeat;
}
div#meta_navigation ul li.last {
  background-image: none;
}
div#meta_navigation ul li a {
  display: block;
  color: #FFFFFF;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 6px;
}
div#meta_navigation ul li a:hover {
  color: #660000;
}
div#meta_navigation ul li.active a {
  color: #990000;
}
/* Spacer */
div.spacer {
	height: 8px;
	background-color: 
}
/* Sponsors */
div#sponsors {
	text-align: center;
}
div#sponsors a {
	white-space: nowrap;
}
/* Body elements */
div.box {
	/* Mit diesem Padding kann die Breite wie gewohnt angegeben werden 
	   trotz relativem "Geschiebe" */
	padding-right: 12px;
	padding-bottom: 22px;
}
div.box div.top {
	position: relative;
	background: url('../images/box/box_left_top.png') top left no-repeat;
	height: 100%;
	/* border: 1px solid black; */
}
div.box div.right_top {
	background:  url('../images/box/box_right_top.png') top right no-repeat;
  position: relative;
  right: -12px;
  height: 100%;
}
div.box div.bottom {
  background: url('../images/box/box_left_bottom.png') bottom left no-repeat;
  position: relative;
  right: 12px;
  top: 20px;
  height: 100%;
}
div.box div.right_bottom {
  background: url('../images/box/box_right_bottom.png') bottom right no-repeat;
  position: relative;
  right: -12px;
  height: 100%;
}
div.box div.middle {
  background: url('../images/box/box_right.png') top right repeat-y;
  position: relative;
  top: -12px;
  height: 100%;
  /* Für korrekten Textumbruch */
  padding-right: 12px;
}
/* Different sizes */
div.small {
	width: 174px;
}
div.medium {
	width: 562px;
}
div.big {
	width: 754px;
}
/* Fixed width box */
div.fw_box_top {
  background: url('../images/box/fw_box_top.png') top left no-repeat;
  height: 10px;
}
div.fw_box_middle {
	background: url('../images/box/fw_box_middle.png') top left repeat-y;
}
div.fw_box_bottom {
  background: url('../images/box/fw_box_bottom.png') top left no-repeat;
  height: 12px;
}
div.fw_box_middle ul {
	margin: 0px 6px 0px 1px;
	border-bottom: 2px solid #d7d7d7;
}
div.fw_box_middle li {
	height: 26px;
	line-height: 26px;
	border-top: 2px solid #d7d7d7;
	background: url('../images/box/fw_box_item.jpg') top left repeat-x;
}
div.fw_box_middle li.active {
  background: url('../images/box/fw_box_item_active.jpg') top left repeat-x;
}
div.fw_box_middle h2,
div.fw_box_middle p,
div.fw_box_middle li {
	padding-left: 12px;
}
div.fw_box {
	margin-bottom: 4px;
}
div.fw_box_middle li a {
	outline: none;
	display: block;
	height: 100%;
  font-weight: bold;
  font-size: smaller;
}
/* Buttons */
a.button {
  background: transparent url('../images/button_right.png') no-repeat top right;
  display: block;
  float: left;
  font-weight: bold;
  color: #FFFFFF;
  height: 24px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}
a.button span {
  background: transparent url('../images/button_left.png') top left no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 20px;
  padding-left: 18px;
  cursor: pointer;
}
a.button:active {
  outline: none;
}
a.button:active span {
  color: #FF9900;
  line-height: 22px;
}
/* Forms */
label {
	float: left;
	width: 130px;
}
input[type="text"], 
input[type="password"] {
	width: 160px;
}
select {
  width: 160px;
}
div.form-row {
	clear: left;
	padding: 4px 0px;
}
div.form-help {
	display: inline;
	padding-left: 20px;
}
.cl { clear: left; } 
.cr { clear: right; }
div.field_error label {
	color: #990000;
}
.flash.error, div.form_error {
	color: #990000;
	background-color: #dba6a6;
	padding: 6px 10px;
}
div.field_error select,
div.field_error input[type="text"], 
div.field_error input[type="password"],
div.field_error input[type="radio"],
div.field_error input[type="checkbox"],
div.field_error textarea {
	border-color: #990000;
	background-color: #dba6a6;
}
form div.left, form div.right {
	width: 300px;
	padding-right: 40px;
}
form div.left {
	float: left;
	border-right: 1px solid #666666;
}
form div.right {
	float: right;
}
fieldset {
	border-bottom: 1px dotted #666666;
	padding: 12px 0px;
	margin-bottom: 12px;
}
legend {
  color: #FF9900;
  font-size: larger;
}
/* Tabs (sub-sub-navigation) */
ul.sub_sub_navigation {
	height: 28px;
}
ul.sub_sub_navigation li {
	float: left;
	background: url('../images/tab/tab_left.png') no-repeat top left;
	width: 136px;
	height: 28px;
	margin-right: 11px;
	white-space: nowrap;
}
ul.sub_sub_navigation li.active {
	background: url('../images/tab/tab_left_active.png') no-repeat top left;
}
ul.sub_sub_navigation li a {
  display: block;
  height: 24px;
  background: url('../images/tab/tab_right.png') no-repeat top right;
  position: relative; 
  right: -12px;
  padding-right: 16px;
  padding-top: 4px;
  text-align: center;
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}
ul.sub_sub_navigation li a:active {
	outline: none;
}
ul.sub_sub_navigation li.active a {
  background: url('../images/tab/tab_right_active.png') no-repeat top right;
  color: #660000;
}
div.sub_sub_navigation {
	width: 764px;
}
div.sub_sub_navigation div.active1 {
	background: url('../images/tab/top_active1.png') no-repeat top left;
	height: 10px;
}
div.sub_sub_navigation div.active2 {
  background: url('../images/tab/top_active2.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation div.active3 {
  background: url('../images/tab/top_active3.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation div.active4 {
  background: url('../images/tab/top_active4.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation div.bottom {
	background: url('../images/tab/bottom.png') no-repeat bottom left;
	height: 12px;
}
div.sub_sub_navigation div.middle {
	background: url('../images/tab/middle.png') repeat-y top left;
	padding: 0px 12px 0px 8px;
}
div.sub_sub_navigation_small {
  width: 590px;
  margin-left: 177px;
}
div.sub_sub_navigation_small div.active1 {
  background: url('../images/tab/top_active1_small.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_small div.active2 {
  background: url('../images/tab/top_active2_small.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_small div.active3 {
  background: url('../images/tab/top_active3_small.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_small div.active4 {
  background: url('../images/tab/top_active4_small.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_small div.bottom {
  background: url('../images/tab/bottom_small.png') no-repeat bottom left;
  height: 12px;
}
div.sub_sub_navigation_small div.middle {
  background: url('../images/tab/middle_small.png') repeat-y top left;
  padding: 0px 12px 0px 8px;
}

div.sub_sub_navigation_smallest {
  width: 574px;
  margin-left: 177px;
}
div.sub_sub_navigation_smallest div.active1 {
  background: url('../images/tab/top_active1_smallest.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_smallest div.active2 {
  background: url('../images/tab/top_active2_smallest.png') no-repeat top left;
  height: 10px;
}
div.sub_sub_navigation_smallest div.bottom {
  background: url('../images/tab/bottom_smallest.png') no-repeat bottom left;
  height: 12px;
}
div.sub_sub_navigation_smallest div.middle {
  background: url('../images/tab/middle_smallest.png') repeat-y top left;
  padding: 0px 12px 0px 8px;
}

div#loginbox {
	position: absolute;
  top: 20px;
  right: 10px;
  height: 148px;
  overflow: hidden;
  width: 340px; 
  height: 141px; 
}
div#logoutbox {
	position: absolute;
  top: 0px;
  right: 7px;
  height: 148px;
	/*overflow: hidden;*/
	background: url('../images/logoutbox_bg.png') no-repeat bottom left;
	width: 228px;
}
div#logoutbox select {
	width: 86px; 
	border: none; 
	background-color: transparent;
	height: 16px;
}
div#logoutbox option {
	background-color: #ffffff;
}
div.photo_smallest {
  overflow: hidden;
	width: 48px;
	height: 48px;
}
div.photo_smallest img {
	display: block;
	margin: auto;
}
div.photo_small {
  overflow: hidden;
  width: 78px;
  height: 78px;
  border: 2px solid #eeeeee;
  margin: auto;
}
div.photo_small img {
  display: block;
  margin: auto;
}
div.photo_medium {
  overflow: hidden;
  width: 104px;
  height: 140px;
  border: 1px solid #eeeeee;
  margin-bottom: 8px;
}
div.photo_medium img {
  display: block;
  margin: auto;
}
strong {
  font-weight: bold;
}
.flash {
	display: block;
	padding: 6px 10px;
	color: #ffffff;
	background-color: green;
	font-weight: bold;
}
/* Profile */
div.profile_left {
	width: 264px;
	margin-top: 4px;
	margin-right: 12px;
	float: left;
}
div.profile_right {
	float: right;
	width: 466px;
}
ul.actions {
	clear: left;
	list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.actions li {
	clear: left;
	height: 22px;
	border-top: 1px dotted #666666;
	padding: 3px 0;
}
ul.actions li img {
	float: left;
	margin-right: 8px;
	margin-bottom: 1px;
}
div.tab_content {
	font-size: smaller;
}
div.tab_content table.left {
	display: inline;
}
div.tab_content table.right {
	display: inline;
}
div.tab_content table td {
	padding: 2px 4px 2px 0;
  color: #666666;
  vertical-align: bottom;
}
div.tab_content table.left td {
	width: 100px;
}
div.tab_content table th {
	font-weight: bold;
  padding: 2px 4px 2px 0;
  vertical-align: top;
}
div.tab_content table.left th,
div.tab_content table.right th {
	width: 100px;
}
div.tab_content table.right th {
	border-left: 1px dotted #666666;
	padding-left: 10px;
}
div.tab_content table.right td {
	width: 90px;
}
div#tab_bottom div.tab_content table td {
	padding-left: 10px;
}
/* Personal page */
div#photo_completeness {
	margin-bottom: 8px;
}
div#photo_completeness div.left {
	width: 272px;
	float: left;
  height: 264px;
}
div#photo_completeness div.right {
	margin-left: 280px;
	border-left: 1px dotted #666666;
	padding: 3px 0px 6px 14px;
}
div#completeness_container {
	background: transparent url('../images/completeness_container.png') repeat-x;
	background-position: 4px center;
  border: 1px solid #666666;
  padding: 2px;
  width: 240px;
  height: 12px;
  margin: 8px 0px 4px 0px;
}
div#completeness_container div#completeness {
  background: transparent url('../images/completeness.png') repeat-x top left;
  height: 12px;
}
ul#completeness { margin: 4px 0px; }
ul#completeness li {
	font-weight: bold;
	position: relative;
}
ul#completeness img.criteria {
  position: relative;
  top: 6px;
  margin-right: 18px;
}
ul#completeness img.state {
	position: absolute; 
	right: 70px;
	top: 8px;
}
div#partner_suggestions {
	height: 188px;
	border-top: 1px dotted #666666;
	padding: 8px 0px 0px 0px;
}
div#partner_suggestions div.suggestion {
	float: left;
	width: 116px;
	margin: 0px 8px;
	text-align: center;
}
div#partner_suggestions div.suggestion a {
  font-size: 13px;
}
div#searchbox,
div#search_intern {
	float: left;
	width: 174px;
}
div#search_intern select {
	width: 146px;
	margin-bottom: 4px;
}
div#search_intern label {
	margin-top: 4px;
}
/* Chat invitation */
div.chat_invitation {
  position: absolute;
  top: 0px;
  right: 240px;
  width: 156px;
  height: 148px;
  overflow: hidden;
  background: url('../images/chat/invitation_background.png') no-repeat bottom left;
}
div.chat_symbol {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: -4px;
	background: url('../images/profile/chat.gif') no-repeat top left;
	width: 25px;
	height: 25px;
}
div.cms_navigation ul {
  list-style-type: none;
  padding: 12px 0px; 
}
div.cms_navigation li {
  border-top: 1px dotted #666666;
  padding: 4px 0px;
}
div.cms_navigation li.last {
	border-bottom: 1px dotted #666666;
}
div.cms_navigation li a {
  display: block;
  font-weight: bold;
  font-size: smaller;
}
div.cms_navigation li.active a {
  text-decoration: underline;
}
div.cms_content ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0.5em;
}
div.cms_content ol li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 0.5em;
}
div.cms_content {
	color: #666666;
}
div.cms_content h1,
div.cms_content h2,
div.cms_content h3 {
	color: #330000;
}
div.cms_content h1 {
	margin: 5px 0px;
}
div.cms_content h2 {
	text-transform: uppercase;
}
div.cms_content h3 {
	margin-top: 10px;
	margin-bottom: 4px;
	font-weight: bold;
}
div.cms_content p {
	margin: 4px 0px 6px 0px;
	color: #666666;
}
div.cms_content em {
	color: #FF9900;
	font-style: normal;
}
hr, 
div.cms_content hr {
	background: url('../images/hr_background.jpg') repeat-x top left;
	height: 2px;
	border: none;
	color: #FFCC80;
  background-color: #FFCC80;
  border: #FFCC80;
}
/* Copyright/Footer */
div#copyright {
	text-align: center;
	color: #FFFFFF;
	background-color: #990000; 
	font-size: 14px;
	padding: 12px 12px;
}
div#copyright a {
	color: #FF9900;
  text-decoration: none;
  font-size: 14px;
}
/* Search */
div#search_results {
  margin-left: 192px;
}
div#logo {
  background: url('../images/logo.png') no-repeat; 
  position: relative;
}
/* Hintergrundfarbe (aus red.css */
html, body, .spacer, div#footer {
  background-color: #990000;
}
/* Sponsoren im Footer */
div#sponsors {
  width: 776px;
}
/* Loginbox */
form#login_form input {
  width: 235px;
  margin-top: 4px;
  float: none;
}

a:hover div.mouseover {
	display: inline;
}
div.mouseover {
	width: 280px;
  background: url('../images/mouseover/bottom.png') left bottom no-repeat;
	position: absolute;
	z-index: 1000;
	display: none;
	margin-top: -50px;
}
div.mouseover div {
	background: url('../images/mouseover/top.png') left top no-repeat;
  padding: 8px 8px;
  position: relative;
  top: -9px;
}
a div.mouseover div {
	color: #330000;
	font-size: smaller;
}
div#browse_search_results {
	background: url('../images/browse_search_results_bg.png') left top no-repeat;
	width: 541px;
	height: 97px;
}