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

/* Seitenüberschrift */
#titel-box {
    background-color : #55C5b2;
    vertical-align : bottom;
  }

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

#titel {
    color : #330000;
    font-family : sans-serif;
  }

/* Logobereich */
#logo-box {
    background-color : #006151;
    font-size : smaller;
    text-align : center;
    vertical-align : middle;
  }

#logo {
    height : auto;
    width : 79%;
  }

/* Seiteninhalt */
#inhalt-box {
    overflow : auto;
    vertical-align : top;
  }

/* Navigationsbereich */
#navigation-box {
    /*background-color : #9BE3D6;*/
    background-color : #D2F8FF;
    font-family : helvetica, arial, sans-serif;
    font-size : smaller;
    font-weight : bold;
    overflow : auto;
    vertical-align : top;
  }

#navigation-box *.intern {
    /*color: #9BE3D6;*/
    color: #D2F8FF;
  }

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

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

/* --- 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;
    margin-top : 8ex;
    text-align : right;
  }

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

/* Button Nachricht schicken */
*.send {
    display : block;
    float : right;
    font-family : sans-serif, 'Sans Serif';
    font-size : 14px;
    height : 27px;
    position : relative;
    text-align : center;
    top : -2em;
    width : 172px;
  }

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

*.buttontext {
    line-height:1.5em;
  }
  
*.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;
  }

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

  }

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

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


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

*.footnote {
    font-size: smaller;
  }

*.check {
    list-style-image : url('./haken.gif');
  }
  
/* --- Linkformatierung --- */

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


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


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


*.change a, *.send a  {
    display : block;
    height : 23px;
    width : 172px;
    padding-top : 5px;
    background-image : url('./wechseln.gif');
  }


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


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


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

/* --- Formularelemente --- */

fieldset {
    border-color : #55C5b2;
    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: #9BE3D6;
    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;
  }