﻿/* Reset margins */
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin: 0;
    padding: 0;
}

h1 {
	font-size: 1.5rem;
	font-weight:normal;
	padding-bottom:0.5rem;
}

a,
.active {
    text-decoration:none;
    color:#900;
}

a:hover {
    color:#b6c601;
}


td { vertical-align: top; }

.abstand {padding-bottom: 0.8rem; }

.text_zentriert {text-align: center; }
 
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}


html{
    font-size:1vw;
}

body {
  font: 1.2rem Verdana,Arial,Helvetica,sans-serif;
  background: #e4e9e5;
}


#wrapper, #titelzeile {
	padding: 1rem 2rem 0 2rem;
}

.box_zentriert {
	width: 80%;
	margin: 0px auto;
	padding: 1rem 2rem;
    box-sizing: border-box;
    border: #b6c601 0.2rem solid;
}

.infobox {
	font-size:1.1rem;
}

.spalte1, .spalte2, .spalte3 {
     float: left;
     width: 40%;
     padding: 1rem 2rem;
     box-sizing: border-box;
     border: #b6c601 0.2rem solid;
}

.spalte1, .spalte3, .box_zentriert {
	background: #fafbed;
}

.spalte2 {
 	border: 0;
 	text-align: center;
 	vertical-align: middle;
    width: 10%;
}


/* Formulare formatieren */
#frm1 {
    font-size:1.1rem;
}

#frm1 p{
	margin-top: 1rem;
} 

#frm1 label {
    display:block;
    font-size:1.1rem;
    cursor: pointer;
}

/** einzeilige Textfelder definieren **/
#frm1 .text_lang {
    width:30rem;
}

#frm1 .text_middle {
    width:24rem;
}


#frm1 .text,
#frm1 .text_middle,
#frm1 .text_lang,
#frm1 .dropdown {
    padding:0.2rem;
    border:1px solid #4e2a6d;
    border-radius:3px;
    font-size:1.1rem;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    /* Gecko-Browser (Firefox) */ -moz-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* Webkit-Browser (Safari, Chrome) */ -webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* allgemein CSS3 */ box-shadow:inset 3px 3px 6px #cfcfcf;
}

#frm1 input:focus,
#frm1 textarea:focus {
    background-color:#ffc;
    color:#c33;
}

#frm1 .button_small {
    margin-top: 1rem;
}

#frm1 .button_small,
#frm1 .button_standard {
    font-size: 1.1rem;
	padding: 0.2rem 1rem;
    border:1px solid #4e2a6d;
    border-radius:3px;
    font-size:1.1rem;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    /* Gecko-Browser (Firefox) */ -moz-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* Webkit-Browser (Safari, Chrome) */ -webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* allgemein CSS3 */ box-shadow:inset 3px 3px 6px #cfcfcf;

}