/**
 * Copyright (C) 2003-2010 CeDiS, FU Berlin <distributed.campus@cedis.fu-berlin.de>
 *
 * This Program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation;
 * version 3 of the License.
 *
 * This Program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this Program; if not, see <http://www.gnu.org/licenses/>.
 *
 * $Id: dc_public.css 1594 2009-07-09 13:51:05Z gkallidis $
 */
/* Freie Universitaet Berlin
   Designvorgaben fuer Distributed Campus
   http://www.distributed-campus.org/

   Autor: CeDiS, http://www.cedis.fu-berlin.de
   Datum: Juni 2008
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien 
   ../images/bg_body.gif
   ../images/pfeil_navi.gif
   ../images/bg_mainWrapper.gif
   ../images/rechteck_gr_liste.gif
   ---------------------------------------------------------------------------
*/

body {
	background: #fff url(../images/bg_body.gif) top repeat-x;
}

#printlogo {
	display:none;
}

/* Header 
   -----------------------------------------------------------------------------
*/

#headerIdentityWrapper {
	position: relative;
	margin: 0 0 10px 0;
	width: 780px;
	height: 181px;
	padding: 0;
}

.baseHeaderLogo {
	position: absolute;
	top: 6px;
	left: 18px;
}

#baseHeaderNavigation {
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 90%; 
	border-right: 1px solid #666;
}

#mainWrapper {
	position: relative;
	margin: 0;
	padding: 0;
	width: 977px; /* der IE6 braucht hier 977px statt 974px */
	background: url(../images/bg_mainWrapper.gif) repeat-y;
}

#mainWrapperClear {
    clear: both;
}

/* NavigationButtons
   -----------------------------------------------------------------------------
*/

#baseNavigationButtons {
	position: absolute;
	top: 77px;
	left: 194px;
	margin: 0;
	padding: 0;
	z-index: 1;
	font-weight: normal; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow:hidden;
	text-align: center;
	background: #108ac9;
	width: 586px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 585px;
}

#baseNavigationButtons {
	height: 25px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 24px;
}

/* Identitaetsbereich
   -----------------------------------------------------------------------------
*/

#baseIdentity {
	display: block;
	position: absolute;
	top: 77px;
	left: 0;
	height: 104px;
	width: 779px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	background-color: #fff;
}

.baseIdentityLeft {
	position: absolute;
	display: block;
	height: 103px;
	width: 194px;
	margin: 0;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 125%;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
}

.baseIdentityRight {
	position: absolute;
	top: 24px; 
	height: 104px;
	left: 195px;
	margin: 0;
	padding:0;
}

/* NavigationLeft 
   -----------------------------------------------------------------------------
*/

#baseNavigationContainer {
	float: left;
    margin: 20px 8px 0 0;
	padding: 0 0 0 18px;
	font-size: 100%;
	line-height: 120%;
	overflow: hidden;
	width: 186px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 168px;
}

/* Content 
   -----------------------------------------------------------------------------
*/

#baseContent {
	float: left;
	margin: 0;
	padding: 20px 21px 20px 13px;
	background-color: transparent;
	min-height: 363px;
	overflow: hidden;
	width: 586px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 552px;
}

*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height: 363px;  /* Mindesthoehe des Inhaltsbereichs */
	overflow-x: hidden;
	overflow-y: visible;
} 

.clear{
	clear:both;
}

/* Footer 
   -----------------------------------------------------------------------------
*/

#baseContainerFooter {
	position: relative;
	color: #666;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
	border-top: 4px solid #9c0;
	height: 30px;
	margin-top: 10px;
}

/* Copyright */

#baseContainerFooter div.left {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 570px; 
	padding-bottom: 10px;
}

/* Datum */

#baseContainerFooter div.right {
	position: absolute;
	top: 8px;
	left: 600px;
	width: 168px;
	text-align: right;
	padding-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   Spezielle- Stilanweisungen
   -----------------------------------------------------------------------------
*/

/* Links im div baseHeaderNavigation (home,kontakt,etc)
   -----------------------------------------------------------------------------
*/

#baseHeaderNavigation ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#baseHeaderNavigation ul li {
	margin: 0;
	padding: 1px 3px 1px 3px;
	border-left: 1px solid #666;
	list-style: none;
	display: inline;
	color: #000;
}

#baseHeaderNavigation ul li a {
	color: #666;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:hover {
	color: #000;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:visited {
	color: #666;
	text-decoration: none;
}

/* Punkt Englisch in der Service-Navigation ist hellgrau, wenn es keine englische Seite gibt */

#baseHeaderNavigation .langlnk { 
	color: #ccc;
}

/* Horizontale Hauptnavigation im Identitaetsbereich   
   -----------------------------------------------------------------------------
*/

#baseNavigationButtons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#baseNavigationButtons ul li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 180%;
}

#baseNavigationButtons ul li a {
	display: block;
	float: left;
    margin: 0;
	padding: 2px 9px 0 9px;  
	color: #fff;
	background-color: #108ac9;
	border-left: 1px solid #fff;
	text-decoration: none;
	height: 24px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 22px;
}

#baseNavigationButtons ul li a:hover {
	color: #fff;
	background-color: #50c0ff;
}

#baseNavigationButtons ul li a.active {
	color: #fff;
	background-color: #50c0ff;
}

#baseNavigationButtons ul li span.active {
	display: block;
	float: left;
    margin: 0;
	padding: 2px 9px 0 9px;  
	color: #fff;
	background-color: #50c0ff;
	border-left: 1px solid #fff;
	text-decoration: none;
	height: 24px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 22px;
}

#baseNavigationButtons ul li .login {
	width: 132px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 113px;
}

#baseNavigationButtons ul li .details {
}

#baseNavigationButtons ul li .registration {
}

#baseNavigationButtons ul li .technical_requirements {
}

#baseNavigationButtons ul li .changelog {
	border-right: 1px solid #fff;
}

/* NavigationLeft
   -----------------------------------------------------------------------------
   Links im div baseNavigationContainer
   -----------------------------------------------------------------------------
*/

#baseNavigationFrame ul, #baseNavigationContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#baseNavigationFrame ul li, #baseNavigationContainer ul li {
	margin: 0;
	padding: 0;
	font-size: 95%;
}

#baseNavigationFrame ul li a:hover, #baseNavigationContainer ul li a:hover {
	color: #000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

/* alte Schreibweise - soll vorerst drin bleiben */

#baseNavigationFrame ul li a.aktiv, #baseNavigationContainer ul li a.aktiv {   
	color: #000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

#baseNavigationFrame ul li a.active, #baseNavigationContainer ul li a.active {
	color: #000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

/* Erste Ebene */

#baseNavigationFrame ul li a, #baseNavigationContainer ul li a {
	display:block;
	color: #666;
	text-decoration: none;
	width: 163px;
	padding: 1px 1px 1px 4px;
	border-bottom: 1px solid #ccc;
}

/* alte Schreibweise - soll vorerst drin bleiben */

#baseNavigationFrame ul li .aktiv, #baseNavigationContainer ul li .aktiv {
	display:block;
	color: #000;
	width: 163px;
	padding: 1px 1px 1px 4px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

#baseNavigationFrame ul li .active, #baseNavigationContainer ul li .active {
	display:block;
	color: #000;
	width: 163px;
	padding: 1px 1px 1px 4px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

/* Zweite Ebene */

#baseNavigationFrame ul li li, #baseNavigationContainer ul li li {
	font-size:100%;
}

#baseNavigationFrame ul li li a, #baseNavigationContainer ul li li a {
	width: 149px;
	padding: 1px 1px 2px 18px;
	font-weight: normal;
	background: url(../images/pfeil_navi.gif) no-repeat;
	background-position: 4px 6px;
}

/* alte Schreibweise - soll vorerst drin bleiben */

#baseNavigationFrame ul li li .aktiv, #baseNavigationContainer ul li li .aktiv {
	width: 149px;
	padding: 1px 1px 2px 18px;
	font-weight: normal;
	background: #f4f4f4 url(../images/pfeil_navi.gif) no-repeat;
	background-position: 4px 6px;
}

#baseNavigationFrame ul li li .active, #baseNavigationContainer ul li li .active {
	width: 149px;
	padding: 1px 1px 2px 18px;
	font-weight: normal;
	background: #f4f4f4 url(../images/pfeil_navi.gif) no-repeat;
	background-position: 4px 6px;
}

/* Dritte Ebene */

#baseNavigationFrame ul li li li a, #baseNavigationContainer ul li li li a {
	width: 135px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
}

/* alte Schreibweise - soll vorerst drin bleiben */

#baseNavigationFrame ul li li li .aktiv, #baseNavigationContainer ul li li li .aktiv {
	width: 135px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
	background-color: #f4f4f4;
}

#baseNavigationFrame ul li li li .active, #baseNavigationContainer ul li li li .active {
	width: 135px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
	background-color: #f4f4f4;
}

/* Banner unterhalb der Hauptnavigation links */

#baseBannerContainer {
	margin: 20px 0 0 0;
}

#baseBannerContainer a, #baseBannerContainer img {
	margin: 15px 0 0 0;
}

#baseBannerContainer a img {
	margin: 15px 0 0 0;
}

/* Icons: "Seite versenden" und "Seite drucken"
   -----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: -2px 0 10px 10px;
	padding: 0;
}

#baseIcons a:link, #baseIcons a:hover, #baseIcons a:active, #baseIcons a:visited {
	text-decoration: none;
}

#baseIcons img.sendLink {
	margin: 0 5px 0 0;
}

#basePrintPreview { /* dieses div wird nur in der druckvorschau angezeigt */
	display:none;
}

/* zum Positionieren von Bildern im Content */

.imgLeft {
	float: left;
	margin: 10px 20px 10px 0;
	clear: both;
}

.imgRight {
	float: right;
	margin: 10px 0 10px 20px;
	clear: both;
}

/* Links im div baseContainerFooter  
   -----------------------------------------------------------------------------
*/

#baseContainerFooter a:link {
	color: #666;
	text-decoration: none;
}

#baseContainerFooter a:hover {
	color: #000;
	text-decoration: none;
}

#baseContainerFooter a:visited {
	color: #666;
	text-decoration: none;
}

/* DC spezifisch
   -----------------------------------------------------------------------------
*/

.blockLeft {
	float: left;
	width: 440px;
}

.blockRight {
	padding: 14px 0 20px 10px;
	float: right;
	width: 88px;
}

.blockRight div {
	margin-bottom: 10px;
}

.hide {
	display: none;
}

.internGalleryImage {
	float: left;
	margin: 20px 20px 20px 0;
}

.internGalleryData {
	margin: 20px 0 20px 0;
}

.internGalleryDivider {
	margin: 10px 0 0 0;
}

.errorMessage {
	color: #c00 ! important;
}

.successMessage {
	color: #9c0;
}

#sender-control {
  display: none;
}

.invisible {
 display: none;
}