html {
	padding: 0;
	margin: 0;
}


body {
	background: #d5d5d5;
	font-family: Helvetica, Arial, sans-serif;
	width: 1600px;
	margin:0 auto;
	font-size: 0.75em;   
	color: #535353;

	height: 100%
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

::-webkit-input-placeholder {
	color: #c2c2c;
	font-size: 60%;
	text-align: left;
	vertical-align: bottom;

	}

:-moz-placeholder {
	color: #c2c2c2;
	font-size: 60%;
	text-align: left;
	vertical-align: bottom;
	}

.placeholder {
	color: #c2c2c2;
	font-size: 60%;
	text-align: left;
	vertical-align: bottom;
	}


.hasTooltip span
   {
   display: none;
   color: #000;
   z-index: 1;
   text-decoration: none;
   padding: 5px;
}


.hasTooltip:hover span
   {
   display: block;
   position: absolute;
   background-color: #555;
   z-index: 1;
   color: #fff;
   border: 2px solid #CCC;
   margin: 2px 2px;
   border-radius: 6px;
   border-color: red;
   font-size: 100%;
}

.hasTooltip_ulli span
   {
   display: none;
   color: #000;
   z-index: 1;
   text-decoration: none;
   padding: 5px;
}


.hastooltip_ulli:hover span
   {
   display: block;
   position: absolute;
   background-color: #555;
   z-index: 1;
   left: 150px;
/*   width: 350px;*/
   white-space: nowrap;
/* max-width: 350px; */
   color: #fff;
   border: 2px solid #CCC;
   margin: 2px 2px;
   border-radius: 6px;
   border-color: red;
   font-size: 100%;
}

.flaggensymbol {
   float: center;   
   margin: 0 auto;
   width: 24px;
   height: 16px;
   vertical-align: middle;
}

.flaggensymbol_klein {
   float: center;   
   margin: 0 auto;
   width: 18px;
   height: 12px;
   vertical-align: middle;
}



textarea {
	color: #1F1F1F;
	font-family: Verdana,sans-serif;
	font-size: 100%;
	border: 1px solid #7F9DB9;
	background-color: #FFFFFF;
	width: 817;
	height: 200px;
	padding: 20px;
	resize: auto;
	}


select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 100%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 120px;
} 

select.width40 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 100%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 40px;
} 

select.width240 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 100%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 200px;
} 

select.font {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 100%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;

border:1px solid red;
padding:2px;

	width: 150px;
}

select.font100 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 100%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;

border:1px solid red;
padding:2px;

	width: 120px;
}

select.font120 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 120%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 150px;
}

select.font250 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 2px 25px 2px 2px;
	border-radius: 0;
 	font-size: 110%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 230px;
}


select.font150 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 150%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 150px;
}

select.user {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 3px;
	border-radius: 0;
 	font-size: 150%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 220px;
}

select.show {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	padding: 1px 22px 1px 1px;
	border-radius: 0;
 	font-size: 110%;
	background-image: url(select-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 10px;
}


div#login {
	margin: 0px auto;
	width: 1000px;
	border: 1px solid;

}


div#desktop-image {
	margin: 0px auto;
	width: 770px;
	border: 0px solid;

}

div#desktop-hh-image {
	margin: 0px auto;
	width: 770px;
	border: 0px solid;

}

div#history_data {
	margin: 0px auto;
	width: 770px;
	border: 0px solid;

}

div#advertising {
	margin: 0px auto;
	width: 1000px;
	border: 0px solid;
        font-size: 50em;
	color: red;
}



a {
	text-decoration: none;
}


header {
	position: relative;
	width: 100%;
	height: 60px;
	margin:2px auto 0px;
	color:red;
	top: 0;
}

header h1 a {
	display:block;
	color:white;
	padding:10px 0 0 20px;
	font-size:140%;
}

header h1 span {
	font-size:100%;
	color:red;
	padding: 0 20px;
}

header a#navlink {

	display:none;
	float: right;
	text-decoration: none;
	font-size: 1.8em;
	font-weight: bold;
	margin:20px 20px 0 0;
}

ul#header-top { 
	position:absolute; 
	top:0px;
	right:10px;
	list-style-type: none;  
}

ul#header-top  li		{ float: right; list-style-type: none; padding: 0px 10px; border-left: 1px #ACACAC solid; color: #444444;}
ul#header-top  li:last-child	{ border: none; }	

header p{
	background: grey; /* url("img/head.png") bottom left no-repeat;*/
	width:  100%;
	height: 60px;
	margin: 0 auto;

}

input[type="text"]
      {
      font-size: 150%;
      margin-top:0px;
      margin-bottom:0px;
      background-color: #fff;
      }

input[type="text_low"]
      {
      font-size: 110%;
//      margin-top:0px;
//      margin-bottom: 0px;
      background-color: #fff;
//      padding: 0px;
      }

input[name="text_low"]
      {
      font-size: 110%;
/*      margin-top:0px;
      margin-bottom: 0px;
      background-color: #fff;    */
      padding: 0px;
      }

input[type="text_search"]
      {
      font-size: 110%;
/*      margin-top:0px;
      margin-bottom: 0px;
      background-color: #fff;    */
	background-image: url('b_drop.png');
	background-position: 10px 10px;
      padding: 0px;
      }

input[name="document_type"]
      {
      font-size: 110%;
/*      margin-top:0px;
      margin-bottom: 0px;
      background-color: #fff;    */
      padding: 0px;
      }

input[type="password"]
      {
      font-size: 150%;
/*      margin-top:0px;
      margin-bottom:0px;   */
      background-color: #fff;
      padding: 0px;
      }
/*
input[type="password_low"]
      {
      font-size: 110%;
      margin-top:0px;
      margin-bottom:0px;
      background-color: #fff;
      }
*/

input[type="date"]
      {
      display:block;
      font-size: 110%;
      margin-bottom:0px;
      background-color: #fff; /* #eee; */
      }

input[type="tel"]
      {
      display:block;
      font-size: 150%;
      margin-bottom:0px;
      background-color: #fff;
      }

input[type="checkbox"]
      {
      display:block;
      font-size: 180%;
      margin-bottom:0px;
      background-color: #eee;
      }

input[type="email"]:required:invalid, input[type="email"]:focus:invalid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
     background-position: right top;
     background-repeat: no-repeat;
     -moz-box-shadow: none;
     font-size: 150%;
     background-color: #fff
     } 

input[type="email"]:required:valid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF     0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
     background-position: right top;
     background-repeat: no-repeat;
     font-size: 150%;
     background-color: #fff;
     } 



input:required:invalid, input:focus:invalid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
     background-position: right top;
     background-repeat: no-repeat;
     -moz-box-shadow: none;
     } 

input:required:valid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
     background-position: right top;
     background-repeat: no-repeat;
     }

input[type="submit"] {
     padding:8px 20px; 
     background: #ccc;
     color: #535353; 
     border:0 none;
     cursor:pointer;
     -webkit-border-radius: 0px;
     border-radius: 0px; 
     margin: 2px;
     } 

input[name="flight_filter"] {
     padding:1px 5px 1px 5px; 
     background: #ccc;
     color: #535353; 
     border:0 none;
     cursor:pointer;
     -webkit-border-radius: 0px;
     border-radius: 0px; 
     margin: 1px;
     } 

input[type="reset"] {
     padding:8px 20px; 
     background: #ccc;
     color: #535353; 
     border:0 none;
     cursor:pointer;
     -webkit-border-radius: 0px;
     border-radius: 0px; 
     margin: 2px;
     } 

input[readonly] {
     background-color: #fff;
     color: grey;
     }


  input[value]:readonly {
    color: red;  //whitesmoke;
  }


main {

	position: relative;
	float:left;
	width: 100%;
	background: #fff;

	-webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 80px rgba(0,0,0,0.1) inset, 0 3px 1px rgba(0,0,0,0.15);
	min-height: 60em;

	min-height: -webkit-calc(100% - 100px);
    	min-height: -moz-calc(100% - 100px);
    	min-height: calc(100% - 100px);

	margin-bottom: 40px;

}



article {
	width: 88%; 
	float: right;

}



h1, h2 {
	font-size: 1.75em; 
	font-weight: normal; 
	padding-left: 15px; 
	color: #4E68AD; 
	border-left:5px solid #4e68AD;
}


	
h2 span {
	font-size: 0.70em; 
	color: #818181; 
	text-transform: none;
}



h3	{ 
	font-size: 1.25em; 
	font-weight: normal; 
	padding: 0px; 
	margin: 0px; 
	color: #4E68AD; 
}
		

 
p {
	text-align: left; 
	line-height: 1.1em;
}


a	{
	color: grey;
}


a:hover 	{ 
	color: red;
	text-decoration: none; 
}
a:focus 	{ 
	outline: none; 
}
a.more	{ 
	float: right; 
	font-weight: bold; 


}
a.more:hover { 
	color: #535353;
}
a.more:after{
	content:" \2192 ";
	font-size:1.2em;
	font-weight:bold;
}

#body_link a {
	padding:5px;
	font-size: 60%;
/*	font-weight:bold;*/
/*	float:left;*/
}

#body_link a:link { color:#d0d0d0; background-color:#0000a0; }
#body_link a:visited { color:#c0c0c0; background-color:#0000a0; }
#body_link a:hover { color:#ffffff; background-color:#000060; }
#body_link a:active { color:#f0f0f0; background-color:#00ff00; }

ul.square {
	list-style-type:square;
    color: #999999;
    float: left;
    margin: 0 0 10px 13px;
	font-weight:bold;
}

ul.square li{
	padding:10px;	
}




dl {
	margin-bottom:50px;
}
 
dl dt {	
    float:left;
    font-weight:bold;
    margin-right:5px;
    padding:5px; 
    width:140px;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
}

section#intro {
	width: 100%;
	padding:20px 0.5% 50px;
	float: left;

}

section.spalte {
	width: 40%;
	padding:0px 2%;
	float: left;
	font-size: 250%;
	color: #888888;
}

section.spalte33 {
	width: 33%;
	padding:10px 2%;
	float: left;
}

section.footer {
	width: 100%;
	padding:10px 2%;
	float: left;
}


section p img {
	float:center;
	margin:0px 0px 0px 0px;
}




td img {
	/*display: block;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0 auto;
}

img {
	float: center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#navigation img {
	float: center;
	margin: 0 auto;
	padding: 15px 0px 0px 42px;
}

nav#navigation {
	float: left;
	margin-right: 0px;
	width: 12%;
}
	
#navigation ul ul {
	display: none;

}

#navigation ul li:hover > ul {
	display: block;
}

#navigation ul {
	float: left;
	list-style-type: none;
	width: 100%;
	margin-bottom:30px;
	padding:0 0 0 0;
	margin:3px;


}

#navigation ul li {
	position:relative;
}

#navigation ul li.first-child {
	border-top: 1px #DBDBDB solid;
	color: yellow;
}

#navigation li.high {
	color: yellow;
}


#navigation ul li:hover a, #navigation ul li:active a {
	float: left; 
	width: 145px; 
	color: yellow; 
	background: #535353;
}


#navigation ul li a {
	
    background: lightgrey;
    color: #535353;
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.redadmin a {
	
    background: lightgrey;
    color: red;
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.redadmin:hover a {
	
    background: #535353;
    color: yellow;
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.high a {
	
    background: lightgrey;
    color: red; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.green a {
	
    background: lightgrey;
    color: green; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.yellow a {
	
    background: lightgrey;
    color: yellow; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.red a {
	
    background: red; /*lightgrey;*/
    color: white; /*red; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

/*
#navigation ul li.redadmin a {
	
    background: lightgrey;*/
    color: red; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}
*/

#navigation ul li.high:hover a {
	
    background: #535353;
    color: red; /*#535353;*/
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
  
  padding: 0.3em;
    text-decoration: none;
    width: 145px;
    margin: 2px;
}

#navigation ul li.green:hover a {
	
	background: #535353;
	color: green; /*#535353;*/
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.3em;
	text-decoration: none;
	width: 145px;
	margin: 2px;
}

#navigation ul li.yellow:hover a {
	
	background: #535353;
	color: yellow; /*#535353;*/
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.3em;
	text-decoration: none;
	width: 145px;
	margin: 2px;
}

#navigation ul li.red:hover a {
	
	background: #535353;
	color: red; /*#535353;*/
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.3em;
	text-decoration: none;
	width: 145px;
	margin: 2px;
}


#navigation ul li a:before{
	content:" ";
	display:inline-block;
	width:10px;
	height:15px;
	border-left:2px solid #CCC;
}	
		
#navigation ul ul {
	position: absolute; 
	top:141px;left:140px;
	z-index:99;
}

#navigation ul li:hover ul {
	display:block;
}

#navigation ul ul li {
	display:block;
	float: none;
	position: relative; 
}


#navigation ul ul li a {
	background: #97b314;
	color: #fff;
}	
#navigation ul ul li a:hover {
	background:  #d0ff00;
	color:gray;
}

footer  {
	position: fixed; 
	bottom: 0em;
	background: black;
	width: 100%;
	max-width: 1600px;
	color: white;
	height: 40px;
	text-align: left;
	float: right;

} 

footer p {
	text-align: right;
	font-size: 12px;
	padding: 0px 5px;
	float: right;
}


@media only screen and (max-width: 1200px) {
body{width:100%}	

article {width:100%}
article section.spalte33 {width:50%;}

header a#navlink {
	display:block;
}

nav#navigation{
 float: left;
    margin-right: 0px;
    width: 100%;
}

div#desktop-image {
	width: 770px;
}


}

@media only screen and (max-width: 900px)
	{
	div#desktop-image
		{
		width: 520px;
	}

}


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


ul#header-top { 
	position:absolute;
}


p {
	text-align: left; 
	line-height: 1.1em; 
}


article section.spalte {width:100%;}
article section.spalte33 {width:100%;}

nav ul li{width:90%}

input[type="text"]
      {
      font-size: 150%;
      background-color: #fff;
      }

input[type="email"]:required:invalid, input[type="email"]:focus:invalid {
     font-size: 150%;
     background-color: #fff;
     } 

input[type="email"]:required:valid
     {
     font-size: 150%;
     background-color: #fff;
} 

input[type="email"]:required:valid
     {
     font-size: 120%;
     background-color: #eee;
} 

input[type="tel"]
     {
     font-size: 150%;
     background-color: #fff;
     }

input[type="submit"]
     {
     padding:8px 20px; 

     } 

input[type="reset"]
     {
     padding:8px 20px; 
     } 

#navigation{
	float:left;
	clear:left; 
	width:100%; 
	padding:0; 
	margin:0px;
}
#navigation ul {
	position:relative;
	padding:0;
	margin:3px;
	top:0;
	left:0%;
	width:100%;
	clear:left;
}
#navigation li {
	display: block; 
	padding: 0;
	margin: 0;
}

div#desktop-image {
	width: 260px;
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}



}			
/**/