/***** Spalten-Layout *****/

/*       [Barrierefrei]       *            [Pixelgenau]                                  */
/* |          70em          | * |             840px           | //Schrift: 0.75em (12px) */
/* | 1.25    67.5em    1.25 | * | 15          810px        15 | //Gerundete umrechnung   */
/* | 2.5     64.5em     2.5 | * | 30          774px        30 |                          */
/* |2.5| 13 2 |    50   |2.5| * |30| 156 24 |      600     |30|                          */
/* |2.5| 13 2 | 35 |2 13|2.5| * |30| 156 24 | 420 |24 156| |30|                          */

#container       {              width:75em;    margin:auto;                                }
#container2      {              width:72.5em;  margin:0 1.25em 0 1.25em                    }
#header          {              width:69.4em;  margin:0 1.25em 1.75em 1.25em;              }
#content-left    { float:left;  width:13em;    margin:0 2em 1.25em 1.25em; display:inline; }
#content-wrapper { float:left;  width:55em;    margin:0 1.25em 1.25em 0;   display:inline; }
#content-middle  { float:left;  width:40.5em;  margin:0;                   display:inline; }
#content-right   { float:right; width:13em;    margin-left: 1.5em;         display:inline; }
#content-full    {                             margin:0 2.5em 1.5em 1.25em;                }
#footer          { clear:both;  width:80.2em;  margin:0 1.5em 0.5em 1.5em;                 }

#container2 {
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
}
#content-wrapper {
    min-height:35em; 
    _height:35em;
}

#shadow_left  { float:left;  width:1.25em; display:inline; }
#shadow_right { float:right; width:1.25em; display:inline; }
#shadow_bottom { height: 10px; }
#container { background-image: url(/images/bg_shadow.png); background-repeat: repeat-y }

#content-full p, #content-full h2, #content-full h3 {
    margin-right:3em;
}

/***** Allgemeines *****/
body  { 
    font-family:Verdana, Arial, Sans-Serif; 
    font-size:0.75em;
    color:#333333;
    background-color:#B2D1E0;
    background-image: url(/images/bg_gradient.png);
    background-repeat: repeat-x;
    margin:0;
}
a {
    color:#C50000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border-style:none;
}

h1 {
    font-size:1.4em;
    color:#006699;
    border-bottom:1px solid #E0E0E0;
}


/***** Klassen / Styles *****/
.center { text-align:center; }   
.left   { float:left;        }
.right  { float:right;       }
.clear  { clear:both;        }

.bold    { font-weight:bold; }
.italic  {    }
.smaller { font-size:0.9em; }

.line { 
    border-bottom:1px solid #E0E0E0;
    margin:1em 0;
}
.red {
    color:#C50000;
}
.bluebox {
    background-color:#B2D1E0;
    border:1px solid #7BAECA;
    margin-bottom:1.5em;
}
.bluebox .topic {
    background-image: url(/images/bg_blue.png);
    background-repeat: repeat-y;
    border-bottom:1px solid #7BAECA;
    font-weight:bold;
    padding:0.3em 0.5em 0 1em;
}
.bluebox .content {
    background-image: url(/images/bg_blue.png);
    background-repeat: repeat-y;
    border-top:1px solid #FFFFFF;
}
.bluebox a {
    color:#006699;
}
.beigebox {
    background-color:#E9E5C5;
    border:1px solid #B1AD92;
    color:#635925;
    margin-bottom:1.5em;
}
.beigebox .topic {
    background-image: url(/images/bg_beige.png);
    background-repeat: repeat-y;
    border-bottom:1px solid #B1AD92;
    font-weight:bold;
    padding:0.25em 0.5em 0 1em;
}
.beigebox .content {
    background-image: url(/images/bg_beige.png);
    background-repeat: repeat-y;
    border-top:1px solid #FFFFFF;
    padding:0.5em 0.5em 0.5em 1em;
}

.whitebox {
    border-style:none;
    margin-bottom:1.5em;
}
.whitebox .topic {
    border-bottom:1px solid #B1AD92;
    font-weight:bold;
    padding:0.3em 0 0 0;
}
.whitebox .content {
    padding:0.5em 0;
}


/***** Header *****/
#header { 
    background-color:#006699; 
    border:0.4em solid #7BAECA; 
    border-top:1px solid #006699; 
    color:#FFFFFF;
}
#header img {
  display:block;
  overflow:hidden;
}
#navbar {
    margin:0.4em 0.75em;
}
#navbar a { 
    color:#FFFFFF; 
}


/***** Navigation *****/
#navigation ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#navigation ul li {
    display:inline;
}
#navigation ul a {
    padding:0.25em 0.5em 0.25em 1em;
    display:block;
    background-image: url(/images/bg_blue.png);
    background-repeat:repeat-y;
    border-bottom:1px solid #99C1D6;
}
#navigation ul a:hover {
    background-image: url(/images/bg_darkblue.png);
    background-repeat:repeat-y;
    background-color:#f7fafb; 
    text-decoration:none;
}
#navigation ul a.active {
    font-weight:bold;
    background-image: url(/images/bg_darkblue.png);
    background-repeat:repeat-y;
    background-color: #d0e3ec;  
}
#navigation ul a.active:hover {
    background-image: url(/images/bg_darkblue.png);
    background-color:#f7fafb; 
}
#navigation ul ul {
    background-color: #d0e3ec;    
}
#navigation ul ul a {
    padding-left:2.25em;
    font-size:0.916em;
    background-image: url(/images/bg_blue2.png);
    background-repeat:repeat-y;
    border-bottom:1px solid #B2D1E0;
}
#navigation ul ul a.active {
    background-image: url(/images/bg_blue2.png);
}
#navigation ul ul ul {
    position: absolute;
    display:none;
    border:1px solid #99C1D6;
    margin-left:12.25em;
    margin-top:-1.4em;
}
#navigation ul ul li:hover ul {
    display:block;
}
#navigation ul ul ul a, #navigation ul ul ul a:hover, 
#navigation ul ul ul a.active, #navigation ul ul ul a.active:hover {
    background-image:none;
    padding:0.25em 0.5em 0.25em 0.5em;
    text-indent:0;
    border-bottom:none;
}

#teaser {
    margin-bottom:1em;
}
#teaser a {
  display:block;
  margin:0;
}


/***** Footer *****/
#footer  {
    text-align:center;
    font-size:0.85em;
    padding:0.5em 1em;
}


/***** Startseite *****/
#Suchen input {
  width:5em;
}
#Suchen input.button {
  width:4.5em;
}

#content-left #kontaktform * {
  width:97%; 
}
#content-left #kontaktform input.button {
  width:auto;
}


/***** Galerie *****/
#galerie .topbar {
    margin-top:2em;
    margin-bottom: 1em;
    padding: 0.25em 0;
    border-bottom:1px solid #E0E0E0;
}

#galerie .bottombar {
    padding: 0.25em 0;
    margin-bottom: 1.25em;
    border-top:1px solid #E0E0E0;
}

.thumb {
    float:left;
    margin:0 1em 1em 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:0.5em;background-color:#E9E5C5;
    border:1px solid #B1AD92;
}


/***** Kollegium *****/
#kollegium .foto {
    float:left;
    min-width:10em;
    margin:0 1.5em 1.75em 0;
}
#kollegium .foto img {
    display:block;
    text-align:center;
    margin-bottom:0.25em;
}


/***** Sitemap *****/
ul#sitemap {
  list-style-type:square;
  padding-left:2em;
  margin:0;
  color:#999999;
}
ul#sitemap li {
  margin: 1.5em 0;
}
ul#sitemap ul {
  list-style-type:square;
  padding-left:3em;
  margin:1em 0 0 0;
}
ul#sitemap ul li {
  margin: 0.25em 0;
}


/***** Termine / Aktuelles *****/
#termine .left, #aktuelles .left {
  min-width: 7em;
  min-height:1em;
  margin-right:1em;
  max-width:32em;
}


/***** Partner-Logos *****/
#partner .left {
  min-width: 13em;
  min-height:1em;
  margin-right:1em;
}


/***** Kontaktformular *****/
#KontaktForm label {
  display:block; 
  width:11em; 
  float:left;
}
#KontaktForm select {
  margin: 0 0 0.5em 0;
  min-width:10em;
}
#KontaktForm input, #KontaktForm textarea {
  margin: 0 0 0.5em 0;
  width:20em;
}
#KontaktForm input.button {
  width:auto;
}


/***** webEdition *****/
#kollegium .weEditmodeStyle { 
  width:150px !important;
}
#kollegium .wetextinput {
  width:90px !important;
}