/*
css-screen.css
Stilvorgaben fuer die Benutzerseite
08.07.08
*/

@import url('css-concierge.css') screen;

/*****************

allgemeine Klassen

*****************/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
margin:0;
padding:0;
}

h1, h2, h3, h4, h5 {
margin:0;
padding:0;
color:#143d55;
font-family:"Lucida Grande", Arial, sans-serif;
font-weight:normal;
}

p {
font-size:1em;
}

.left {
float:left;
margin:0 10px 10px 0;
}

.right {
float:right;
margin:0 0 10px 10px;
}

/* Text verstecken
* In HTML wird zwischen @ und Domain ein "null" hinzugefuegt - Bots lesen damit eine falsche Adresse aus
* Per CSS wird diese Zeichenkette wieder entfernt
*/
span.displaynone {
display: none;
}

.img-container {
}

.img-container p {
color:#666;
padding:0 5px !important;
margin:4px 0 !important;
max-width: 220px;
font-size:0.6em;
}

.img-container p.magnify {
padding-left:15px !important;
background:url('../icn-magnify.gif') no-repeat;
}

.img-container p small {
font-size:smaller;
}

a {
color:#287aa9;
}

a:hover {
color:#990000;	
}

a.no_link {
text-decoration: none;
color:inherit;
}

div.img-container-right {
float:right; 
margin-left:5px;
}

div.img-container-right img {
margin:0 auto 15px auto;
display:block;
}

img.frame {
padding:4px;
border:1px solid #d9e0e6;
border-bottom-color:#c8cdd2;
border-right-color:#c8cdd2;
background:#fff;
}

img.left {
float:left; 
}

img.right {
float:right; 
}

img.center {
display:block;
margin:0 auto;
}

.hide {
display:none;
}

.clear {
clear:both;
}

.nobr {
white-space: nowrap;
}

noscript {
display:block;
}

/*****************

Formulare

*****************/

form.default {
}

.default fieldset {
padding:10px;
border:1px solid #eaeaea;	
margin:0 20px 20px 20px;
}

.default fieldset legend {
font-size:1.5em;
color:#ccc;
padding:3px 6px;
}

.default fieldset h5 {
font-size:1.2em;
margin:20px 0 5px 0;
}

.default fieldset p {
margin:3px 0 !important;
}

.default fieldset ol {
margin:3px 0;
font-size:1.1em;
}

.default label {
display:block;
font-size:1.1em;
margin:10px 0 5px 0;
font-weight:bold;
}

.default label.first {
margin-top:0;
}

.default input, .default textarea {
margin: 2px 0;
padding:2px;
width:300px;
font-size:1.3em;
}

.default textarea {
margin-top:10px;
width:450px;
height:150px;
}

.default input:focus {
background:#eaeaea;
}

.default input.checkbox {
width:auto;
}

.default p.block {
padding-left:10px;
}

.default input#submit {
display:block;
width:auto;
margin-bottom:10px;
}

/*****************

Tabellen

*****************/
table.timetable {
table-layout:fixed; 
margin:auto;
width:90%; 
}

table.timetable thead {
display:none;
}

table.timetable td {
font-size:1.2em;
padding:0.5em;
border-bottom:1px solid #eaeaea;
}

table.small td {
font-size:1.1em;
vertical-align: top;
}

table.small td p {
font-size:1em !important;
vertical-align: top;
margin: 0 !important;
}

table.small td p.description {
margin-top:1em !important;
}


table.timetable td.time {
text-align: right;
border-right:1px solid #eaeaea;
}

table.timetable td.no-bottom-border {
border-bottom:0;
}

/*****************

Boxen: Nachricht/Info (blau), Erfolg (gruen), Fehler (rot)

*****************/

.message-box, .success-box, .alert-box {
margin:15px 30px;
padding:8px;
line-height:1.5em;
border:1px solid #eaeaea;
}

.message-box {
background:#DB9500;
color:#fff;
}

.success-box {
}

.alert-box {
}

p.warning {
background:url('../icn-warning.gif') no-repeat left center;
padding-left:15px;
}

/*****************

Medien

*****************/
div.media-download {
background:#cccccc url('../bg-media-download-top.jpg') no-repeat left top;
width:740px;
padding:0 0 5px 70px;
}

.media-download ul {
list-style: none;
background:url('../bg-media-download-top.jpg') no-repeat right top;
margin:0;
padding:15px 0 0 0;
width:675px;
}

.media-download ul li {
padding-left: 50px;
line-height: 32px;
margin-bottom: 1.5em;
}

.media-download ul li.audio {
background:url('../icn-speaker.png') no-repeat left top;
}

.media-download ul li.video {
background:url('../icn-slide.png') no-repeat left top;
}

.media-download ul li.info {
margin-top:1em;
margin-bottom:0;
}

.media-download ul li p {
margin:0 !important;
}

div.media-gallery {
background:#eaeaea url('../bg-media-gallery-top.jpg') repeat-x top left;
width:740px;
padding:60px 70px 40px 70px;
}

div.media-gallery img {
border:0;
}


/*****************

Wrapper, Head, Logo

*****************/

#wrapper {
margin:auto;	
width:955px;
}

#wrapper-popup {
width:600px;
margin:10px 50px;
}

#head {
margin-bottom:20px;
position:relative;
}

#wrapper-popup #head {
margin:0;
}

#logo {
}

h1 {
background:transparent url('../bg-h1-cvm.gif') no-repeat left bottom;
text-indent:-999em;
height:60px;
padding-top: 10px;
}

h2 {
background:transparent url('../bg-h2-cvm.gif') no-repeat;
text-indent:-999em;
height:50px;
margin-bottom:20px;
}

#siegel {
position:absolute;
right: 10px;
top: 50px;
display: block;
height:150px;
width: 150px;
background: transparent url('../bg-siegel.gif') no-repeat center;
z-index:2;
}

#siegel p {
text-indent: -999em;
}

#print_info {
display:none;
}

#superglobal {
font-size:1.1em;
position:absolute;
right:-10px;
padding:10px;
top:0;
height:10px;
z-index:1;
}

#superglobal ul {
margin:0;
padding:0;
list-style: none;
oveflow:hidden;
}

#superglobal ul li {
float:left;
color:#999;
padding:0 0 10px 0;
margin-left: 14px;
font-size:smaller;
}

#superglobal ul li.first {
padding-left:0;
}

#superglobal ul li.current {
background:url('../superglobal-triangle.gif') no-repeat center bottom;
}

#superglobal ul li.flag {
padding-left:20px;
}

#superglobal ul li.flag a img {
border:0;
}

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

#superglobal ul li a:hover {
text-decoration: underline;
}

/*****************

Global-Navigation

*****************/

#global {
}

#global ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-weight:bold;
background:transparent url('../bg-off.gif') repeat-x top left;
border-bottom:4px solid #154274;
border-top:1px solid #cbdff0;
}

#global ul li {
float:left;
margin:0;
padding:0;
display:block;
background:transparent url('../bg-divider.gif') no-repeat top right;
}

#global ul li a {
font-family:"Lucida Grande", Arial, sans-serif;
color:#369;
display:block;
float:left;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
}

#global ul li a.bigger {
padding-left:30px;
padding-right:30px;
}

#global ul li a:hover {
background:transparent url('../bg-hover.gif') no-repeat top right;
}

#global ul li a#current,#global ul li a#current:hover {
color:#fff;
background:transparent url('../bg-on.gif') no-repeat top right;
}

#global ul li#more {
background:none;
text-transform:none;
font-weight: normal;
}

#global ul li#more ul {
color:black;
background:none;
border:0;
font-weight:normal;
text-transform: none;
font-size:0.9em;
}

#global ul li#more ul li {
background:none;
padding:0 4px;
}

#global ul li#more ul li.bigger {
background:url('../font-bigger.gif') no-repeat left;
padding-left:45px;
}

#global ul li#more a {
background:none;
padding-left:0;
margin-left:0;
padding-right:0;
margin-right:0;
}

#global ul li#more a:hover {
text-decoration: underline;
}

/*****************

Body, Subglobal-Navigation

*****************/

#body {
overflow:hidden;
}

#subglobal {
float:left;
margin-right:15px;
width:180px;
padding:0 5px;
background:url('../bg-subglobal-shadow.gif') repeat-y;
}

#subglobal ul {
margin:0;
padding:0;
font-size:1.1em;
list-style-type:none;
width:auto;
border:1px solid #eaeaea;
background:#fff url('../bg-subglobal-gradient.gif') repeat-x bottom left;
}

#subglobal ul li {
margin:0;
padding:0;
display:block;
}

#subglobal ul li a {
padding:6px;
margin:0;
text-decoration:none;
display:block;
border:1px solid transparent;
}

*html #subglobal ul li a { /* Hack fuer IE6 - evtl. Whitespace?? */
border:1px solid #fff;
}

#subglobal ul li a:hover, #subglobal ul li a.current {
background:#fff url('../bg-subglobal-a.gif') no-repeat top left;
border-top:1px solid #eaeaea;
border-bottom:1px solid #ccc;
}

#subglobal ul li a.current {
color:#366;
border-top:1px solid #ccc;
border-bottom:1px solid #999;
}

/* spezifische Definitionen fuer die Postglobal-Elemente */

#subglobal ul li ul li {
}

#subglobal ul li ul li a {
font-size:0.8em;
padding:4px 4px 4px 14px;
}

#subglobal ul li ul li a:hover {
border:1px solid transparent;
background: none;
}

#subglobal ul li ul li a.current {
border:1px solid transparent;
background:none;
color:#990000;
}

/*****************

Content (allgemein)

*****************/

#content {
float:right;
width:745px;
padding:0 0 0 5px;
}

#wrapper-popup #content {
float: none;
padding:0;
width:600px;
}

.fullsize {
width:950px !important;
float:none !important;
padding:0 0 0 5px;
}

h3 {
font-size:2.2em;
}

h4 {
font-size:1.6em;
margin-top:25px;
}

#content p {
/*
font-size:1.1em;
line-height:1.6em;
margin-bottom:1.6em;
*/
font-size:1.1em;
line-height:1.5em;
margin-bottom:1em;
margin-right:15px;
}

#content ul {
font-size:1.1em;
}

/*****************

Foot, Breadcrumb, Tools

*****************/

#foot {
margin-top:15px;
}

#foot div.clear-with-height {
overflow:hidden;
height:2em;
}

#breadcrumb {
margin-left:85px;
float:left;
}

#breadcrumb p {
margin:0;
}

#breadcrumb em {
display:none;
}

#breadcrumb span {
display:none;
}

#breadcrumb a {
padding-right:15px;
background:url('../icn-arrow-right-mini.gif') no-repeat right center;
margin-right:5px;
text-decoration:none;
}

#tools {
float:right;
}

#tools ul {
margin:0;
padding:0;
list-style: none;
overflow:hidden;
}

#tools ul li {
float:left;
}

#tools a {
padding-left:15px;
margin-left:15px;
text-decoration:none;
font-size: smaller;
}

#tools a.go-up {
background:url('../icn-arrow-up-fat.gif') no-repeat left center;
font-weight:bold;
}

#tools a.print {
background:url('../icn-printer.gif') no-repeat left center;
}

#tools a.download {
background:url('../icn-save.gif') no-repeat left center;
}

#tools a.recommend {
background:url('../icn-comment-left.gif') no-repeat left center;
}


/*****************

Footnote

*****************/

#footnote {
overflow:hidden;
margin-bottom:25px;
margin-top:25px;
width:100%;
}

#footnote p {
margin:0;
padding:0;
}

#footnote small {
line-height:1.8em;
}

#footnote span {
color:#999;
}

#footnote a {
text-decoration:none;
}

#footnote ul {
list-style:none;
overflow:hidden;
margin:0;
padding:0;
}

#footnote ul li {
float:left;
margin-left:13px;
}

#footnote a.restricted {
background:url('../icn-lock.gif') no-repeat left center;
padding-left:15px;
}

/*****************

Content - einzelne Seiten und Effekte

*****************/

/** 
allgemein
**/

.quick-link {
text-decoration: none;
background:url('../icn-arrow-fat-right.gif') no-repeat left center;
padding:0 0 0 15px;
font-size:1.2em;
}

.google-map {
float:right;
margin:10px 0 25px 10px;
}

ul.plain-list {
list-style: none;
margin:10px 0;
padding:0;	
}

ul.plain-list li {
margin-bottom:5px;
font-size:1.1em;
}

ul.plain-list li.break {
margin-top:20px;
}

a.turn-right {
background:url('../icn-arrow-dash-right.gif') no-repeat left center;
padding-left:15px;
}

div.framed-box {
width:706px;
margin:15px auto;
background:#fff url('../bg-framed-box.gif') repeat-y 0 0;
}

div.framed-box .cap { 
height:9px;
font-size:1px;
background:blue;
background:#fff;
}

div.framed-box .cap.top { 
top:0; 
background:url('../bg-framed-box-top.gif') no-repeat 0 0; 
}

div.framed-box .cap.bottom { 
bottom:0; 
_bottom:-1px; 
background:url('../bg-framed-box-bottom.gif') no-repeat 0 100%;
height:10px;
}

div.framed-box ul {
list-style: square;
color:#366;
margin:0;
padding-left:35px;
}

div.framed-box ul li {
line-height: 1.8em;
font-size: 1.2em;
padding-right:1em;
margin-top:0.8em;
}

div.framed-box ul.tight li {
line-height:1em;
}

div.framed-box ul li.new {
list-style-image:url('../icn-flag.gif');
}

div.framed-box ul li.gb {
list-style-image:url('../icn-gb.gif');
}

div.framed-box ul li a {
text-decoration: none;
}

div.framed-box ul li a:hover {
text-decoration:underline;
}

div.framed-box ul li a:visited {
}

div.framed-box ul li ul {
padding-left:0;
color:#000;
list-style: none;
}

div.framed-box ul li ul li {
font-size:0.7em;
margin-bottom:0.4em;
margin-top:0;
}

div.framed-box ul li small {
color:#000;
display:block;
}

div.framed-box ul li small, div.framed-box ul.space li {
margin-bottom:10px;
}

div.area-after-framed-box {
width:700px;
margin:auto;
}

div.area-after-framed-box .margin-bottom img {
margin-bottom:2.5em;
}

div.area-after-framed-box h4 small {
color:#666;
}

p.link-to-top {
padding-bottom:2em;
}

p.link-to-top a {
background:url('../icn-arrow-up-fat.gif') no-repeat left center;
text-decoration: none;
padding:0 0 0 18px;
}

div.download-box {
width:650px;
margin:0 auto;
overflow: hidden;
background:#fff url('../icn-pdf-big.jpg') no-repeat center left;
padding-left:50px;
}

div.download-box p {
padding:0;
margin:15px 0 !important;
}

div.download-box small {
display:block;
}

div.download-list {
padding:0 15px;
}

div.download-list ul {
list-style:none;
margin:0;
padding:0;
}

div.download-list li {
margin-bottom:20px;
}

div.download-list li p {
margin:0 !important;
}

a.pdf {
background:#fff url('../icn-pdf-small.gif') no-repeat center left;
padding-left:20px;	
}

div.download-list p small {
padding-left:20px;	
}

/** 
Hot-Nav (Navigationsleiste mit Pfeilen)
**/

ul.hot-nav {
list-style: none;
padding:0;
margin:5px 0 15px 0;
width:100%;
line-height:35px;
}

ul.hot-nav li.arrow-left {
float:left;
width:50%;
}

ul.hot-nav li.arrow-right {
float:right;
width:50%;
text-align: right;
}

ul.hot-nav li a {
display: block;
font-size:15px;
background:url('../bg-arrow.jpg') no-repeat center left;
text-decoration: none;
font-weight: bold;
padding-left:35px;
}

ul.hot-nav li a em {
display:none;
}

ul.hot-nav li a:hover {
background:url('../bg-arrow-blue.jpg') no-repeat center left;
}

ul.hot-nav li.arrow-right a {
background:url('../bg-arrow-right.jpg') no-repeat center right;
padding-right:35px;
}

ul.hot-nav li.arrow-right a:hover {
background:url('../bg-arrow-blue-right.jpg') no-repeat center right;
}

ul.hot-nav li.clear {
visibility: hidden;
}

/**
Nav-Bar
**/
div.nav-bar {
}

div.nav-arrow {
margin:5px 0 15px 0;
}

div.nav-arrow a {
display:block;
height:35px;
font-size:15px;
background:url('../bg-arrow.jpg') no-repeat center left;
text-decoration: none;
font-weight: bold;
}

div.nav-arrow a:hover {
background:url('../bg-arrow-blue.jpg') no-repeat center left;
}

div.nav-arrow a em {
display:none;
}

div.nav-arrow a span {
display:block;
line-height:35px;
padding-left:35px;
}

/* fuer beidseitige Pfeile */

div.nav-arrow-both {
margin:5px 0 55px 0;
}

div.nav-arrow-both div a {
height:35px;
font-size:15px;
text-decoration: none;
font-weight: bold;
}

div.nav-arrow-both div a em {
display:none;
}


div.nav-arrow-both div a span {
line-height:35px;
padding-left:35px;
}

div.nav-arrow-both .arrow-left {
float:left;
width:50%;
}

div.nav-arrow-both .arrow-left a {
display:block;
background:url('../bg-arrow.jpg') no-repeat center left;
}

div.nav-arrow-both .arrow-left a:hover {
background-image:url('../bg-arrow-blue.jpg');
}

div.nav-arrow-both .arrow-right {
float:right;
width:50%;
}

div.nav-arrow-both .arrow-right a span {
padding-right:35px;
padding-left:0;
}

div.nav-arrow-both .arrow-right a {
display:block;
text-align:right;
background:url('../bg-arrow-right.jpg') no-repeat center right;
}

div.nav-arrow-both .arrow-right a:hover {
background-image:url('../bg-arrow-blue-right.jpg');
}

/**
Styles fuer Veranstaltungsseiten
**/
ul.event-info {
list-style: none;
padding-left:0;
margin-left:0;
font-style: italic;
}

ul.event-info li {
margin-bottom:0.4em;
}

ul.event-info li.first {
margin-bottom:1em;
}

/**
Publikationen
**/

ul.publications {
list-style: none;
padding:0;
}

ul.publications li {
margin-bottom:1.5em;
line-height:1.5em;
}

ul.publications li.year {
text-align: center;
color:#666;
}

/**
Seite: Start (News)
**/

div.news-container {
width:680px;
margin-top:15px;
}

div.news-entry {
width:600px;
margin:auto;
margin-bottom:25px;
}

div.news-entry h5 {
font-size:1.4em;
/*color:#366;*/
color:#666;
}

div.news-entry p {
margin:5px 0 !important;
}

div.news-entry a.more {
background:url('../icn-ident-in.gif') no-repeat left center;
padding-left:15px;
margin-left:5px;
}

/**
Seite: Team
**/

.team {
}

.team #imageflow_container {
position: relative;
}

.team .details {
margin:0 75px;
}

.team .details dl {
margin:10px 20px;
padding:0;
overflow:hidden;
}

.team .details dt {
margin:0;
padding:0;
color:#627081;
font-weight:bold;
float:right;
width:570px;
}

.team .details dd {
padding:0;
margin:0;
line-height:1.5em;
color:#666;
}

.team .details dd.portrait {
float:left;
margin:0 10px 0 0;
}