/*@import "http://angelika-niescier.de/form.css";*/

* {margin:0; padding:0;}

@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Light.ttf');
	font-weight: light;
	font-style:  normal;
 }



html {/*background: url('images/bild2website.jpg') no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



body {
	border: 0;
	color: #555;
	font-family: 'Lato';
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: light;
	/*font-style, font-variant, font-weight, font-size/line-height, font-family*/
}
.news-blogs {
	display: flex;
	justify-content: space-between;
}
.blog {
	width: 472px;
	margin-top: 4em;
	margin-bottom: 4em;
}
.blog img {
	margin-top: 0.5em;
}
#wrapper {max-width: 1200px; margin:20px auto;border: 0px solid red;}

#header {background-color: #fff;}
#menu {margin-top: 30px;}
#left {float: left; }
#main { min-height: 800px; border: 0px solid yellow;}
#right {width: 472px;  height: 723px; float:right; border: 0px solid green;
	margin-left: 80px; margin-bottom: 18px;}
#inhalt {margin-top: 60px;border: 0px solid yellow;}
#footer {clear: both; margin-top: 60px;}
#footer img { margin-top: 14px; }

td {vertical-align:top; padding:0.5em 0.2em;}
.tour td {vertical-align:top; padding: 3px 8px;}

/*---------------- Schriften, Links, etc. --------------------------------*/

h1 {font-size: 4.4em; line-height: 1em; font-weight: light; font-family: 'Lato'; letter-spacing: 2px; padding-left:10px;}
h2 {font-size: 0.7em; line-height:1em; font-family: 'Lato'; letter-spacing: 7px; padding: 0px; margin-left: 270px; margin-top:10px;}
h3 {margin-bottom: 20px; font-weight: normal;line-height: 1.6em;}
p {line-height: 1.6em; padding: 10px 0px;}
.smallgrey a {color:#444; font-size: 0.7em;padding:0;margin:0;}
hr {border: 0; background-color:#ccc;height:1px;}
blockquote {margin-left: 30px;}

ul { margin: 15px 0px 50px 0px; padding-top: 0px; background-color:rgba(0,0,0,0);}
li { 
    list-style: none;
    margin-top: 0; padding: 0;
    display: inline;

  }
#menu a {	font-size:1.1em; line-height: 1.3em; padding: 6px 10px; letter-spacing: 0px; margin-top: 0px;
    background-color:rgba(255,255,255,0.2);
	text-decoration: none; color: #555;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    /* ...and now for the proper property */
    transition:.3s;
     border: 1px solid white;
  }
a {	
	text-decoration: underline; color: #336; 
	-o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    /* ...and now for the proper property */
    transition:.3s;
  }

#menu a:hover {color: #000; border-bottom: 1px solid #ccc;}

.aboutback {float:right;}

.gallery img {border: 1px solid grey;padding:0;margin: 0 6px 6px 0;}

img {border:0;}
a img {border:0;}
a:visited img {border:0;}

.edit {margin:1em;}
.edit input {margin:0.2em 0.2em 0.2em 0em; padding: 3px;  font-size: 1em;font-family: 'Lato';color:#555;}
td {vertical-align:top;}

#inhalt hr { margin-top: 20px; margin-bottom: 20px; }

/*---------------   Formular  ---------------------------------------*/

.white-pink {

    max-width: 500px;
    background: #FFF;
    padding: 20px 30px 10px 30px;
    margin-bottom: 30px;
    box-shadow: rgba(187, 187, 187, 1) 0 0px 5px -1px;
    -webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 5px -1px;
    color: #555;
    border-radius: 6px;
    -webkit-border-radius: 10px;
}
.white-pink h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #F5F5F5;
    margin: -10px -30px 10px -30px;
    color: #969696;
}
.white-pink h1>span {
    display: block;
    font-size: 11px;
    color: #C4C2C2;
}
.white-pink label {
    display: block;
    margin: 0px 0px 5px;
}
.white-pink label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #555;
}
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{
    color: #555;
    width: 70%;
    padding: 3px 0px 3px 5px;
    margin-top: 4px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    line-height:15px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}
.white-pink textarea{
    height:70px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.white-pink .button {
    -moz-box-shadow:inset 0px 0px 0px 0px #bbb;
    -webkit-box-shadow:inset 0px 0px 0px 0px #bbb;
    box-shadow:inset 0px 0px 0px 0px #bbb;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #ccc) );
    background:-moz-linear-gradient( center top, #fff 5%, #ccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc');
    background-color:#ddd;
    border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-border-radius:9px;
    border:1px solid #bbb;
    display:inline-block;
    color:#555;
    font-weight:light;
    height: 30px;
    line-height: 20px;
    width:100px;
    text-align:center;

}
.white-pink .button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccc), color-stop(1, #fff) );
    background:-moz-linear-gradient( center top, #ccc 5%, #fff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#fff');
    background-color:#999;

}
.white-pink .button:active {
    position:relative;
    top:1px;
}
.white-pink select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    line-height: 15px;
    height: 30px;
}