@charset "utf-8";

/***************** k-onstruct project **************

blue backround: #3c6daf

blue backround: #5ea1fc

grey: #e5e5e5

rotbraun:#bb7a7a;

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

/**
 * General
*/
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
var {
  margin         : 0;
  padding        : 0;
  text-align     : left;
  vertical-align : baseline;
  border         : 0;
  outline        : 0;
  font-weight    : inherit;
  font-style     : inherit;
  font-family    : inherit;
  font-size      : 100%;
  font-family    : Arial, Verdana, Helvetica, sans-serif;
  font-size      : 10px;
  text-decoration: none;
  line-height    : 16px;
}

li,
ol,
ul {
  list-style: none;
  margin    : 0;
  padding   : 0;
}

a:active,
a:active h3,
a:link,
a:link h3,
a:visited,
a:visited h3 {
  color: rgb(196,179,95);
}

a:focus,
a:focus h3,
a:hover,
a:hover h3 {
  color: rgb(77,77,77);
}

table {
  border-collapse: collapse;
  border-spacing : 0;
}

body,
html {
  height       : 100%;
  margin-bottom: 1px;
  color        : rgb(77,77,77);
}

td,
th,
tr {
  vertical-align: top;
}

:focus {
  outline-style: none;
  outline-width: 0;
}

fieldset {
  border : 1px solid #BBBFBF;
  padding: 10px 10px 20px;
}

p {
  margin: 0 0 7px;
}

a img {
  border: none;
}

u {
  cursor: pointer;
}

input,
select,
textarea {
  }

.center {
  text-align: center;
}

span.error {
  color    : red;
  font-size: 20px;
  float    : right;
  margin   : 10px 6px 0 0;
}

span.success {
  color    : rgb(77,77,77);
  font-size: 20px;
  float    : right;
  margin   : 10px 6px 0 0;
}

span.mailsuccess {
  color : rgb(77,77,77);
  margin: 10px 6px 0 0;
}

div {
  text-align: left;
  position  : relative;
}

body {
  background-color: #FFFFFF;
  text-align      : left;
}

#Maindiv {
  margin: 5px auto;
  width : 93%;
}

button {
  border : 0;
  padding: 0;
}

.clearleft {
  clear : left;
  height: 0;
}

.clearright {
  clear : right;
  height: 0;
}

.clearboth {
  clear : both;
  height: 0;
}

.fs8 {
  font-size: 8pt;
}

.fs9 {
  font-size: 9pt;
}

.fs10 {
  font-size: 10pt;
}

.bold {
  font-weight: bold;
}

.pagebox {
  margin-top: 10px;
}

.pages {
  float  : left;
  padding: 0 2px;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.hide1,
.show0 {
  display: none;
}

.hide0,
.show1 {
  display: block;
}

.icon {
  width       : 16px;
  height      : 16px;
  cursor      : pointer;
  margin-right: 5px;
}

/**
 * Top
*/

#LangSelection {
  padding   : 5px 0;
  text-align: right;
}

#Header {
  height    : 187px;
  background: url("../media/design/pfeiler.png") no-repeat scroll 135px 0 transparent;
}

.boxLeft {
  height: 70px;
  width : 240px;
  margin: 48px 0 0 22px;
  color : rgb(196,179,95);
}

.adress1 * {
  line-height: 12px;
}

.adress2 * {
  margin-top : 6px;
  line-height: 12px;
}

.strasse {
  float: left;
}

.boxLeft div h1 {
  font-size     : 13px;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
  text-transform: uppercase;
  line-height   : normal;
}

.boxLeft div h2 {
  font-size     : 10px;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
  text-transform: uppercase;
  float         : left;
  margin-right  : 3px;
  line-height   : normal;
}

.boxRight {
  left    : 319px;
  position: absolute;
  width   : 638px;
}

#Headerlayer {
  height: 127px;
}

#Header div.logo {
  height  : 95px;
  margin  : 15px 0 0 90px;
  width   : 442px;
  position: absolute;
}

#Header div.logo div.stamm {
  position  : absolute;
  left      : 32px;
  color     : rgb(196,179,95);
  margin-top: -2px;
}

#Header div.logo div.seume {
  position  : absolute;
  right     : 32px;
  color     : rgb(196,179,95);
  margin-top: -2px;
}

#Header div.logo a.logo {
  background: url("../media/design/logo.png") no-repeat scroll 0 0 transparent;
  display   : block;
  height    : 81px;
  width     : 442px;
}

#Headerlayer {
  }

ul.headerBox {
  position: absolute;
  right   : 0;
  z-index : 10;
  margin  : 11px 0 0;
  padding : 0;
}

li.header {
  float       : right;
  list-style  : none outside none;
  margin-right: 10px;
}

div.chrumbs {
  padding : 0 10px 1px;
  position: absolute;
  top     : 109px;
}
.chrumbs_1 a:link, .chrumbs_1 a:visited, .chrumbs_1 a:active, .chrumbs_2 a:link, .chrumbs_2 a:visited, .chrumbs_2 a:active, .chrumbs_5 a:link, .chrumbs_5 a:visited, .chrumbs_5 a:active, .chrumbs_6 a:link, .chrumbs_6 a:visited, .chrumbs_6 a:active, .chrumbs_11 a:link, .chrumbs_11 a:visited, .chrumbs_11 a:active, .chrumbs_20 a:link, .chrumbs_20 a:visited, .chrumbs_20 a:active, .chrumbs_22 a:link, .chrumbs_22 a:visited, .chrumbs_22 a:active, .chrumbs_23 a:link, .chrumbs_23 a:visited, .chrumbs_23 a:active, .chrumbs_25 a:link, .chrumbs_25 a:visited, .chrumbs_25 a:active, .chrumbs_121 a:link, .chrumbs_121 a:visited, .chrumbs_121 a:active,
/*SCHULLEBEN*/
.chrumbs_118 a:active,
.chrumbs_118 a:link,
.chrumbs_118 a:visited,
.chrumbs_26 a:active,
.chrumbs_26 a:link,
.chrumbs_26 a:visited,
.chrumbs_27 a:active,
.chrumbs_27 a:link,
.chrumbs_27 a:visited {
  color: rgb(77,77,77);
}

.chrumbs_1 a.chrumbsActive,
.chrumbs_1 a:focus,
.chrumbs_1 a:hover,
.chrumbs_1 span.chrumbsActive,
.chrumbs_11 a.chrumbsActive,
.chrumbs_11 a:focus,
.chrumbs_11 a:hover,
.chrumbs_11 span.chrumbsActive,
.chrumbs_2 a.chrumbsActive,
.chrumbs_2 a:focus,
.chrumbs_2 a:hover,
.chrumbs_2 span.chrumbsActive,
.chrumbs_6 a.chrumbsActive,
.chrumbs_6 a:focus,
.chrumbs_6 a:hover,
.chrumbs_6 span.chrumbsActive {
  color: rgb(196,178,95);
}

.chrumbs_121 a.chrumbsActive,
.chrumbs_121 a:focus,
.chrumbs_121 a:hover,
.chrumbs_121 span.chrumbsActive,
.chrumbs_5 a.chrumbsActive,
.chrumbs_5 a:focus,
.chrumbs_5 a:hover,
.chrumbs_5 span.chrumbsActive {
  color: rgb(66,87,89);
}

.chrumbs_20 a.chrumbsActive,
.chrumbs_20 a:focus,
.chrumbs_20 a:hover,
.chrumbs_20 span.chrumbsActive {
  color: rgb(138,60,25);
}

.chrumbs_22 a.chrumbsActive,
.chrumbs_22 a:focus,
.chrumbs_22 a:hover,
.chrumbs_22 span.chrumbsActive,
.chrumbs_23 a.chrumbsActive,
.chrumbs_23 a:focus,
.chrumbs_23 a:hover,
.chrumbs_23 span.chrumbsActive {
  color: rgb(171,146,26);
}
/* SPENDENAUFRUF */
.chrumbs_118 a:focus, .chrumbs_118 a:hover, .chrumbs_118 a.chrumbsActive, .chrumbs_118 span.chrumbsActive,
/*FACHSCHAFTEN*/
.chrumbs_25 a.chrumbsActive,
.chrumbs_25 a:focus,
.chrumbs_25 a:hover,
.chrumbs_25 span.chrumbsActive {
  color: rgb(73,132,154);
}
/*SCHULLEBEN*/
.chrumbs_26 a.chrumbsActive,
.chrumbs_26 a:focus,
.chrumbs_26 a:hover,
.chrumbs_26 span.chrumbsActive {
  color: rgb(228,167,15);
}

.chrumbs_27 a.chrumbsActive,
.chrumbs_27 a:focus,
.chrumbs_27 a:hover,
.chrumbs_27 span.chrumbsActive {
  color: rgb(122,92,16);
}

/**
 * Menu
*/

/**
 * Mainmenue
*/
#TopMenulayer {
  /*width: 120px;
    float: right;*/
  position: fixed;
  right   : 10px;
  top     : 197px;
  z-index : 1000;
}

#TopMenulayer ul li {
  list-style-type: none;
}

#TopMenulayer ul li.main118 {
  margin : 0 0 50px;
  display: inline-block;
}

#TopMenulayer ul.mainMenuBox {
  margin: 0;
  width : 145px;
}

#TopMenulayer ul.mainMenuBox li.main20 a:active,
#TopMenulayer ul.mainMenuBox li.main20 a:link,
#TopMenulayer ul.mainMenuBox li.main20 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -50px transparent;
}

#TopMenulayer ul.mainMenuBox li.main26 a:active,
#TopMenulayer ul.mainMenuBox li.main26 a:link,
#TopMenulayer ul.mainMenuBox li.main26 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -100px transparent;
}

/* Spendenaufruf  */
#TopMenulayer ul.mainMenuBox li.main118 a:active,
#TopMenulayer ul.mainMenuBox li.main118 a:link,
#TopMenulayer ul.mainMenuBox li.main118 a:visited,
#TopMenulayer ul.mainMenuBox li.main25 a:active,
#TopMenulayer ul.mainMenuBox li.main25 a:link,
#TopMenulayer ul.mainMenuBox li.main25 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -150px transparent;
}

#TopMenulayer ul.mainMenuBox li.main22 a:active,
#TopMenulayer ul.mainMenuBox li.main22 a:link,
#TopMenulayer ul.mainMenuBox li.main22 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -200px transparent;
}

#TopMenulayer ul.mainMenuBox li.main27 a:active,
#TopMenulayer ul.mainMenuBox li.main27 a:link,
#TopMenulayer ul.mainMenuBox li.main27 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -250px transparent;
}

#TopMenulayer ul.mainMenuBox li.main5 a:active,
#TopMenulayer ul.mainMenuBox li.main5 a:link,
#TopMenulayer ul.mainMenuBox li.main5 a:visited {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -300px transparent;
}
/* Spendenaufruf */
#TopMenulayer ul.mainMenuBox li.main118 a.mainMenuLinkActive, #TopMenulayer ul.mainMenuBox li.main118 a:focus, #TopMenulayer ul.mainMenuBox li.main118 a:hover,
/* Information */
#TopMenulayer ul.mainMenuBox li.main20 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main20 a:focus,
#TopMenulayer ul.mainMenuBox li.main20 a:hover,
#TopMenulayer ul.mainMenuBox li.main22 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main22 a:focus,
#TopMenulayer ul.mainMenuBox li.main22 a:hover,
#TopMenulayer ul.mainMenuBox li.main25 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main25 a:focus,
#TopMenulayer ul.mainMenuBox li.main25 a:hover,
#TopMenulayer ul.mainMenuBox li.main26 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main26 a:focus,
#TopMenulayer ul.mainMenuBox li.main26 a:hover,
#TopMenulayer ul.mainMenuBox li.main27 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main27 a:focus,
#TopMenulayer ul.mainMenuBox li.main27 a:hover,
#TopMenulayer ul.mainMenuBox li.main5 a.mainMenuLinkActive,
#TopMenulayer ul.mainMenuBox li.main5 a:focus,
#TopMenulayer ul.mainMenuBox li.main5 a:hover {
  background: url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 0 transparent;
}

#TopMenulayer ul.mainMenuBox li a,
#TopMenulayer ul.mainMenuBox li a:focus,
#TopMenulayer ul.mainMenuBox li a:hover {
  color        : white;
  float        : left;
  padding      : 17px 0 17px 17px;
  margin-bottom: 2px;
  width        : 140px;
  height       : 15px;
  font-size    : 12px;
  background   : url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 2px transparent;
}

/*
* Headermenü
*/
a.linkHeader:active,
a.linkHeader:link,
a.linkHeader:visited {
  color: rgb(77,77,77);
}

a.linkHeader:focus,
a.linkHeader:hover {
  color: rgb(196,179,95);
}
/**
 * Submenue01
*/
#TopMenulayer ul.subMenu01Box {
  margin: 2px 5px;
}

#TopMenulayer ul.subMenu01Box li.sub01 {
  }

#TopMenulayer .subMenu01Box .subMenu01Link {
  }

#TopMenulayer .subMenu01Box .subMenu01LinkActive {
  font-weight: bold;
}

a.subMenu01Link:focus,
a.subMenu01Link:hover {
  font-weight: bold;
}

.sub01 {
  width: 231px;
}

.sub02 {
  width: 221px;
}

/**
 * Submenue02
*/
.submenuAbstand {
  margin-top: 20px;
}

.subMenu {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 231px;
  line-height   : 29px;
  border-top    : 1px solid rgb(238,233,209);
  padding-top   : 5px;
}

.subMenu .subMenu_20 h3,
.subMenu .subMenu_22 h3,
.subMenu .subMenu_25 h3,
.subMenu .subMenu_26 h3,
.subMenu .subMenu_27 h3 {
  margin : 5px 0;
  padding: 0;
}

.subMenu22 {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 231px;
  line-height   : 29px;
  border-bottom : 1px solid rgb(238,233,209);
}

.subMenuTeaser {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 480px;
  height        : 149px;
  line-height   : 29px;
  border-top    : 1px solid rgb(238,233,209);
  border-bottom : 1px solid rgb(238,233,209);
}

.subMenuImg {
  width      : 223px;
  height     : 141px;
  line-height: 29px;
  overflow   : hidden;
  margin     : 4px;
}

.subMenuImgText {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 231px;
  height        : 141px;
  line-height   : 29px;
  overflow      : hidden;
}

.content_1 .subMenuTeaser .subMenuImgText p {
  margin        : 0;
  padding       : 0;
  text-transform: none;
  color         : rgb(77,77,77);
}

.subMenuTeaserBild {
  }

.subMenu {
  font-size: 12px;
}

.subMenuImg * {
  font-size: 12px;
}

.subMenu02Box {
  margin-left: 10px;
}

/*
.content_2 .subMenu {
    border-top: 1px solid rgb(196,178,95);
}
.content_5 .subMenu {
    border-top: 1px solid rgb(66,87,89);
}
.content_20 .subMenu {
    border-top: 1px solid rgb(138,60,25);
}
.content_22 .subMenu {
    border-top: 1px solid rgb(171,146,26);
}
.content_25 .subMenu {
    border-top: 1px solid rgb(73,132,154);
}
.content_26 .subMenu {
    border-top: 1px solid rgb(228,167,15);
}
.content_27 .subMenu {
    border-top: 1px solid rgb(122,92,16);
}
*/
.content_2 .subMenu a:active,
.content_2 .subMenu a:link,
.content_2 .subMenu a:visited,
a.sitemapLink11:active,
a.sitemapLink11:link,
a.sitemapLink11:visited,
a.sitemapLink26:active,
a.sitemapLink26:link,
a.sitemapLink26:visited,
a.sitemapLink2:active,
a.sitemapLink2:link,
a.sitemapLink2:visited,
a.sitemapLink6:active,
a.sitemapLink6:link,
a.sitemapLink6:visited {
  color: rgb(196,178,95);
}

.content_5 .subMenu a:active,
.content_5 .subMenu a:link,
.content_5 .subMenu a:visited,
a.sitemapLink5:active,
a.sitemapLink5:link,
a.sitemapLink5:visited {
  color: rgb(66,87,89);
}

.content_20 .subMenu a:active,
.content_20 .subMenu a:link,
.content_20 .subMenu a:visited,
a.sitemapLink121:active,
a.sitemapLink121:link,
a.sitemapLink121:visited,
a.sitemapLink20:active,
a.sitemapLink20:link,
a.sitemapLink20:visited,
a.subMenu_20:active,
a.subMenu_20:active h3,
a.subMenu_20:link,
a.subMenu_20:link h3,
a.subMenu_20:visited,
a.subMenu_20:visited h3 {
  color: rgb(138,60,25);
}

.content_22 .subMenu a:active,
.content_22 .subMenu a:link,
.content_22 .subMenu a:visited,
a.sitemapLink22:active,
a.sitemapLink22:link,
a.sitemapLink22:visited,
a.subMenu_22:active,
a.subMenu_22:active h3,
a.subMenu_22:link,
a.subMenu_22:link h3,
a.subMenu_22:visited,
a.subMenu_22:visited h3 {
  color: rgb(171,146,26);
}

.content_25 .subMenu a:active,
.content_25 .subMenu a:link,
.content_25 .subMenu a:visited,
a.sitemapLink118:active,
a.sitemapLink118:link,
a.sitemapLink118:visited,
a.sitemapLink25:active,
a.sitemapLink25:link,
a.sitemapLink25:visited,
a.subMenu_25:active,
a.subMenu_25:active h3,
a.subMenu_25:link,
a.subMenu_25:link h3,
a.subMenu_25:visited,
a.subMenu_25:visited h3 {
  color: rgb(73,132,154);
}
/*SCHULLEBEN*/
.content_26 .subMenu a:active,
.content_26 .subMenu a:link,
.content_26 .subMenu a:visited,
.content_26 .subMenuNo a:active,
.content_26 .subMenuNo a:link,
.content_26 .subMenuNo a:visited,
a.sitemapLink26:active,
a.sitemapLink26:link,
a.sitemapLink26:visited,
a.subMenu_26:active,
a.subMenu_26:active h3,
a.subMenu_26:link,
a.subMenu_26:link h3,
a.subMenu_26:visited,
a.subMenu_26:visited h3 {
  color: rgb(228,167,15);
}

.content_27 .subMenu a:active,
.content_27 .subMenu a:link,
.content_27 .subMenu a:visited,
a.sitemapLink27:active,
a.sitemapLink27:link,
a.sitemapLink27:visited,
a.subMenu_27:active,
a.subMenu_27:active h3,
a.subMenu_27:link,
a.subMenu_27:link h3,
a.subMenu_27:visited,
a.subMenu_27:visited h3 {
  color: rgb(122,92,16);
}

.content_2 .subMenu a:focus,
.content_2 .subMenu a:hover,
.content_20 .subMenu a:focus,
.content_20 .subMenu a:hover,
.content_22 .subMenu a:focus,
.content_22 .subMenu a:hover,
.content_25 .subMenu a:focus,
.content_25 .subMenu a:hover,
.content_26 .subMenu a:focus,
.content_26 .subMenu a:hover,
.content_26 .subMenuNo a:focus,
.content_26 .subMenuNo a:hover,
.content_27 .subMenu a:focus,
.content_27 .subMenu a:hover,
.content_5 .subMenu a:focus,
.content_5 .subMenu a:hover,
a.sitemapLink118:focus,
a.sitemapLink118:hover,
a.sitemapLink11:focus,
a.sitemapLink11:hover,
a.sitemapLink121:focus,
a.sitemapLink121:hover,
a.sitemapLink20:focus,
a.sitemapLink20:hover,
a.sitemapLink22:focus,
a.sitemapLink22:hover,
a.sitemapLink25:focus,
a.sitemapLink25:hover,
a.sitemapLink26:focus,
a.sitemapLink26:hover,
a.sitemapLink27:focus,
a.sitemapLink27:hover,
a.sitemapLink2:focus,
a.sitemapLink2:hover,
a.sitemapLink5:focus,
a.sitemapLink5:hover,
a.sitemapLink6:focus,
a.sitemapLink6:hover,
a.subMenu_20:focus,
a.subMenu_20:focus h3,
a.subMenu_20:hover,
a.subMenu_20:hover h3,
a.subMenu_22:focus,
a.subMenu_22:focus h3,
a.subMenu_22:hover,
a.subMenu_22:hover h3,
a.subMenu_25:focus,
a.subMenu_25:focus h3,
a.subMenu_25:hover,
a.subMenu_25:hover h3,
a.subMenu_26:focus,
a.subMenu_26:focus h3,
a.subMenu_26:hover,
a.subMenu_26:hover h3,
a.subMenu_27:focus,
a.subMenu_27:focus h3,
a.subMenu_27:hover,
a.subMenu_27:hover h3 {
  color: rgb(77,77,77);
}

.siteMenuBoxL {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 231px;
  line-height   : 29px;
  border-top    : 1px solid rgb(238,233,209);
  float         : left;
}

.siteMenuBoxR {
  font-size     : 12px;
  text-transform: uppercase;
  width         : 231px;
  line-height   : 29px;
  border-top    : 1px solid rgb(238,233,209);
  float         : right;
}

.siteMenu01 {
  text-transform: none;
}

.toggler {
  font-size     : 12px;
  text-transform: uppercase;
  color         : rgb(77,77,77);
}

.padding5 {
  padding: 5px;
}
/**
 * Content
*/
#Content {
  padding   : 0 10px 10px 9px;
  min-height: 400px;
  width     : 100%;
  position  : absolute;
  top       : 127px;
}

#Content table {
  /*width: 936px;*/
  margin : 0;
  padding: 0;
  border : 0;
}

#Content table #tableLeft {
  width           : 230px;
  border          : 1px solid rgb(238,233,209);
  background-color: rgb(252,250,244);
  margin          : 0;
  padding         : 0 0 40px;
}

#Content table #tableCenter {
  /*width: 13px;*/
  margin      : 0;
  padding-left: 13px;
  border      : 0;
}

#Content table #tableRight {
  width           : 100%;
  border          : 1px solid rgb(238,233,209);
  background-color: rgb(252,250,244);
  margin          : 0;
  padding         : 0;
}

#boxLeftContent {
  width     : 282px;
  /*height: 433px;*/
  min-height: 433px !important;
  float     : left;
}

#boxRightContent {
  padding   : 27px 0 30px 14px;
  width     : 623px;
  /*height: 433px;*/
  min-height: 433px !important;
}

.linieAll {
  border : 1px solid rgb(238,233,209);
  margin : 1px;
  padding: 3px;
}

.linieHorzBottom {
  border-bottom: 1px solid rgb(238,233,209);
  margin       : 0;
  padding      : 0;

}

.linieHorz {
  border-bottom: 1px solid rgb(238,233,209);
  margin       : 7px 0 8px;
  padding      : 0;
}

.noborder {
  border-bottom: 1px solid rgb(252,250,244);
  margin       : 7px 0 8px;
  padding      : 0;
}

.linieHorzText {
  border-bottom: 1px solid rgb(238,233,209);
  margin       : 14px 0 22px;
  padding      : 0;
}

.linieAllBild {
  border  : 1px solid rgb(238,233,209);
  margin  : 0 0 20px;
  padding : 3px;
  height  : 241px;
  width   : 472px;
  overflow: hidden;
}

.linieAllBildPano {
  border : 1px solid rgb(238,233,209);
  margin : 0 0 20px;
  padding: 3px;
  height : 164px;
}

.linieAllBildStart {
  border       : 1px solid rgb(238,233,209);
  border-bottom: none;
  margin       : 0;
  padding      : 4px;
  height       : 241px;
  width        : 472px;
  overflow     : hidden;
}

.content_1 .lauftext {
  height       : 15px;
  border-bottom: 1px dotted rgb(104,121,122);
  border-top   : 1px dotted rgb(104,121,122);
  padding      : 7px 8px;
  margin-bottom: 20px;
  font-size    : 16px;
  font-family  : "Courier New";
  /*color: rgb(196,179,95);
    /*float: left;*/
}
/*
.content_1 .lauftext h2 {
    float: left;
    color: rgb(196,179,95);
}
*/
.hg_white {
  background-color: white;
}

.hg_beige {
  background-color: rgb(247,244,232);
}

.sideBarTitle {
  color           : white;
  background-color: rgb(196,179,95);
  text-transform  : uppercase;
  text-align      : center;
  padding         : 1px;
  border          : 1px solid rgb(188,168,72);
}

.linieAllText {
  padding: 10px 10px 7px;
  width  : 254px;
}

.linieAllText h3.sidebar {
  text-transform: none;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
  font-size     : 12px;
}

.linieAllText h3 {
  text-transform: uppercase;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
  font-size     : 12px;
}

#boxLeftContent a.dircetlink {
  display   : block;
  float     : none;
  margin-top: 25px;
}

#boxLeftContent a.dircetlink span {
  float: right;
}

.headline {
  text-transform: uppercase;
}

.linieAllText p {
  float  : left;
  margin : 0;
  padding: 0;
}

.linieAllText a {
  float: right;
}

.sideBarInternat {
  background      : url("../media/design/hg_internat.png") no-repeat scroll 10px 8px transparent;
  background-color: rgb(130,82,6);
  border          : 1px solid rgb(139,92,16);
  /*text-align: center;*/
  padding         : 11px 0 0 44px;
  height          : 32px;
}

.sideBarInternat a:active,
.sideBarInternat a:link,
.sideBarInternat a:visited {
  font-size     : 16px;
  color         : rgb(205,187,156);
  text-transform: uppercase;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
}

.sideBarInternat a:focus,
.sideBarInternat a:hover {
  font-size     : 16px;
  color         : white;
  text-transform: uppercase;
  font-family   : Georgia, Garamond, "Times New Roman", Times, serif;
}

.sideBar.Netzwerk {
  background    : url("../media/design/hg_hauptmenu.png") no-repeat scroll 0 -50px rgb(66,87,89);
  padding       : 17px 0 0 44px;
  height        : 32px;
  display       : block;
  text-transform: uppercase;
  font-size     : 12px;
}

a.sideBar.Netzwerk:active,
a.sideBar.Netzwerk:link,
a.sideBar.Netzwerk:visited {
  color: rgb(205,187,156);
}

a.sideBar.Netzwerk.Active,
a.sideBar.Netzwerk:focus,
a.sideBar.Netzwerk:hover {
  color: white;
}

/*
parent id 20 == Information || rostrot
*/
.linieAllText a.sidebar20:active,
.linieAllText a.sidebar20:link,
.linieAllText a.sidebar20:visited {
  float: none;
  color: rgb(138,60,25);
}

/*
parent id 26,  == Schulleben || gelb
*/
.linieAllText a.sidebar26:active,
.linieAllText a.sidebar26:link,
.linieAllText a.sidebar26:visited {
  float: none;
  color: rgb(228,167,15);
}

/*
parent id 25 == Fachschaften || rostrot
*/
.linieAllText a.sidebar25:active,
.linieAllText a.sidebar25:link,
.linieAllText a.sidebar25:visited {
  float: none;
  color: rgb(73,132,154);
}

/*
parent id 22, 23 == St. Augustin, Schulgebäude & Geschichte || golden
*/
.linieAllText a.sidebar22:active,
.linieAllText a.sidebar22:link,
.linieAllText a.sidebar22:visited,
.linieAllText a.sidebar23:active,
.linieAllText a.sidebar23:link,
.linieAllText a.sidebar23:visited {
  float: none;
  color: rgb(77,77,77);
}

/*
parent id 27 == Augustinerverein || rostrot
*/
.linieAllText a.sidebar27:active,
.linieAllText a.sidebar27:link,
.linieAllText a.sidebar27:visited {
  float: none;
  color: rgb(122,92,16);
}

/*
parent id 5 == Kontakt || blau
*/

.linieAllText a.sidebar11:active,
.linieAllText a.sidebar11:link,
.linieAllText a.sidebar11:visited,
.linieAllText a.sidebar2:active,
.linieAllText a.sidebar2:link,
.linieAllText a.sidebar2:visited,
.linieAllText a.sidebar5:active,
.linieAllText a.sidebar5:link,
.linieAllText a.sidebar5:visited,
.linieAllText a.sidebar6:active,
.linieAllText a.sidebar6:link,
.linieAllText a.sidebar6:visited {
  float: none;
  color: rgb(77,77,77);
}

/*
parent id 6, 11, 78 == Standard, alle restlichen || golden
Impressum, Inhaltsverzeichnis, Downloads
*/
.linieAllText a.sidebar2:focus, .linieAllText a.sidebar2:hover, .linieAllText a.sidebar6:focus, .linieAllText a.sidebar6:hover, .linieAllText a.sidebar11:focus, .linieAllText a.sidebar11:hover, .linieAllText a.sidebar26:focus, .linieAllText a.sidebar26:hover,

/* parent id 25 == Fachschaften || rostrot */
.linieAllText a.sidebar25:focus, .linieAllText a.sidebar25:hover,

/* parent id 22, 23 == St. Augustin, Schulgebäude & Geschichte || golden */
.linieAllText a.sidebar23:focus, .linieAllText a.sidebar23:hover, .linieAllText a.sidebar22:focus, .linieAllText a.sidebar22:hover,

/* parent id 27 == Augustinerverein || rostrot */
.linieAllText a.sidebar27:focus, .linieAllText a.sidebar27:hover,

/* parent id 5 == Kontakt || blau */
.linieAllText a.sidebar5:focus,
.linieAllText a.sidebar5:hover {
  float: none;
  color: rgb(196,179,95);
}

.fright11,
.fright2,
.fright20,
.fright22,
.fright23,
.fright25,
.fright26,
.fright27,
.fright5,
.fright6 {
  color: rgb(196,178,95);
  float: right;
}
[class*="content_"] {
  width    : 480px;
  font-size: 12px;
}

[class*="content_"] h1,
[class*="content_"] h2 {
  font-size    : 18px;
  font-family  : Georgia, "Times New Roman", Times, serif;
  /*text-transform: uppercase;*/
  color        : rgb(77,77,77);
  line-height  : 26px;
  margin-bottom: 20px;
}

[class*="content_"] h2.caseNormal {
  text-transform: none;
}

[class*="content_"] h3 {
  font-size     : 12px;
  font-family   : Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  color         : rgb(77,77,77);
  margin        : 10px 0 7px;
}

[class*="content_"] p strong {
  font-weight: bold;
}

[class*="content_"] * {
  font-size: 12px;
}

[class*="content_"] p img {
  /*float: left;*/
}

[class*="content_"] ol,
[class*="content_"] ul {
  margin: 5px 0 7px;
}

[class*="content_"] ol li {
  list-style-type: decimal;
  margin-left    : 20px;
  font-size      : 12px;
}

[class*="content_"] ul li {
  list-style-type: square;
  margin-left    : 14px;
  font-size      : 12px;
}

[class*="content_"] a:link,
[class*="content_"] a:link h3,
[class*="content_"] a:visited,
[class*="content_"] a:visited h3 {
  font-size: 12px;
}

[class*="content_"] a:active,
[class*="content_"] a:active h3,
[class*="content_"] a:focus,
[class*="content_"] a:focus h3,
[class*="content_"] a:hover,
[class*="content_"] a:hover h3 {
  font-size: 12px;
}

div.speiseplaene.logged {
  height: 220px;
}

div.speiseplaene .zweizeilig {
  height       : auto;
  margin-bottom: 10px;
}

.zweizeilig {
  height: 87px;
  color : rgb(138,60,25);
}

.zweizeiliglogged {
  height: 180px;
}

ul.speiseplaene {
  margin : 0;
  padding: 0;
}

a.speiseplaene:link,
a.speiseplaene:visited {
  font-size     : 12px;
  text-transform: none;
}

a.speiseplaene:active,
a.speiseplaene:focus,
a.speiseplaene:hover {
  font-size     : 12px;
  text-transform: none;
}

span.infos {
  text-transform: none;
  padding       : 0;
  margin        : 0;
  line-height   : normal;
}

.seitenBox {
  width        : 231px;
  margin-bottom: 10px;
}

.seitenBox100 {
  width        : 480px;
  margin-bottom: 10px;
}

.seitenBoxHead {
  height: 17px;
}

.seitenBox h3 {
  text-transform: uppercase;
  text-align    : center;
  padding       : 0 0 1px;
  margin        : 0;
  font-size     : 12px;
}

.seitenBox div.quadrat20,
.seitenBox100 div.quadrat20 {
  height          : 17px;
  width           : 17px;
  background-color: rgb(138,60,25);
  position        : absolute;
}

.seitenBox div.quadrat5 {
  height          : 17px;
  width           : 17px;
  background-color: rgb(66,87,89);
  position        : absolute;
}

.seitenBoxContent {
  min-height   : 146px;
  padding      : 15px 10px 16px;
  font-size    : 12px;
  margin-bottom: 10px;
}

.seitenBoxContentAugustin {
  min-height   : 222px;
  padding      : 15px 10px 16px;
  font-size    : 12px;
  margin-bottom: 10px;
}

.seitenBoxContentLehrer {
  padding      : 15px 10px 16px;
  font-size    : 12px;
  margin-bottom: 10px;
}

.seitenBoxContent h3,
.seitenBoxContentLehrer h3 {
  text-transform: uppercase;
  text-align    : left;
  padding       : 2px;
  margin        : 0;
  font-size     : 12px;
}

.seitenBox100 div.quadrat26 {
  height          : 17px;
  width           : 17px;
  background-color: rgb(228,167,15);
  position        : absolute;
}

.seitenBox100 h3 {
  text-transform: uppercase;
  text-align    : center;
  padding       : 0 0 1px;
  margin        : 0;
  font-size     : 12px;
}

.paddingTop10px {
  padding-top: 10px;
}

.marginBottom5px {
  margin-bottom: 5px;
}

.reihe * {
  font-size: 12px;
}

.position {
  font-weight: bold;
  float      : left;
  width      : 151px;
}

.personenGruppe {
  float: right;
  width: 298px;
}

.personL {
  float: left;
  width: 151px;
}

.personM {
  width: 130px;
  float: left;
}

.personR {
  width: 158px;
  float: right;
}

.adresse {
  margin-bottom: 16px;
}

.frightTel {
  float: right;
  width: 150px;
}

.seitenBoxContentMap {
  min-height: 146px;
  padding   : 4px 4px 0;
  margin    : 1px;
  font-size : 12px;
}

#google_map div .gmnoprint,
#google_map div span a {
  font-size: 10px;
}

.seitenBoxContent *,
.seitenBoxContentLehrer * {
  margin-top : 0;
  padding-top: 0;
  font-size  : 12px;
}

.stunde {
  width: 80px;
}

.zeiten {
  width: 120px;
}
/*Theater Anrecht*/
table#anrecht * {
  font-size: 12px;
}

#Content table.plaene,
table#anrecht {
  margin: 22px 0 7px;
  width : 480px;
}

#Content table.floor.plaene tr.plaene td {
  padding-bottom: 20px;
}

table#anrecht span {
  font-size: 10px;
}

.weekday {
  width        : 80px;
  padding-right: 10px;
}

.weekdaygueltig {
  width        : 200px;
  padding-right: 10px;
}

.day {
  width        : 80px;
  padding-right: 10px;
}

.location {
  width        : 80px;
  padding-right: 10px;
}

.titel {
  width        : 80px;
  padding-right: 10px;
}

.linieHorzTheater {
  border-bottom: 1px solid rgb(238,233,209);
  margin       : 5px 0 10px;
  padding      : 0;
}

.autor {
  }
/*AGs*/
.weekdayAG {
  width        : 110px;
  padding-right: 10px;
}

.leiterAG {
  width        : 75px;
  padding-right: 10px;
}

.locationAG {
  width        : 100px;
  padding-right: 10px;
}

.tagAG {
  width        : 30px;
  padding-right: 10px;
}

.titelAG {
  width        : 100px;
  padding-right: 10px;
}

.stufe {
  width: 50px;
}
/*Timepoints*/
.teaser {
  border-bottom: 1px solid rgb(238,233,209);
  padding      : 4px 0 10px;
  margin       : 22px 0 7px;
}

.teaserText160 {
  float: right;
  width: 160px;
}

.teaserText240 {
  float: right;
  width: 240px;
}

.teaserTextFull {
  width: 100%;
}

.teaserText160 p {
  margin : 7px 0 0;
  padding: 0;
}

.teaserText160 h3,
.teaserText240 h3,
.teaserTextFull h3 {
  color: rgb(138,60,25);
}

.teaserText240 p,
.teaserTextFull p {
  margin : 3px 0 0;
  padding: 0;
}

.teaserBigPicture,
.teaserBigPicture img {
  width: 305px;
  /*margin-right: 10px;*/
  float: left;
}

.teaserSmallPicture,
.teaserSmallPicture img {
  width: 223px;
  /*margin-right: 22px;*/
  float: left;
}
/*Linkfarbe speziell für die Information*/
.content_20 div.teaser a:link,
.content_20 div.teaser a:visited,
.content_20 p a:link,
.content_20 p a:visited {
  color: rgb(138,60,25);
}
/*Linkfarbe speziell für die Schulleben*/
.content_26 div.teaser a:link,
.content_26 div.teaser a:visited,
.content_26 p a:link,
.content_26 p a:visited {
  color: rgb(228,167,15);
}
/*Linkfarbe speziell für die Fachschaften*/
.content_25 div.teaser a:link,
.content_25 div.teaser a:visited,
.content_25 p a:link,
.content_25 p a:visited {
  color: rgb(73,132,154);
}
/*Linkfarbe speziell für die Fachschaften*/
.content_25 div.teaser a:link,
.content_25 div.teaser a:visited,
.content_25 p a:link,
.content_25 p a:visited {
  color: rgb(73,132,154);
}
/*Linkfarbe speziell für die St. Augustin*/
.content_22 div.teaser a:link,
.content_22 div.teaser a:visited,
.content_22 p a:link,
.content_22 p a:visited {
  color: rgb(171,146,26);
}
/*Linkfarbe speziell für die Augustiner Verein*/
.content_27 div.teaser a:link,
.content_27 div.teaser a:visited,
.content_27 p a:link,
.content_27 p a:visited {
  color: rgb(122,92,16);
}
/*Linkfarbe speziell für Kontakt*/
.content_5 div.teaser a:link,
.content_5 div.teaser a:visited,
.content_5 p a:link,
.content_5 p a:visited {
  color: rgb(66,87,89);
}

[class*="content_"] div.teaser a:active,
[class*="content_"] div.teaser a:focus,
[class*="content_"] div.teaser a:hover,
[class*="content_"] p a:active,
[class*="content_"] p a:focus,
[class*="content_"] p a:hover {
  color: rgb(77,77,77);
}

span.next {
  float: right;
}

a.content:active,
a.content:link,
a.content:visited {
  }

a.content:focus,
a.content:hover {
  }

p img {
  height   : auto;
  max-width: 480px;
}
/**
 * Footer
*/
#Footerlayer {
  background: url("../media/design/pfeiler-unten.png") no-repeat scroll 267px 0 transparent;
  height    : 13px;
}

#Footerlayer ul li {
  list-style-type: none;
}

#Footerlayer .right {
  margin-left: 180px;
  height     : 2em;
}

#Footerlayer ul.footerBox {
  margin: 2px 5px;
}

#Footerlayer ul.footerBox li.footer {
  float : left;
  margin: 2px 5px;
}

#Footerlayer ul.footerBox .linkFooterActive {
  font-weight: bold;
}

#Footerlayer a.linkFooter:focus,
#Footerlayer a.linkFooter:hover {
  font-weight: bold;
}

/**
 * Templates
*/
#Content .contact {
  padding-top: 10px;
}

/**
 * Modules
*/

/**
 * Kontaktformular
*/
.linieAllKontakt {
  border    : 1px solid rgb(238,233,209);
  margin    : 1px;
  padding   : 8px;
  min-height: 150px;
}

#Contact .formfield {
  border : 1px solid rgb(238,233,209);
  float  : none;
  padding: 1px;
  margin : 0 0 6px;
  width  : 460px;
}

.formfieldlabel {
  width           : 132px;
  height          : 15px;
  background-color: rgb(66,87,89);
  padding         : 6px;
  float           : left;
}

.formfieldlabeltext {
  height          : 15px;
  background-color: rgb(66,87,89);
  padding         : 6px;
  float           : none;
}

.formfieldlabel label,
.formfieldlabeltext label {
  color    : rgb(247,244,232);
  font-size: 12px;
  float    : left;
}

.inputfeld {
  float: right;
  width: 300px;
}

.formfield input {
  display  : inline-block;
  width    : 270px;
  border   : none;
  margin   : 0;
  font-size: 12px;
  color    : rgb(77,77,77);
}

.formfield select {
  float    : left;
  width    : 280px;
  border   : none;
  margin   : 6px 0 0;
  font-size: 12px;
  color    : rgb(77,77,77);
}

.formfield select option {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size  : 12px;
  color      : rgb(77,77,77);
}

.formfield textarea {
  border     : none;
  width      : 435px;
  height     : 200px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size  : 12px;
  padding    : 6px 8px;
  color      : rgb(77,77,77);
}

.margin1 {
  margin-top: 1px;
}

.formfieldsubmit {
  border : 1px solid rgb(238,233,209);
  float  : none;
  padding: 1px;
  margin : 0 0 6px;
  width  : 132px;
}

.formfieldsubmit input {
  width           : 132px;
  background-color: rgb(66,87,89);
  border          : none;
  color           : white;
  padding         : 6px;
  text-align      : left;
  font-size       : 12px;
}
/*
.formfieldsubmit {
    width: 132px;
    height: 15px;
    background-color: rgb(66,87,89);
    padding: 6px;
    float: left;
}
*/

.logfont {
  color         : rgb(239,4,127);
  padding-right : 10px;
  text-transform: none;
  float         : right;
  font-size     : 10px;
}

.logfontdescription {
  color         : rgb(239,4,127);
  padding-right : 10px;
  text-transform: none;
  font-size     : 10px;
}

/*
 * LOGINAREA
*/
.loginarea .formfieldlabel {
  background: none;
  height    : 15px;
  padding   : 6px;
  width     : 60px;
  color     : rgb(77,77,77);
}

.loginarea .formfieldlabel label {
  color    : inherit;
  font-size: 10px;
}

.loginarea .formfield input {
  width    : 185px;
  /*    border: 1px solid rgb(161,172,173);*/
  border   : 1px solid rgb(239,234,210);
  float    : right;
  font-size: 10px;
  padding  : 2px 3px;
}

.loginarea .linieAll.hg_white {
  padding-bottom: 10px;
}

.formfield > input#userlogin {
  width        : 192px;
  background   : rgb(196,179,95);
  border       : 1px solid rgb(196,179,95);
  color        : white;
  margin-bottom: 20px;
}
/*LOGINMANAGMENT*/
.statusbox {
  width         : 140px;
  height        : 20px;
  float         : right;
  padding-bottom: 10px;
  display       : inline-block;
}

.green {
  width           : 16px;
  height          : 16px;
  background-color: green;
  display         : inline-block;
  vertical-align  : top;
}

.yellow {
  width           : 16px;
  height          : 16px;
  background-color: yellow;
  display         : inline-block;
  vertical-align  : top;
}

.orange {
  width           : 16px;
  height          : 16px;
  background-color: orange;
  display         : inline-block;
  vertical-align  : top;
}

.red {
  width           : 16px;
  height          : 16px;
  background-color: red;
  display         : inline-block;
  vertical-align  : top;
}