/* --- Bereiche des Seitenlayouts --- */

/* Seitenüberschrift */

#titel-box {
    background-color : #e1eedc;
    background-image : url('background.png');
    background-repeat : repeat-y;
    background-position : top left;
    height : 21%;
    left : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    overflow : hidden;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    position : absolute;
    top : 0;
    width : 100%;
    z-index : 10;
  }


#titel-box *.intern {
    color: #64934d;
  }


#titel {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    right:0.6em;
    left: auto;
    margin-bottom: 1ex;
    margin-top: auto;
    margin-left: 1ex;
    margin-right: auto;
  }


#logo {
    border-style : none;
    bottom : 0;
    left : 0.6em;
    margin : auto;
    position : absolute;
    top : 0;
    width : 20%;
    height : 90%;
  }

/* Seiteninhalt */


#inhalt-box {
    bottom : 0;
    height : 73%;
    margin-bottom : 0px;
    margin-top : 0px;
    overflow : auto;
    position : absolute;
    right : 0;
    width : 73%;
  }


#inhalt-box *.within {
    line-height : 1.5em;
    margin-bottom : 2em;
    padding : 15pt;
    overflow : auto;
  }


#bar {
	border-top-style: groove;
	border-top-color: #64934d;
	border-top-width: 3px;
    position: absolute;
    z-index: 10;
    height: 3%;
    background-color : #e1eedc;
    width : 100%;
    top: 21%;
    margin-bottom: 0px;
  }

/* Navigationsbereich */


#navigation-box {
    background-color : #e1eedc;
    bottom : 0;
    font-size : smaller;
    height : 76%;
    left : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    overflow : auto;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    position : absolute;
    visibility : visible;
    width : 21%;
  }


#navigation-box *.intern {
    color: #e1eedc;
  }


#navigation-box *.within {
    padding-top : 0pt;
    padding-left : 6pt;
    padding-right : 6pt;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
  }

#switch {
    padding-left : 7pt;
    padding-top : 1px;
  }

#switch1, #switch2, #switch3, #switch4, #switch5, #switch6 {
    padding-left : 4px;
    padding-top : 0px;
  }

/* --- Formatierungen für Inhalt Navigationsleiste --- */



#navigation-box ul {
    padding-left : 6pt;
    margin-left : 0px;
  }


#navigation-box li {
    margin-left: 12px;
    padding-left : 0px;
  }


*.navi {
    display: block;
    padding-top : 3pt;
    padding-bottom : 3pt;
    margin-left : -5px;
  }


*.subti {
    font-size : smaller;
    font-style : italic;
    font-weight: normal;
  }


*.opened {
    display : block;
  }


*.closed {
    display : none;
  }

/* --- Weitere Formatierungen innerhalb des eigentlichen Seiteninhalts --- */

*.actual {
    color : #000000;
    font-style : italic;
  }


#curriculum {
    border : 0;
    border-spacing : 1ex;
    border-style : none;
    text-align : left;
    vertical-align : top;
    width : 100%;
  }


*.invisible {
    font-size : 0mm;
    line-height : 0px;
  }


*.copyright {
    font-size : smaller;
    text-align : right;
  }


*.hspace {
    display : block;
    margin-top : 2ex;
  }

/* Button Layoutwechsel */
*.change {
    display : block;
    font-family : sans-serif, 'Sans Serif';
    height : 27px;
    float : right;
    text-align : center;
    width : 172px;
  }

/* Button Nachricht schicken */


*.send {
    display : block;
    font-family : sans-serif, 'Sans Serif';
    height : 37px;
    position : absolute;
    right : 3em;
    text-align : center;
    top : 16em;
    width : 173px;
  }


*.send.index {
    position : static;
    top : auto;
    left : 1em;
  }

*.buttontext {
    line-height:1.8em;
  }

*.thumbnail {
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 0px;
    margin-bottom : 5%;
    margin-top : 5%;
    text-align : left;
  }
  
 *.screenshot {
 	margin-top : 8px;
  	width: 90%;
  	height: auto;
  	max-width: 1010px;
  }

*.offer {
    padding:1ex;
    width:90%; 
    background-color:#DFF7AB;
    border-width : thick; 
    border-color : #48A356; 
    border-style: ridge;
    margin-bottom: 3ex;

  }

*.divider {
    color:#48A356;
    background-color:#48A356;
    height:0.4ex;
    width:100%;
  }

*.amount {
    font-size:larger;
    font-weight:bolder;
  }
  
*.big {
    font-weight:bolder;
  }

*.footnote {
    font-size: smaller;
  }
  
*.check {
    list-style-image : url('haken.gif');
  }

/* --- Linkformatierung --- */


a:link {
    color : #034b3f;
    text-decoration : none;
  }


a:visited {
    color : #034b3f;
    text-decoration : none;
  }


a:active, a:hover {
    background-color : #FFFF99;
    text-decoration : none;
  }


*.change a, *.send a {
    background-image : url('./wechseln.gif');
    display : block;
    font-family : sans-serif, 'Sans Serif';
    font-size : 14px;
    height : 37px;
    padding-top : 0px;
    width : 173px;
    vertical-align : bottom;
    line-height : 37px;
  }


*.change a:link, *.send a:link {
    background-image : url('./wechseln.gif');
  }


*.change a:visited, *.send a:visited {
    background-image : url('./wechseln.gif');
  }


*.change a:focus, *.send a:focus {
    background-image : url('./wechseln.gif');
  }

/* --- Formularelemente --- */


fieldset {
    border-color : #9be3d6;
    border-width : 4pt;
    margin-bottom: 2em;
    border-style: groove;
  }


input {
    font-size: 100%;
  }


input, input.button {
    margin: 0 2px;
    padding: 0px 0.5em;
    text-decoration: none;
    background-color: #5CA65A;
    color: #000;
  }


input:hover, input.button:hover, button:hover,  a.button:hover {
    background-color: #FFFF99;
    color: #000;
  }


input.button.disabled, div.buttons input.disabled {
    background-color: #F7F7F7;
    color: #BBB;
  }


input.button.disabled:hover, div.buttons input.disabled:hover {
    background-color: #F7F7F7;
    color: #BBB;
  }


input.text {
    background-color : #F2F2F2;
    color : #000;
    margin-bottom : 0;
    margin-left : 1px;
    margin-right : 1px;
    margin-top : 0;
    padding-bottom : 1px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 1px;
    width : 400px;
  }


input.text.invalid {
    border-color: red;
  }


textarea {
    background-color : #F2F2F2;
    color : #000;
    font-family : verdana,arial,helvetica,sans-serif;
    font-size : 100%;
    height : 300px;
    padding : 2px;
    width : 500px;
  }