form {
	min-height: inherit;
	/*width: 100%;*/
        padding-top: 1vh;
        padding-bottom: 1vh;
        padding-left: 1vw;
       /* background-color: #FFEFC1;*/
	font-family:"Lucida Sans Unicode", sans-serif;
/*	font-size: 0.8em;*/
}


.formfieldtextleft
{
        height: 3vh;
        width: auto;
        display: block;
}
        
form.kontakt {
	/*width: 100%;*/
        padding-top: 1vh;
        padding-bottom: 1vh;
        padding-left: 1vw;
      /* background-color: #EEEEEE;*/
	font-family:"Lucida Sans Unicode", sans-serif;
/*	font-size: 0.8em;*/
    /*width: 80%;*/
    text-align: left;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

button {
	font-size: 1.0em;
        margin-right: 0.4vw;
        padding: 5px; 
	border-radius: 3px; 
	margin: 5px;
	font-size: large; 
}
input {
	font-size: 1.0em;
        margin-right: 0.4vw;
        padding: 5px; 
	border-radius: 3px; 
	margin: 5px;
	font-size: large; 
}

input[type="text"] { 
	width: 60%;
	font-size: larger; 
} 
input[type="email"] { 
	width: 60%;
	font-size: larger; 
} 
.errormessage {
	font-size: 1.1em;
	color: red;
}

.error {
	font-size: 1.1em;
	color: red;
}

select {
	font-size: 1.0em;           
        background-color: wheat;
        border-color: wheat;
        margin-right: 1vw;
}

ul {
	font-size: 1.0em;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	font-size: 1.0em;
}

ol {
	font-size: 1.0em;
	list-style-position: outside;
}

.small {
	font-size: 9px;
}

.big {
	font-size: 18px;
}

.bodystyle {
	font-size: 1.1em;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

.formfieldkombi{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 2px;
}

.formfieldtext
{
	display: block;
	width: 20%;
	float: left;
        padding-top: 5px;
}

.formfieldtext button, input[type='submit'], .formfieldtextright input[type='reset']
{
    width: 12vw;
}

.formfieldplaintext
{
        width: 85%;      
}
        
.formfieldtextright
{
	float: right;
        display: block;
        margin-right: 0.5vw;
}


.formfield
{
	display: block;
	float: left;
        width:80%;
}

.textarea
{
        border:1px solid #999999;
        font-size: large;
        width:97%;
        margin:5px 0;
        padding:1%;
        height: 10vh;
}

.formfieldkombibig{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 2px;
}

.formcontainer
{
     width: 100%;
    text-align: left;
    height: auto;
    margin-left: auto;
    margin-right: auto;        
}

.formfieldkombiline{
	display: block;
	width: 100%;
	clear: both;
	margin-top: 4px;
	margin-bottom: 2px;
}


.formfieldbig
{
	display: block;
	/*float: left;*/
}

input[type=radio]
{
    margin-left: 1vw;
    font-size: medium;
    background-color: wheat;
    border-color: wheat; 
    padding-left: 5vw;
}

a
{
    color: #808080;
    text-decoration: none;
}
.tablefieldhead
{
    display: block;
    text-align: left;
    float: left;
    min-height: 3vh;    
}

.tablefieldwidthsmall
{
    width: 4vw;
}

.tablefieldwidthmedium
{
    width: 8vw;
}

.tablefieldwidthlarge
{
    width: 25vw;
}

.tablefielddata
{
     background-color: ivory;
}

.tablefieldbackground
{   
    background-color: #C0C0C0;
    min-height: 3vh;
    width: 100%;
} 

.tablefieldline
{
    display: block;
    text-align: left;
    float: left;    
    min-height: 3vh;   
}

.tablefieldlineframe
{
    border-bottom:  solid wheat;
    border-bottom-width: thin;
    margin-top: 4px;
}

.tablefieldlinelist2
{
    display: block;
    text-align: left;
    float: left;
    font-size: 0.8em;
    min-height: 8vh;
    padding: 1vw;
    width: 26vw;
}
.tablefieldlinelist2bottom
{
    display: block;
    float: left;
    font-size: 0.8em;
    height: 0.2vh;
    padding: 0;
    width: 100%;
    background-color: wheat;
}

.tablefieldlineend
{
    display: block;
    width: 1vw;
    clear: left;
}


#singlecontent
{
    display: block;
    position: absolute;
    top: 20vh;
    left: 20vw;
    width: 40vw;
    height: 30vh;
    background-color: #C0C0C0;
    opacity: 0.8;
}

#singlecontent img
{
    width: 300px;
}

.tablefieldright
{
    text-align: right;
}

h1
{
    text-align: center;
    margin-bottom: 2vh;
}

#Kopfbereich
{
    margin-top: 0;
    margin-left: 0;
    position: relative;
    /*width: 100vw;*/
    min-height: 10vh;
    z-index: 100;
    background-color: white;
}

#Databereich
{
    padding-top: 29vh;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    overflow: hidden;
}

/* PAGINATION */

.pagination {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
}
.pagination a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
  margin:2px;
}
.pagination a:hover, .pagination a:active {
    background:#efefef;
}
.pagination span.current {
    background-color: #687282;
    border: 1px solid #D5D5D5;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
        margin:2px;
}
.pagination span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}


/*------------------------------------------- Mobile section ------------------------------------------- */
@media screen and  (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{

.formfieldkombi
{
	/*float: none;*/
}

@media screen and (orientation: portrait) 
{
	.formfieldtextright
	{
		display: block;
		width: 25vw;
		float: right;
		margin-right: 10px;
	}
        .formfieldtextright input
        {
            width: 25vw;
            margin-right: 2vw;
        }
	.formfieldbig img
        {
            width: 30vw;
        }
        form.kontakt
        {
            font-size: 1.0em;
            padding-bottom: 2vh;            
        }
        
        .formfieldtext button, input[type='submit'], .formfieldtextright input[type='reset']
        {
            width: 25vw;
        }

        .formfieldtextleft
        {
            display: block;            
            vertical-align: bottom;            
            line-height: 4vh;
        }

        .formfieldtext
	{
            width: 30vw;
	}

        .formfieldplaintext
        {
            font-size: 0.8em;
        }
        form.kontakt
        {
            width: 90%;
        }

}	

@media screen and (orientation: landscape) 
{
	.formfieldtextright
	{
            width: 15vw;
	}
        
        .formfieldtext button, input[type='submit'], .formfieldtextright input[type='reset']
        {       
            width: 18vw;
        }
        
        .formfieldtextright input
        {
            width: 15vw;
            margin-right: 2vw;
        }
        .formfieldkombibig
        {
            width: 95%;
        }

        form.kontakt
        {
            font-size: 1.4em;
            padding-bottom: 2vh;            
        }
	.formfieldtext
	{
            width: 35%;
	}
        .formfieldbig img
        {
            width: 20vw;
        }
}
}