@charset "UTF-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	}

html, body { height: 100%; margin: 0; padding: 0; }

body {
	background:#000;
	color:#999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}
	
p, h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
#container {
	margin: 30px auto 30px auto;
	width:985px;
	}
	
h1 {
	margin-top:10px;
	}
#navigation {
	width:280px;
	float:left;
	position:absolute;
	}
#navigation ul {
	list-style:none;
	border-top:1px solid #999;
	}
#navigation li {
	border-bottom:1px solid #999;
	line-height:23px;
	}
#navigation a{
	color:#999;
	text-decoration:none;
	margin:0 0 0 15px;
	}
	
	#content a {
	color:#999;
	text-decoration:none;
	margin:0 0px;
	}
#navigation a:hover, #navigation a.selected, #content a:hover {
	color:#fff;
	}
#content {
	width:685px;
	min-height:540px;
	margin: 0 0 0 300px;
	color:white;
	padding: 0 0 10px 0;
	}
#content div {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	clear:both;
	position:relative;
	width:670px;
	border-top:1px solid #999;
	}

#content div img.leftfloat {
	margin: 0 20px 20px 0px;
	
	}
#content div p {
	margin: 0 0 0 220px;
	}
#content hr {
	margin: 20px auto;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	clear:both;
	}

div#frontaddress {
		margin-left:50px;
		width:630px;
		}
		
#footer {
	border-top:1px solid #999;
	width:auto;
	height:60px;
	background:url(/images/bos_augenblicke.png) no-repeat;
	clear:both;
	}
#footer address {
	font-style:normal;
	margin: 0 0 0 320px;
	line-height:60px;
	}

#footer address a {
	text-decoration:none;
	color:#999;
	
	}
	
img.leftfloat {
	float:left;
	width:200px;
	margin:0 0 20px 0;
	}
	
img.floatleft {
	float:left;
	margin:0 20px 20px 0;
	}
	
#content div.textright {
	margin:0 0 0 220px;
	width:450px;
	clear:none;
	}
#content div.textright p{
	margin:0 0 0 0px;
	
	}
#content ul{
	margin:0 0 0 40px;
	
	}

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8em;
  vertical-align: top;
  
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 10px;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
 
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: 250px;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
  padding: 0 5px;
}
form.cmxform label {
  width: 200px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

fieldset {
	padding:15px;
	}

div.autor, div.autor a {
	font-size:8px;
	text-align:right;
	color:#666;
	text-decoration:none;
	}
#content div#gallery {
	margin:0px 0 0 0px;
	padding:0px;
	border:none;
	width:100%;
	height:100%;
	max-height:540px;
	min-height:200px;
	}
#main_bereich div {
	border-top:none;
}
#kontakt_formular .name, #kontakt_formular .email, #kontakt_formular .betreff, #kontakt_formular .inhalt, #kontakt_formular .spam ,#kontakt_formular .kopie_senden{
    text-align: right;
    width: 80px;
    float: left;
    margin: 5px;
	padding-top: 10px;
	clear:none;
}

#kontakt_formular .name_input, #kontakt_formular .email_input, #kontakt_formular .betreff_input, #kontakt_formular .inhalt_input, #kontakt_formular .kopie_text, #kontakt_formular .spam_input {
    width: 180px;
    float: left;
	margin: 5px;
	clear:none;
}
#kontakt_formular #spam {
	display:none;
}

#kontakt_formular .clear {
	clear:both;
}

	


@media screen and (min-width: 700px) and (max-width: 955px) {
	#container {
	margin: 30px auto 30px auto;
	width:680px;
	}
	#navigation {
	width:100%;
	float:none;
	position:relative;
	margin:0 20px 20px 20px;
	}
	#content {
	width:100%;
	min-height:540px;
	margin: 0 20px;
	color:white;
	padding: 0 0 10px 0;
	}	
	#content div {
		width:100%;
	}
	#footer address {
	font-style:normal;
	margin: 0 0 0 0px;
	line-height:auto;
	margin-top:60px;
	}
	#navigation a{
	color:#999;
	text-decoration:none;
	margin:0 0 0 0px;
	font-size:18px;
	}
}



@media screen and (min-width: 470px) and (max-width: 700px) {
	#container {
	margin: 10px auto 10px auto;
	width:480px;
	}
	#navigation {
	width:100%;
	float:none;
	position:relative;
	margin:0 20px 20px 20px;
	}
	#content {
	width:100%;
	margin: 0 20px;
	color:white;
	padding: 0 0 10px 0;
	position:relative;
	}	
	#content div, #content div p {
		width:100%;
		margin:0px;
	}
	#content div img {
		width:50%;
		height:auto;
		}
	#footer address {
	font-style:normal;
	margin: 0 0 0 0px;
	line-height:normal;
	margin-top:60px;
	}
	#navigation a{
	color:#999;
	text-decoration:none;
	margin:0 0 0 0px;
	font-size:18px;
	}
	#content div#gallery {
		width:100%;
		
		}
	#content img {
		width:100%;
		height:100%;
		}
	
	#content div#gallery {
		height: 0;
		padding-bottom: 56.25%; /* 16x9 ratio */
		position: relative;
		overflow: hidden;
		margin: 0 0 10px;
		}
		#content div#gallery iframe,
		#content div#gallery object,
		#content div#gallery embed {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0;
		left: 0;
	}
	div#frontaddress {
		margin-left:0px;
		width:100%;
		}
		
	form.cmxform label {
 		width: auto; /* Width of labels */
  		display:block;
		}
		textarea, input {
			width:100%;
			}
	
}

@media screen and (max-width: 470px) {
	#container {
	margin: 0px auto 0px auto;
	width:290px;
	}
	#navigation {
	width:100%;
	float:none;
	position:relative;
	margin:0 00px 20px 0px;
	}
	#content {
	width:100%;
	margin: 0px;
	color:white;
	padding: 0 0 10px 0;
	position:relative;
	}	
	
	#content div, #content div p {
		width:100%;
		margin:0px;
	}
	
	#footer address {
	font-style:normal;
	margin: 0 0 0 0px;
	line-height:normal;
	margin-top:60px;
	padding-bottom:20px;
	}
	
	div.autor {
	display:none;
	}
	#navigation a{
	color:#999;
	text-decoration:none;
	margin:0 0 0 0px;
	font-size:18px;
	}
	#content div#gallery {
		width:100%;
		}
	#content img {
		width:100%;
		height:auto;
		}
	
	#content div#gallery {
		height: 0;
		padding-bottom: 56.25%; /* 16x9 ratio */
		position: relative;
		overflow: hidden;
		margin: 0 0 10px;
		}
		#content div#gallery iframe,
		#content div#gallery object,
		#content div#gallery embed {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0;
		left: 0;
	}
	div#frontaddress {
		margin-left:0px;
		width:100%;
		}
		
	form.cmxform label {
 		width: auto; /* Width of labels */
  		display:block;
		}
		textarea, input {
			width:100%;
			}
	
}