﻿/* Globale Definitionen */

/* Body-Definitionen */
body {
/*	background-image: url(/img/wasser.jpg); */
/*	background-repeat: repeat-y; */
	background-color: #eeeeee;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	width: 990px;
	margin: 0px 5px;
}

/* Links */
a:link, a:hover, a:active, a:focus {
	color: #1111FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: red;
}
.test * {
	border: 1px solid black;
}

/* Allgemeine, seiten- und elementübergreifende Definitionen */
.bold {font-weight: bold;}
.italic {font-style: italic;}

.small {font-size: 85%;}
.smaller {font-size:65%;}
.smallest {font-size: 50%;}
.large {font-size: 115%;}
.larger {font-size: 135%;}
.largest {font-size: 150%;}

.leftaligned {text-align: left;}
.rightaligned {text-align: right;}
.topaligned {vertical-align: top;}
.bottomaligned {vertical-align: bottom;}
.centered {text-align: center;}
.topalignedtable td {
	vertical-align: top;
}
.topaligned {
	vertical-align: top;
}

.leftfloating {float: left;}
.rightfloating {float: right;}

.red {color: Red;}
.darkred {color: #884444;}
.blue {color: Blue;}
.rehmblue {color: #C4D9FF;}
.green {color: Green;}
.yellow {color: Yellow;}
.black {color: Black;}
.white {color: White;}

.wide {width: 99%;}
html>body .wide {width: 100%}
.inheritWidth {width: inherit;}

.nopbm * {
	margin: 0;
	padding: 0;
	border: 0;
}

.flat {
	background-color: White;
	border: 1px solid black;
}
.textbox {
	border: 1px inset #ffffff;
	background-color: #eeeeee;
}
.imagebutton {
	border: 0;
}
.normalwrap {
	white-space: normal;
}
.nowrap {
	white-space: nowrap;
}
.errorText {
	color: #FF9999;
}
.code {
	font-family: Courier New;
}
.collapse {
	border-collapse: collapse;
}

.style1 {
	background-color: #E0E0E0;
}
.style2 {
	background-color: #EEEEEE;
}

td.padded {
	padding: 4px;
}

.invisible, .invisible tr, .invisible td {
	margin: 0;
	padding: 0;
	border: 0;
}
.plainCheckBox, .plainCheckBox * {
	margin: 0; border: 0; padding: 0;
}

.screenshotLeft {
	margin-right: 10px;
	margin-bottom: 4px;
}

.screenshotRight {
	margin-left: 10px;
	margin-bottom: 4px;
}

/* Hintergrund und sonstiges für die Container (login, search, events, ...) */
.containerContentBackground {
	background-color: #E0E0E0;
	margin: 0;
	padding: 2px 5px;
}
.containerHeaderBackground {
	background-color: #C0C0C0;
	margin: 0;
	padding: 0;
}
.containerHeader {
	font-size: 100%;
	font-weight: bold;
	margin-right: 5px;
	color: blue;
}
div.containerSubHeaderBackground {
	background-color: #D0D0D0;
	padding: 2px 5px;
}
div.containerSubHeader {
	font-size: 100%;
	font-weight: bold;
	color: #777777;
}
.containerContent {
	margin: 0;
}


/* Divs */

/* Globale Einteilung */

div#top {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px;
}
div#leftrightcentercontainer {
	border: 0;
	background-color: White;
	padding-top: 5px;
}
div#left {
	border: 0;
	margin: 0px 0px 5px 0px;
	width: 202px;
	float: left;
}
div#right {
	border: 0;
	margin: 0px 0px 5px 0px;
	width: 202px;
	float: right;
	background-color: #E0E0E0;
}
div#bct {
	margin: 0;
	padding: 3px 4px;
	font-size: 0.9em;
	text-align: left;
	clear: both;
	background-color: #9999FF;
	color: White;
}
div#center {
	border: 0;
	margin: 0px 207px 5px 207px;
	background-color: White;
}
div#footer {
	clear: both;
	background-color: #D0D0D0;
	margin-top: 10px;
	color: Black;
	padding: 2px 5px;
	font-size: 8pt;
}


/* TOP-Divs */

span#rehmlogo {
	width: 200px;
	margin: 0; padding: 0; border: 0;
}
span#softwarelogo {
	margin: 0px 202px;
	float: right;
}

div#date {
	width: 200px;
	float: right;
	color: White;
}

div#bct a {
	color: White;
}
div#bct a:hover {
	color: Red;
}

/* Left-Divs */
div#navi {
	background-color: #E0E0E0;
}


/* Right-Divs */
/* Für alle */
div#search, div#login, div#events {
/*	border: 1px solid black;*/
	text-align: right;
	margin-bottom: 20px;
	color: #888888;
}

div#login {
}
div#events {
	margin-bottom: 0px;
}



/* Date-Control */
#date {
	text-align: right;
	border: 1px solid black;
}


/* Search-Control */
.searchBox {
	font-size: 7.5pt;
	width: 100%;
}
.searchContainer {
	font-size: 7.5pt;
}
.searchresultsframe {
	width: 500px;
	height: 600px;
}

/* SearchResultItem-Control */
div.searchResultItem {
	margin-bottom: 10px;
}
div.searchResultItem * {
	/*border: 1px solid black;*/
}
table.searchResultItem {
}
tr.searchResultItemTitle {
	background-color: #E0E0E0;
}
td.searchResultItemTitle {
}
a.searchResultItemTitle {
	text-decoration: underline;
}
tr.searchResultItemDescription {
}
td.searchResultItemDescription {
	font-size: 80%;
}
tr.searchResultItemUrl *, tr.searchResultItemDate * {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
td.searchResultItemDate {
}
td.searchResultItemUrl {
	color: Green;
	font-size: 80%;
}
td.searchResultItemDate {
	color: Gray;
	font-size: 80%;
}


/* Login-Control */
div.loginContainerContent {
	font-size: 7.5pt;
}
table.loginContent {
	width: 100%;
	border-collapse: collapse;
}
.loginTextbox {
	font-size: 7.5pt;
}
.loginButton:hover 
{
	background-color: #f5f5f5;
	border-style: inset;
	cursor: pointer;
}
.loginButton {
	background-color: #eeeeee;
	border: 1px outset white;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 7.5pt;
	color: #888888;
	font-family: Verdana;
}
.errorMsgInvisible {
	display: none;
}
.errorMsgVisible {
	display: block;
	color: Red;
}


/* Navigations-Controls */
div#navi {
	background-color: #C0C0C0;
}
div#navi a {
	color: Black;
}
div#navi a:hover {
	color: Red;
}
div#navi table {
	width: 200px;
}
.navi_level0 {
	font-size: 100%;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
	padding-left: 2px;
}
.navi_level0 a {
	color: Blue !important;
	
}
td.navi_level0 {
}
.navi_level1 {
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
}
td.navi_level1 {
	border-bottom: 1px dashed #C0C0C0;
	background-color: #D0D0D0;
}
.navi_level2 {
	font-size: 8pt;
	padding: 0px 0px 0px 10px;
	background-color: #E0E0E0;
	border-bottom: 1px dotted #C0C0C0;
}
.navi_level3 {
	font-size: 8pt;
	padding: 0px 0px 0px 15px;
	background-color: #EEEEEE;
}
.navi_level4 {
	font-size: 8pt;
	padding: 0px 0px 0px 20px;
	background-color: #FFFFFF;
}
.navi_selected, .navi_selected {
	color: white !important;
	background-color: #666666 !important;
}


/* Events-Controls */
div#events {
	font-size: 10pt;
	text-align: right;
	background-color: #E0E0E0;
	padding: 0;
}
div#events .singleEvent {
	margin-bottom: 10px;
}
.eventdate {
	color: #888888;
	font-weight: bold;
	font-size: 8pt;
}
.eventsubject {
	font-size: 8pt;
}
.eventlocation {
	font-style: italic;
	font-size: 8pt;
}
div#events a {
}
div#events .eventSubHeader {
	color: #888888;
}

/* (Formatted)FileList-Control */

.fileListContainer {
	font-family: Courier New;
	font-size: 90%;
	margin-bottom: 10px;
}
.fileListTitleBackground {
	background-color: #C0C0C0;
	padding: 3px 5px;
}
.fileListTitle {
	font-size: 140%;
	font-weight: bold;
	font-family: Arial;
}
.currentPathBackground {
	background-color: #D0D0D0;
	padding: 3px 5px;
}
.currentPath {
}
.fileListBackground {
	background-color: #E0E0E0;
	padding: 3px 5px;
}

html>body .filelist {
	width: 100%;
}
.filelist {
	width: 99%;
}
.filelist th {
	font-style: italic;
}
.filelist .filename {
	width: 50%;
	font-weight: bold;
}
.filelist .filedate {
}
.filelist .filesize {
	text-align: right;
}
.filelist a:hover {
	font-weight: bold;
	color: Red;
}


/* ProductDownloads-Control */

div.productDownloads, div.productDownloads table {
	text-align: right;
	width: 100%;
	vertical-align: top;
}


/* Screenshot-Control */

div.screenshotContainer {
	margin: 5px;
	border: 1px solid black;
}
div.screenshotContainer a {
	text-decoration: none;
	border: 0;
}
div.image {
}
span.subtitleheader {
	font-weight: bold;
}
div.subtitle {
	border-top: 1px solid #888888;
	font-style: italic;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
	text-align: center;
}


/* SlideShow-Control */
a.slideShowImage {
	border: 0;
	text-decoration: none;
}


/* InputForm-Masterpage, auch Derivate */
div.inputForm {
	font-size: 10pt;
}
div.inputForm div.formContent {
	padding: 2px 5px;
}
div.inputForm table.formContent {
	border-collapse: collapse;
	color: black;
}
div.inputForm tr {
}
div.inputForm td {
	padding: 3px 1px;
	vertical-align: top;
}
div.inputForm td.label {
	padding-right: 5px;
}
div.inputForm .textbox {
}
div.formBackground {
	padding: 0px;
	background-color: #D0D0D0;
}
div.formHeaderBackground {
	background-color: #C0C0C0;
	margin-bottom: 6px;
	padding: 5px;
	border-bottom: 1px solid #555555;
}
.formTitle {
	font-size: 14pt;
	margin-bottom: 5px;
	border-bottom: 1px solid black;
	color: #444444;
}
.formSubTitle {
	font-size: 10pt;
	color: #444444;
}
div.inputForm table.formButtons {
	margin-top: 20px;
	text-align: center;
	width: 500px;
}
span.required {
	color: Red;
}
div.inputForm table.packages {
	margin-top: 30px;
}
div.inputForm table.packages tr.packageHeader {
	background-color: #C0C0C0;
	border: 1px solid #e0e0e0;
	color: #444444;
}
div.inputForm table.packages tbody {
	width: 100%;
}
div.inputForm table.packages th {
	text-align: left;
	padding: 5px 0px;
	font-size: 12pt;
	font-weight: normal;
	vertical-align: bottom;
}
div.inputForm table.packages th.packageHeader {
	padding-left: 5px;
}
div.inputForm table.packages th.packageDescription {
	font-size: 10pt;
	font-weight: normal;
}

div.inputForm table.packages .first {
	width: 20px;
}
div.inputForm table.packages .second {
	border-right: 0;
	width: 130px;
}
div.inputForm table.packages .third {
	border-left: 0;
	width: 20px;
}
div.inputForm table.packages tr {
	background-color: #D0D0D0;
}
div.inputForm table.packages td {
	border-bottom: 1px solid #C0C0C0;
}
div.inputForm div.missingFields {
	color: #660000;
}


/* Spezielle Formatierungen */

/* News */

div#news {
	border: 0;
	color: black;
}
div.singlenews {
	margin-bottom: 20px;
}
div.newsheaderBackground {
	background-color: #D0D0D0;
}
div.newsHeaderContent {
	padding: 2px 5px;
}
div.newsContentBackground {
	padding: 5px;
	padding-top: 0px;
}
div#news p {
	margin: 0;
	padding: 0;
}
div.newscontent {
	color: Black;
}


/* Programm-Artikel */

div.articleContainerBackground {
	background-color: White;
}
div.articleContainer {
	font-size: 9pt;
}
.articleHeader {
	height: 36px;
	background-color: #D0D0D0;
	margin: 0;
	padding: 0;
}
/* Browserweiche für width */
.articleHeader {
	width: 99%;
}
html>body .articleHeader {
	width: 100%;
}
td.articleHeaderCell {
	vertical-align: bottom;
	font-size: 150%;
	color: black;
	width: 100%;
}
td.productDownloadsCell {
	vertical-align: top;
	text-align: right;
}
div.articleContainer h2 {
	font-size: 100%;
	padding: 10px 5px 5px 5px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-color: #E0E0E0;
	font-weight: normal;
	font-style: normal;
}
div.articleContainer h3 {
	padding: 20px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	font-weight: 200;
	font-size: 140%;
	border-bottom: 1px solid #888888;
}
div.articleContainer h4 {
	margin-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 100%;
}
div.articleContainer h5 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
	margin-top: 10px;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
}
div.articleContainer p {
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 12px;
}
table.list {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	margin: 0px 5px 12px 20px;
}
table.list td {
	vertical-align: top;
}
table.list td.listFirstChild {
	width: 25%;
}
div.articleContainer hr {
	border: 1px solid #888888;
	margin: 0px 0px 10px 0px;
	padding: 0;
}


/* Produkte-Seite */

div.productsContainerBackground {
}
div.productsContainer {
	font-size: 9pt;
}
div.productsContainer h1 {
	font-weight: normal;
	font-size: 150%;
	border-bottom: 1px solid #888888;
	padding: 10px 5px 5px 5px;
	background-color: #D0D0D0;
	color: White;
	margin-top: 0;
}
div.productsContainer h2 {
	font-weight: bold;
	font-size: 100%;
	padding: 5px;
}
html>body div.productsContainer table {
	width: 100%;
}
div.productsContainer table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 99%;
}
div.productsContainer tr, div.productsContainer td {
	margin: 0;
	border: 0;
	padding: 5px;
	padding-right: 5px;
	
}
div.productsContainer tr.style1 {
	background-color: #E0E0E0;
}
div.productsContainer tr.style2 {
	background-color: White;
}


/* Aktuelle Programmversionen */
div.versionsBackground {
	background-color: #D0D0D0;
}
div.versions {
	text-align: left;
	padding: 5px;
}

div.versions .style1 {
	background-color: #FFFFFF;
}

div.versions .style2 {
	background-color: #E0E0E0;
}

div.versions th {
	font-size: 12pt;
	font-weight: bold;
	color: White;
	padding: 5px;
	border: 1px solid #D0D0D0;
}

div.versions tr.packageVersionsTableHeader {
	background-color: #C0C0C0;
}

div.versions table {
	margin-bottom: 10px;
	border-collapse: collapse;
}

div.versions td.cell1 {
	width: 200px;
}

div.versions td {
	padding: 2px 5px;
	border: 1px solid #D0D0D0;
}


/* Systemanforderungen */

div.requirementsContainerBackground {
	background-color: #D0D0D0;
}
div.requirementsContainerHeaderBackground {
	background-color: #C0C0C0;
}
div.requirementsContainerHeader {
	color: White;
	font-size: 16pt;
	padding: 5px;
}
div.requirementsContainer {
	padding: 5px;
}
div.requirementsContainer p {
	margin-top: 0px;
}
div.requirementsContainer .style1 {
	background-color: #E0E0E0;
}
div.requirementsContainer .style2 {
	background-color: #FFFFFF;
}
div.requirementsContainer table {
	border-collapse: collapse;
}
div.requirementsContainer td {
	padding: 2px;
	vertical-align: top;
}
div.requirementsContainer th {
	text-align: left;
	color: White;
	background-color: #C0C0C0;
}


/* Pacs (SEWERPAC, WATERPAC, ...) */

div.packageBackground {
	background-color: #D0D0D0;
}
div.packageHeaderBackground {
	background-color: #C0C0C0;
	padding: 2px 5px;
}
div.packageHeader {
	font-size: 100%;
	color: black;
	font-weight: bold;
}
div.packageSubHeader {
	color: black;
	margin-top: 5px;
	margin-bottom: 10px;
}
div.packageContent {
	padding: 5px;
}
div.package table {
	border-collapse: collapse;
}
div.package table .style1 {
	background-color: #E0E0E0;
}
div.package table .style2 {
	background-color: #FFFFFF;
}
div.package table td {
	padding: 5px;
	vertical-align: top;
}


/* Support-Anfrage */


/* FAQ */
.backLink {
	text-align: right;
	margin-top: 0;
	padding-top: 0px;
	margin-right: 2px;
	font-size: smaller;
}


/* Veranstaltungen */
div.eventsContainerBackground {
	background-color: white;
}
div.eventsContainer {
	font-size: 9pt;
	
}
div.eventsHeaderBackground {
	background-color: #C0C0C0;
}
div.eventsHeader {
	font-size: 150%;
	padding: 5px;
}
div.eventsSubHeaderBackground {
	background-color: #D0D0D0;
}
div.eventsSubHeader {
	font-size: 100%;
	padding: 5px;
}
div.eventsContent {
	background-color: White;
}
div.eventsContent h2 {
	font-size: 100%;
	padding: 10px 5px 5px 5px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-color: #E0E0E0;
	font-weight: normal;
	font-style: italic;
}
div.eventsContent h3 {
	padding: 20px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	font-weight: 200;
	font-size: 140%;
	border-bottom: 1px solid #888888;
}
div.eventsContent h4 {
	margin-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 100%;
}
div.eventsContent h5 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
	margin-top: 10px;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
}
div.eventsContent p {
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}


/* Tabs auf der Event-Seite, die ein einzelnes Seminar/Workshop beschreibt. */
div.eventsContent table.eventtabs {
	border-collapse: collapse;
	margin-top: 5px;
	margin-left: 1px;
}
div.eventsContent table.eventtabs tr {
}
div.eventsContent table.eventtabs td {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	padding: 2px 5px;
}
div.eventsContent table.eventtabs td.selected {
	background-color: #C0C0C0;
	border-bottom: 0;
}
div.eventsContent table.eventtabs td.selected a:link, div.eventsContent table.eventtabs td.selected a:visited {
	color: White;
}
div.eventsContent table.eventTabContentContainer, div.eventsContent td.eventTabContentContainer {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	background-color: #d0d0d0;
}
div.eventsContent table.eventtabs td.left {
	border-left: 1px solid #d0d0d0;
}

/* Inhalt der verschiedenen Tabs (Ablauf, Anfahrt, ...) */
div.eventsContent .eventTabContent {
}
div.eventsContent table.eventTabContent {
	border: 0;
	border-collapse: collapse;
}
div.eventsContent table.eventTabContent td {
	border-collapse: collapse;
	padding: 3px 2px;
}
div.tabContent {
	padding: 3px 5px 3px;
}
/* Seminar- und Workshop-Übersichtsseiten */
div.singleEvent {
	margin-bottom: 5px;
	background-color: #E0E0E0;
}
div.singleEvent .eventSubject {
	font-weight: bold;
	margin: 5px;
	color: Black;
}
div.singleEvent .eventTable {
	padding: 5px;
}
.eventTable tr {
}
.eventTable td.eventCaptionCell {
	font-weight: bold;
	width: 33%;
}
.eventTable td.eventDate {
	color: black;
	text-align: right;
}
.eventTable td.eventLocation {
	font-style: italic;
	text-align: right;
}


/* Mitarbeiter */
table.mitarbeiter {
	border: 5px solid #D0D0D0;
}
td.mitarbeiter {
	border: 5px solid #D0D0D0;
	width: 50%;
	padding: 5px 10px;
}
table.mitarbeiter th {
	font-size: 120%;
	height: 40px;
	background-color: #DDDDDD;
}


/* Sprachauswahl */
.flag {
	margin-right: 3px;
}


/* TabbedFormattedFileList */
table.tffltabs, table.tffltabs tr {
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: 1px;
	border-collapse: collapse;
}
table.tffltabs td {
	border-bottom: 1px solid white;
	border-right: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	padding: 2px 5px;
	background-color: #E0E0E0;
	border-collapse: collapse;
}
table.tffltabs td.selected {
	background-color: #a0a0a0;
	border-bottom: 0;
}
table.tffltabs td.selected a:link, div.eventsContent table.tffltabs td.selected a:visited {
	color: White;
}


/* Job-Anzeige */
div.jobAd {
	padding: 3px 5px 0px;
	border: 0;/*1px solid black;*/
	margin-bottom: 10px;
}

div.jobAd p {
	margin-top: 4px;
	margin-bottom: 4px;
}