@media all {
	body {
		background-color: #FFFFFF;
		font-family: verdana , arial , helvetica , sans-serif;
	}
	
	h1 {
		color: #7C6088;
		margin-bottom: 4ex;
	 }
	 
	#titel-box {
	    height : 21%;
	    left : 0;
	    margin : 0;
	    overflow : hidden;
	    padding : 0;
	    position : absolute;
	    top : 0;
	    width : 79%;
	    z-index : 10;
	  }
	
	#titel-box *.intern {
	    color: #FFFFFF;
	  }
	
	#titel {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left:0;
	    right: 0;
	    margin: auto;
	    overflow: hidden;
	    height: 49%;
	    width: 79%;
	  }
	
	#logo-box {
	    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: #FFB266;
	  }
	
	#logo {
	    border-style : none;
	    bottom : 0;
	    left : 0;
	    margin : auto;
	    position : absolute;
	    right : auto;
	    top : 0;
	    width : 79%;
	    height : 79%;
	  }
	
	#inhalt-box {
	    position: absolute;
	    height: 79%;
	    width: 100%;
	    left: 0;
	    bottom: 0;
	  }
	
	#inhalt-box *.book {
		background-image: url('./schatten.png');
		background-repeat: repeat-y;
		background-position: right top;
	    margin: 0;
	    width: 79%;
	    height: auto;
	    min-height: 100ex;
	    position: absolute;
	    left: 0;
	    padding-right: 6px;
	  }
	
	#inhalt-box *.book_top {
		background-image: url('./ringbuch_top.png');
		background-repeat: no-repeat;
		height: 6px;
		background-color: #f5f5f5;
	    margin-top: -4px;
	  }
	  
	 #inhalt-box *.book_bottom {
		background-image: url('./ringbuch_bottom.png');
		background-repeat: no-repeat;
		background-color: #f5f5f5;
	    margin: 0;
	    height: 9px;
	  }
	  
	#inhalt-box *.book_bottom_shadow {
		background-image: url('./ringbuch_bottom_shadow.gif');
		background-repeat: no-repeat;
		background-color: #848484;
	    margin: 0;
	    height: 1px;
	    margin-bottom: -1px;
	  }
	
	#inhalt-box *.book_middle {
		background-image: url('./ringbuch.png');
		background-repeat: repeat-y;
		background-color: #f5f5f5;
	    line-height : 1.5em;
	    margin: 0;
	    padding-top : 15px;
	    padding-bottom: 15px;
	    padding-left: 80px; 
	    padding-right: 15px;
	    font-family : sans-serif;
	    height: auto;
	    min-height: 100ex;
	    overflow: auto;
	    text-align: justify;
	    -ms-hyphens: auto; 
	    -webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    hyphens: auto;
	  }
	  
	  #inhalt-box p {
	  	padding-right: 2em;	
	  }
	
	#navigation-box {
	    top : 0;
	    height : 100%;
	    margin : 0;
	    padding : 0;
	    position : absolute;
	    right : 0;
	    width : 21%;
	  }
	
	#navigation-box *.intern {
	    color: #FFFFFF;
	  }
	
	*.navi {
		background-image: url('ziel.png');
		background-repeat: no-repeat;
		background-position: 0px 0px; 
	    display: block;
	    height: 52px;
	    width: auto;
	    padding-top : 12pt;
	    padding-bottom : 3pt;
	    padding-left: 4pt;
	    margin: 0;
	 	color: black;
	 	vertical-align: text-bottom;
	 	font-size: smaller;
	  }
	
	*.navi.aktuell {
	    background-image: url('aktuell.png');
	    background-repeat: no-repeat;
	    color: white;
	  }
	
	#curriculum {
		border : 0;
		border-spacing : 1ex;
		border-style : none;
	    text-align : left;
	    vertical-align : top;
	    width : 100%;
	  }
	 
	*.emph {
	 	color: #614370;
	  }
	
	*.invisible {
	    font-size : 0mm;
	    padding-left : 4px;
	  }
	
	*.copyright {
	    font-size : smaller;
	    text-align : right;
	  }
	
	*.hspace {
	    display : block;
	    margin-top : 2ex;
	  }
	
	*.separator {
		border-width: 1px;
	  	border-color: #98829D;
	  	border-style: dotted;
	  	margin-top: 4ex;
	  	margin-bottom: 4ex;
	  }
	
	*.change {
	    display : block;
	    float: right;
	    height : 23px;
	    text-align : center;
	    width : 147px;
	  }
	
	*.send {
	    display : block;
	    height : 23px;
	    position : absolute;
	    right : 3em;
	    text-align : center;
	    top : 16em;
	    width : 147px;
	  }
	
	*.send.index {
		position : static;
		top : 10em;
	    left : 1em;
	  }
	
	*.buttontext {
	    line-height:1.4em;
	  }
	
	*.actual {
	    font-size : smaller;
	  }
	
	*.thumbnail {
	    border-bottom-width : 0px;
	    border-left-width : 0px;
	    border-right-width : 0px;
	    border-top-width : 0px;
	    margin-bottom : 3%;
	    margin-top : 3%;
	    text-align : left;
	  }
	  
	  *.screenshot {
	  	width: 90%;
	  	height: auto;
	  	max-width: 1010px;
	  }
	
	*.offer {
	    padding:1ex;
	    width:90%; 
	    background-color:#DDD6E2;
	    border-width : thick; 
	    border-color : #C5B7C5; 
	    border-style: ridge;
	    margin-bottom: 3ex;
	  }
	
	*.divider {
	    color:#C5B7C5;
	    background-color:#C5B7C5;
	    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');
	
	  }
	
	a {
		font-family: sans-serif;
		font-weight: 500;	
	}
	
	a:link {
		color : black;
	    text-decoration : none;
	  }
	
	a:visited {
	    color : black;
	    text-decoration : none;
	  }
	
	a:active, a:hover {
	    font-style: italic;
	  }
	
	*.book a:link {
		color: #7C6088;
		text-decoration: underline;
	 }
	
	*.change a, *.send a {
	
	    background-image : url('../wechseln.gif');
	
	    display : block;
	    font-size : 14px;
	    height : 23px;
	    padding-top : 2px;
	    width : 147px;
	  }
	
	
	*.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');
	
	  }
	
	fieldset {
	    border-color : #A61C7F;
	    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: #B7A5BA;
	    color: #000;
	  }
	
	input:hover, input.button:hover, button:hover,  a.button:hover {
	    background-color: #C5B9CD;
	    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;
	  }
}
  
@media screen and (max-width: 480px) {

	#inhalt-box{
		font-size: 80%;	
		margin-top: 1em;
	}

	#inhalt-box h1{
		font-size: 90%;
	}
	
	#inhalt-box *.book {
		background-image: url('./schatten-mini.gif');
	}
	
	#inhalt-box *.book_middle {
		background-image: url('./ringbuch-mini.gif');
		padding-top : 6px;
	    padding-bottom: 6px;
	    padding-left: 40px; 
	    padding-right: 2px;
	}
	
	#inhalt-box *.book_top {
		background-image: url('./ringbuch_top-mini.gif');
		height: 3px;
	  }
	  
	 #inhalt-box *.book_bottom {
		background-image: url('./ringbuch_bottom-mini.gif');
		height: 5px;
	  }

	#navigation-box {
	    top: auto;
	    height: auto;
	    -ms-hyphens: auto; 
	    -webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    hyphens: auto;
	  }
	
	*.navi {
		font-size: 90%;
		height: auto;
		min-height: 13px;
		padding-top : 12pt;
	    padding-bottom : 3pt;
	    padding-left: 4pt;
	}
	
	*.aktuell{
		font-size: 90%;	
	}
	
	#titel-box {
	    min-width: 240px;
	    margin-top: auto;
	  }
	  
	#titel {
	    position: static;
	  }
	
	#logo-box {
	    font-size : smaller;
	    min-width : 80px;
	    z-index : 10;
	  }
	
	#logo {
	    right: 0;
	    left: auto;
	  }
	  
	*.change a, *.send a {
	
	    background-image : url('../wechseln-mini.gif');
	
	    font-size : 7px;
	    height : 11px;
	    padding-top : 1px;
	    width : 70px;
	  }
	
	*.change a:link, *.send a:link {
	
	    background-image : url('../wechseln-mini.gif');
	
	  }
	
	*.change a:visited, *.send a:visited {
	
	    background-image : url('../wechseln-mini.gif');
	
	  }
	
	*.change a:focus, *.send a:focus {
	
	    background-image : url('../wechseln-aktiv-mini.gif');
	
	  }
	  
	 *.send {
	    height : 11px;
	    right : 2em;
	    text-align : center;
	    top : auto;
	    width : 70px;
	  }
	  
	*.navi {
		background-image: url('ziel-mini.jpg');
	    height: 22px;
	    padding-top : 8pt;
	 	font-size: 70%;
	  }
	
	*.navi.aktuell {
	    background-image: url('aktuell-mini.jpg');
	  }
	  
	fieldset {
	    border-width : 2pt;
	    margin-bottom: 1.5em;
	  }
	
	input.text {
	    width : 95%;
	    min-width: 100px;
	  }
	
	textarea {
	    height : 250px;
	    padding : 2px;
	    width : 95%;
	    min-width: 100px;
	  } 
}

@media screen and (max-width: 280px) {

	#inhalt-box{
		position: static;
	}
	
	#inhalt-box *.book_middle {
		padding-top : 2px;
	    padding-bottom: 2px;
	    padding-left: 34px; 
	    padding-right: 1px;
	}
	
	#titel-box {
	    position : static;
	    min-width: 280px;
	  }
	  
	#titel {
	    position: static;
	  }
	
	#logo-box {
	    position : static;
	  }
	
	#logo {
	    position : static;
	  }
}