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

/* Seitenüberschrift */
#titel-box {
    background-color : #FFB266;
    height : 21%;
    left : 0;
    margin : 0;
    overflow : hidden;
    padding : 0;
    position : absolute;
    top : 0;
    width : 79%;
    z-index : 10;
  }

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

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

/* Logobereich */
#logo-box {
    background-color : #A64C27;
    font-size : smaller;
    height : 21%;
    margin : 0;
    overflow : hidden;
    padding : 0;
    position : absolute;
    right : 0;
    top : 0;
    width : 21%;
    z-index : 10;
  }

#logo-box *.intern {
    color: #A64C27;
  }

#logo {
    border-style : none;
    bottom : 0;
    left : 0;
    margin : auto;
    position : absolute;
    right : 0;
    top : 0;
    width : 79%;
    height : 79%;
  }

/* Seiteninhalt */
#inhalt-box {
    position: absolute;
    overflow : auto;
    height: 79%;
    width: 79%;
    left: 0;
    bottom: 0;
  }

#inhalt-box *.within {
    line-height : 1.5em;
    margin-bottom : 2em;
    padding : 15pt;
    font-family : sans-serif;
  }

/* Navigationsbereich */
#navigation-box {
    /*background-color : #FFDC8C;*/
    background-color : #FFEBBD;
    font-size : smaller;
    bottom : 0;
    height : 79%;
    margin : 0;
    overflow : auto;
    padding : 0;
    position : absolute;
    right : 0;
    width : 21%;
  }

#navigation-box *.intern {
    /*color: #FFDC8C;*/
    color: #FFEBBD;
  }

#navigation-box *.within {
    padding-top : 10pt;
    padding-left : 6pt;
    padding-right : 6pt;
    font-family : 'Bitstream Vera Sans', sans-serif;
  }

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

*.navi {
    display: block;
    padding-top : 3pt;
    padding-bottom : 3pt;
  }


*.navi.l1 {
    padding-left : 10pt;
  }


*.navi.l2 {
    padding-left : 18pt;
  }

/* --- Weitere Formatierungen innerhalb des eigentlichen Seiteninhalts --- */
#curriculum {
	border : 0;
	border-spacing : 1ex;
	border-style : none;
    text-align : left;
    vertical-align : top;
    width : 100%;
  }


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


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

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

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

/* Button Nachricht schicken */
*.send {
    display : block;
    font-family : 'Bitstream Vera Sans', sans-serif;
    height : 27px;
    position : absolute;
    right : 3em;
    text-align : center;
    top : 16em;
    width : 172px;
  }

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

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

*.actual {
    font-size : smaller;
    font-style : italic;
  }


*.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 {
  	width: 90%;
  	height: auto;
  	max-width: 1010px;
  	min-width : 505px;
  }

*.offer {
    padding:1ex;
    width:90%; 
    background-color:#FFEBBD;
    border-width : thick; 
    border-color : #C16F3F; 
    border-style: inset;
    margin-bottom: 3ex;

  }

*.divider {
    color:#c16f3f;
    background-color:#c16f3f;
    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 : #07490E;
    text-decoration : none;
  }


a:visited {
    color : #07490E;
    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 : 'Bitstream Vera Sans', sans-serif;
    font-size : 14px;
    height : 26px;
    padding-top : 2px;
    width : 172px;
  }


*.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-aktiv.gif');
  }

/* --- Formularelemente --- */

fieldset {
    border-color : #A64C27;
    border-width : 4pt;
    margin-bottom: 2em;
    border-style: solid;
  }


input {
    font-size: 100%;
  }


input, input.button {
    margin: 0 2px;
    padding: 0px 0.5em;
    text-decoration: none;
    background-color: #FFDC8C;
    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;
  }