div {margin-left:30%;
     margin-right:30%;
    }

body {
font-size: 100%;
line-height: 1.5;
color:#440000;
font-family: sans-serif, Sans-Serif;


 	/*Scrollbalken*/

	/* schatten */
	scrollbar-3dlight-color:#d4deec;
	scrollbar-highlight-color:#ffffff;
	scrollbar-face-color:#d4deec;
	scrollbar-shadow-color:#a9bdd8;
	scrollbar-darkshadow-color:#a9bdd8;

	/* hintergrund */
	scrollbar-track-color:#E1E9F4;
	scrollbar-arrow-color:#092a58;

 }

a:link,a:active,a:visited,a:hover {
 text-decoration:none;
 color:#dd0000;
 
 }

a:hover {
 color:#0000dd;
 text-decoration:underline;
 }

.inputtext {
 color: #000000;
 font: 1em/1.2 sans-serif;
 border: 1px solid #808080; background-color: #F4F4FF;  padding: 10px;
}

.inputbutton {
 color: #000000;
 font: 1em/1.2 sans-serif;
 border: 2px solid #808080; background-color: #F4FFF4;  padding: 10px;
}

@media screen and (orientation: landscape){
    		body{
    			font-size: 120%;
    		}
            div {
                margin-left:5%;
                margin-right:5%;
            }
    	}
@media screen and (orientation: portrait){
    		body{
    			font-size: 80%;
    		}
            div {
                margin-left:0%;
                margin-right:0%;
            }
    		.inputbutton {
 			font: 1.5em/2 sans-serif;
            border: 2px solid #808080; background-color: #F4FFF4;  padding: 2em;
			}

		}