/**********************************************************************
 * PROJECT: BIP 2008
 * FILE:    css/master_de.css
 * VERSION: $Id: master_de.css 1117 2008-07-31 10:04:43Z tidona $
 * --------------------------------------------------------------------
 * 21.06.2008    mtidona    Erstellung
 **********************************************************************/
/*--------------------------------------------------
 MAJOR COLORS:
 - #FF8228 = Orange
--------------------------------------------------*/

* {
    font-family: Verdana, Helvetica, sans-serif, Geneva;
    font-size: 100%;
    color: #777777;
}

html,body {
    margin: 0px;
    padding: 0px;
    font-size: 0.82em;
    line-height: 1.3em;
}

body {
    text-align: left;
    background-color: #FFFFFF;
    background-image: url(../images/global_bg.jpg);
    background-position: 0px 16px;
    background-repeat: repeat-y;
}

/*
------------------------- MAIN DIV-DEFINITIONS -------------------------
*/

#OuterFrame {
    width: 984px;
    /*border: solid 1px #666;*/
}

/* ---- */

#Top {
    width: 100%;
    height: 246px;
    background-color: #FFFFFF;
    background-image: url(../images/de/top_bg.jpg);
    background-repeat: no-repeat;
}
#BipLogo {
    float: left;
    padding-left: 30px;
    width: 330px;
}
#TopNav {
    float: right;
    padding-right: 20px;
    width: 600px;
}

/* ---- */

#Menu {
    width: 826px;
    height: 53px;
    background-image: url(../images/menu_bg.jpg);
    background-repeat: no-repeat;
    padding-right: 150px;
    padding-top: 31px;
}

/* ---- */

#ContentBox {
    width: 100%;
}

#LeftBox {
    float: left;
    width: 130px;
    padding-left: 30px;
    padding-top: 20px;
}

#Content {
    float: left;
    width: 525px;
	margin-left: 118px;
	margin-bottom: 30px;
	line-height: 1.4em;
}

#RightSide {
    float: right;
    width: 130px;
}

#AdminContent {
    width: 924px;
    margin: 30px;
}

/*
------------------------- TopnavLinks -------------------------
*/

#TopNav a {
    display: block;
    float: right;
    height: 40px;
    background-repeat: no-repeat;
}

#TopNav a.english {
    background-image: url(../images/de/topnav/english_off.gif);
    width: 49px;
}
#TopNav a.english:hover, #TopNav a.english_on {
    background-image: url(../images/de/topnav/english_on.gif);
    width: 49px;
}

#TopNav a.deutsch {
    background-image: url(../images/de/topnav/deutsch_off.gif);
    width: 49px;
}
#TopNav a.deutsch:hover, #TopNav a.deutsch_on {
    background-image: url(../images/de/topnav/deutsch_on.gif);
    width: 49px;
}

#TopNav a.sitemap {
    background-image: url(../images/de/topnav/sitemap_off.gif);
    width: 52px;
}
#TopNav a.sitemap:hover, #TopNav a.sitemap_on {
    background-image: url(../images/de/topnav/sitemap_on.gif);
    width: 52px;
}

#TopNav a.impressum {
    background-image: url(../images/de/topnav/impressum_off.gif);
    width: 64px;
}
#TopNav a.impressum:hover, #TopNav a.impressum_on {
    background-image: url(../images/de/topnav/impressum_on.gif);
    width: 64px;
}

#TopNav a.download {
    background-image: url(../images/de/topnav/download_off.gif);
    width: 59px;
}
#TopNav a.download:hover, #TopNav a.download_on {
    background-image: url(../images/de/topnav/download_on.gif);
    width: 59px;
}

#TopNav a.faq {
    background-image: url(../images/de/topnav/faq_off.gif);
    width: 34px;
}
#TopNav a.faq:hover, #TopNav a.faq_on {
    background-image: url(../images/de/topnav/faq_on.gif);
    width: 34px;
}

#TopNav a.kontakt {
    background-image: url(../images/de/topnav/kontakt_off.gif);
    width: 50px;
}
#TopNav a.kontakt:hover, #TopNav a.kontakt_on {
    background-image: url(../images/de/topnav/kontakt_on.gif);
    width: 50px;
}

#TopNav a.aktuelles {
    background-image: url(../images/de/topnav/aktuelles_off.gif);
    width: 57px;
}
#TopNav a.aktuelles:hover, #TopNav a.aktuelles_on {
    background-image: url(../images/de/topnav/aktuelles_on.gif);
    width: 57px;
}

#TopNav a.home {
    background-image: url(../images/de/topnav/home_off.gif);
    width: 40px;
}
#TopNav a.home:hover, #TopNav a.home_on {
    background-image: url(../images/de/topnav/home_on.gif);
    width: 40px;
}

/*
------------------------- MenuLinks -------------------------
*/

#Menu a {
    display: block;
    float: right;
    height: 33px;
    background-repeat: no-repeat;
}

#Menu a.partner {
    background-image: url(../images/de/menu/partner_off.jpg);
    width: 101px;
}
#Menu a.partner:hover, #Menu a.partner_on {
    background-image: url(../images/de/menu/partner_on.jpg);
    width: 101px;
}

#Menu a.meinungen {
    background-image: url(../images/de/menu/meinungen_off.jpg);
    width: 92px;
}
#Menu a.meinungen:hover, #Menu a.meinungen_on {
    background-image: url(../images/de/menu/meinungen_on.jpg);
    width: 92px;
}

#Menu a.dozenten {
    background-image: url(../images/de/menu/dozenten_off.jpg);
    width: 90px;
}
#Menu a.dozenten:hover, #Menu a.dozenten_on {
    background-image: url(../images/de/menu/dozenten_on.jpg);
    width: 90px;
}

#Menu a.programme {
    background-image: url(../images/de/menu/programme_off.jpg);
    width: 91px;
}
#Menu a.programme:hover, #Menu a.programme_on {
    background-image: url(../images/de/menu/programme_on.jpg);
    width: 91px;
}

#Menu a.studienziel  {
    background-image: url(../images/de/menu/studienziel_off.jpg);
    width: 92px;
}
#Menu a.studienziel:hover, #Menu a.studienziel_on {
    background-image: url(../images/de/menu/studienziel_on.jpg);
    width: 92px;
}

#Menu a.zielgruppe {
    background-image: url(../images/de/menu/zielgruppe_off.jpg);
    width: 92px;
}
#Menu a.zielgruppe:hover, #Menu a.zielgruppe_on {
    background-image: url(../images/de/menu/zielgruppe_on.jpg);
    width: 92px;
}

/*
------------------------- SubmenuLinks -------------------------
*/

#Submenu {
    width: 100%;
}

#Submenu a {
    font-family: Arial, Helvetica, Sans-Serif, Verdana;
    color: #BBBBBB;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
#Submenu a:hover, #Submenu a.selected {
    font-family: Arial, Helvetica, Sans-Serif, Verdana;
    color: #FF8228;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

/*
---------------------- Collapsble Elements ---------------------
*/

#Content h5 {
	margin: 8px 0px 1px 0px;
}
#Content .trigger {
	cursor: pointer;
	background-color: #C6C6C6;
	padding: 4px;
}
#Content .trigger:hover{
	cursor: pointer;
	background-color: #CECECE;
	padding: 4px;
}
#Content .expanded {
	background-color: #777777;
	color: #FFFFFF;
	cursor: pointer;
	padding: 4px;
}
#Content .expanded:hover {
	background-color: #C9C9C9;
	cursor: pointer;
	padding: 4px;
}
#Content .show {
	position: static;
	display: table;
}
#Content .hide {
	position: absolute;
	left: -999em;
	height: 1px;
	width: 100px;
	overflow: hidden;
}
#Content .headline {
    margin: 20px 0px 10px -27px;
}

/*
---------------------- RightSlot ---------------------
*/

#RightSlot {
    margin-top: 37px;
}

/*
---------------------- LeftSlot ---------------------
*/

#LeftSlot {
    font-size: 0.99em;
    font-family: Arial, Helvetica, Sans-Serif, Verdana;
}

#LeftSlot .category {
    background-color: #ff8228;
    background-image: url(../images/leftslot_top_bg.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 7px 4px 7px 10px;
    width: 117px;
}
#LeftSlot .name {
    background-color: #888888;
    color: #FFFFFF;
    font-weight: bold;
    padding: 7px 4px 7px 4px;
    width: 123px;
}
#LeftSlot .image {
    margin: 0px;
    padding: 0px;
    width: 131px;
    background-color: #888888;
}
#LeftSlot .text {
    background-color: #EEEEEE;
    color: #777777;
    padding: 4px;
    margin: 0px;
    border-left: solid 2px #EEEEEE;
    border-right: solid 2px #EEEEEE;
    border-bottom: solid 2px #EEEEEE;
    width: 119px;
}

/*
------------------------- MARKUP -------------------------
*/

.dozent_outer {
    float: left;
    margin: 0px 6px 6px 0px;
    overflow: auto;
    border: solid 1px #AAAAAA;
    width: 254px;
    height: 160px;
}
.dozent_inner {
    padding: 6px;
    font-size: 1em;
}

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


h1 { font-size: 13px; margin-top: 0px; margin-bottom: 2px; font-weight: bold; color: #6d6e71; font-family: Arial, Helvetica, Sans-Serif, Verdana; }
h2 { font-size: 12px; margin-top: 0px; margin-bottom: 2px; font-weight: bold; color: #6d6e71; font-family: Arial, Helvetica, Sans-Serif, Verdana; }
h4 { color: #FF8228; font-weight: bold; }

ul { list-style-type:square; margin-top:12px; margin-bottom:12px; }
li { list-style-type:square; margin-top:4px; margin-bottom:4px; }
hr { height:1px ; color:#999999; }

.hitmarker { background-color: #FCBFBF; }

.button      { background-color:#EFEFEF; border-width:1; font-size:10px;}
.button_mini { background-color:#EFEFEF; border-width:1; font-size:9px; }
.input       { background-color:#FFFFFF; border-width:1; font-size:10px;}
.input_radio { border-width:1; font-size:10px;}
.input_mini  { background-color:#FFFFFF; border-width:1; font-size:9px; }
.mini        { color:#9B9B9B; font-size:9px; }

.tr_special  { background-color:#999999; color:#FFFFFF; }
.tr_highlight{ background-color:#FFDBDB; color:#993300; }
.tr_even     { background-color:#E6E6E6; }
.tr_odd      { background-color:#EFEFEF; }
.tr_grey     { background-color:#BAC8AD; color:#666666; }
.tr_hidden_special  { background-color:#666666; color:#FFFFFF; }
.tr_hidden_even     { background-color:#FCBFBF; }
.tr_hidden_odd      { background-color:#FFDBDB; }
.tr_grey_even     { background-color:#D7D7D7; }
.tr_grey_odd      { background-color:#EDEDED; }
.footnotefield  { background-color:#FFDBDB; color:#993300; border:1px solid #990000; }

.alert           { color:#993300; font-weight:bold; font-size:1.1em; }
.alertfield      { background-color:#FFDBDB; color:#993300; }
.important_red   { color:#993300; font-weight:bold; }
.important_green { color:#3C3CA9; font-weight:bold; }
.imp_mini        { color:#993300; font-weight:bold; font-size:9px; }