/* asap-regular - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asap-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Asap Regular'), local('Asap-Regular'),
       url('../fonts/asap-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v7-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}


body{
	margin: 0px;
	padding: 0px;
	font: 0.98em 'Asap', Arial, Helvetica, sans-serif;
	color: #000;
}

a:link, a:visited{
	color: #000;
	text-decoration: underline;
}
a:hover, a:active{
	color: #666;
	text-decoration: none;
}

h1{
	font: normal 1.2em 'Asap', Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 5px;
}
h2{}
p, li, td{
	font-size: 0.89em;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
	color: #333;
	margin: 0px;
}
ul{
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
}
li{
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(../images/common/bullet.png) no-repeat 6px 14px;
}
td{
	margin: 0px;
	padding: 2px 4px 2px 0px;
}
#container {
	background: url(../images/common/bg.png) 0px 161px;
	width: 958px;
	margin-top: 46px;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	background: #666;
	height: 136px;
	width: 494px;
	border-right: 8px solid #FFF;
	float: left;
	padding-top: 25px;
}
#nav ul{
	margin: 0px;
	padding: 0px;
}
#nav li{
	text-align: right;
	list-style: url(../../css/none) none;
	margin: 0px 22px 0px 0px;
	padding: 0px 0px 2px;
}
#nav li a, #nav li a:visited{
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
}
#nav li a:hover, #nav li a:active{
	font-weight: bold;
	color: #FFDC13;
}
#nav li a.cur{
	font-weight: bold;
	color: #FFDC13;
}

#kontakt {
	float: left;
	margin-top: 28px;
	margin-left: 22px;
}
#kontakt a, #kontakt a:visited{
	text-decoration: none;
	font-size: 0.92em;
}
#kontakt a:hover, #kontakt a:active{
	font-weight: bold;
}
#logo {
	float: right;
}
#head {
	height: 161px;
	clear: both;
	background: #FFF;
}
#gallery {
	background: #666;
	height: 333px;
	width: 494px;
	border-right: 8px solid #FFF;
	border-bottom: 8px solid #FFF;
	clear: left;
	float: left;
	text-align: right;
}
#pics{
	height: 333px;
	width: 333px;
	margin-left: 161px;
}
#tools {
	position: relative;
	top: 20px;
	width: 494px;
}
#copy {
	float: left;
	width: 161px;
}

#legende {
	width: 303px;
	float: left;
	font-size: 0.8em;
	color: #717171;
}
.next{
	float: left;
	width: 20px;
	padding: 1px;
}
#content {
	float: left;
	min-height: 727px;
	padding: 35px 22px;
	width: 412px;
	background: url(../images/common/impressum.png) no-repeat 160px bottom;
}
#contentwrap{
	position:absolute;
}
#content.full {
	
	margin-left: 161px;
	padding: 35px 22px;
	width: 750px;
	height: auto;
	background: #e3e3e3 url(../images/common/impressum.png) no-repeat 501px bottom;
}
#footer {
	clear: left;
	background: #FFF;
	padding-left: 626px;
	padding-top: 10px;
	font-size: 0.8em;
	padding-bottom: 25px;
}
#footer a:link, #footer a:visited{
	text-decoration: none;
	color: #000;
}
#footer a:hover, #footer a:active{
	text-decoration: underline;
	color: #000;

}