﻿abbr[title] {
	border-bottom-width: 0px;
}
body {
	margin: 0px;/*Don't touch top or the background breaks*/
	background: #333333 url('../images/background_main.png') repeat-y top; /*Don't touch top or the background breaks*/
	font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;/*CSS is no not valid cause of this, but its necessary for the correct font-size on the iphone*/
	color: #FFFFFF;
}
div.clear {
	clear: both;
	height: 100%;/*Don't touch or it breaks the background*/
}
div.clearLeft {
	clear: left;
	height: 0.1px;
	margin: 0px;
	padding: 0px;
}
div.frameContent {
	float: left;
	width: 555px;
	margin-bottom: 25px;/*Distance between frameContent and frameFooter*/
	padding-left: 30px;
	line-height: 22px;
}
div.frameContent p {
	margin: 25px 20px 0px auto;
}
div.frameContent p a img {
	background-color: #FFFFFF;
}
div.frameContent p a:hover img {
	background-color: #77D985;
}
div.frameContent p strong {/*Now even stronger!!1!11*/
	display: inline;
	position: static;
}
div.frameContent strong {
	display: block;
	position: relative;
	left: -25px;
	margin: 20px auto 0px auto;
	text-align: center;
	font-size: 115%;
}
div.frameContent ul {
	margin: 10px auto 0px auto;
}
div.frameFooter {
	float: left;
	width: 585px;
	background: transparent url('../images/background_line.png') no-repeat top;/*Topline*/
	padding-top: 15px;/*Distance between topline and text in the footer*/
	font-size: 11px;
	color: #CDCDCD;
	line-height: 16px;
	letter-spacing: 1px;
}
div.frameHeader {
	float: left;
	width: 100%;/*Don't touch or the header breaks*/
	height: 30px;
	margin-bottom: 20px;/*Distance between naviTop and framePicture*/
	background: transparent url('../images/background_line.png') no-repeat bottom;/*Bottomline*/
}
div.frameHeader ul {
	margin-right: 15px;
	list-style-type: none;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}
div.frameHeader ul li {
	float: right;
	position: relative;/*Correction of position with top*/
	top: -6px;
	width: 50px;
	margin-right: 15px;
	border-right: 1px solid #FFFFFF;/*Draws a line behind every element*/
	padding-right: 15px;
}
div.frameHeader ul li.language {
	float: left;
	position: relative;/*Correction of position with top*/
	top: -6px;
	left: -50px;
	width: 150px;
	margin: 0px;
	border-right: none;/*Don't draw a line behind the language element*/
	padding: 0px 0px 0px 30px;
	text-align: left;
	text-decoration: none;
}
div.frameHeader ul li.last {
	border-right: none;/*Don't draw a line behind the right-most element*/
}
div.frameHeader ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
div.frameHeader ul li a:hover {
	display: block;
	color: #77D985;
	text-decoration: underline;
}
div.frameHeader ul li.language a:hover {
	text-decoration: none;
}
div.frameLeft {
	float: left;
	width: 300px;/*Width of white background*/
	margin: 0px 15px 0px 16px;/*Width of shadow-borders left and right*/
	background-color: white;/*Should the background-image break the menu can still be seen*/
}
div.frameMain {
	width: 930px;/*Width of background_main.png*/
	height: 100%; 
	margin: auto;/*Keeps the window centered*/
	background: #333333 url('../images/background_main.png') repeat-y;/*Breaks in IE if the background isn't repeated here*/
}
div.frameRight {
	float: left;
	width: 599px;/*Width between menu shadow and right border*/
	height: 100%;
}
div.frameRightContainer {
	float: left;
	width: 585px;/*Width of grey background (then comes a margin-right: 14px (right shadow border), but no need to declare it)*/
	height: 100%;
}
div.frameTitlePicture {
	float: left;
	width: 585px;
	margin-bottom: 20px;/*Distance between framePicture and frameContent*/
}
div.konterfei {
	float: left;
	width: 130px;
	height: 156px;
	margin-top: 20px;/*Distance between content text and urkunden on index.php*/
}
div.urkunden {
	float: left;
	width: 130px;
	height: 156px;
	margin-top: 30px;/*Distance between content text and urkunden on index.php*/
}
h1 {
	margin: 0px auto 10px auto;
	font-size: 20px;
	color: #77D985;
	font-weight: bold;
	letter-spacing: 0.5px;
}
h1.more {
	margin: 35px auto 10px auto;
}
h2 {
	position: relative;
	top: 20px;
	margin: 10px auto 5px auto;
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 0.8px;
}
h3 {
	margin: 10px auto 5px auto;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 0.5px;
}
h4 {
	margin: 0px auto 5px auto;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.8px;
}
html {
	height:	100%;
	margin-bottom: 1px;
}
img {
	border: none;
}
p.small {/*Firefox and IE 8 ignore small line-heights in a <small> tag*/
	margin: 10px auto 0px auto!important;
	font-size: 11px;
	color: #CDCDCD;
	line-height: 13px;
}
small {
	font-size: 11px;
	color: #CDCDCD;
}
table.marken {
	width: 500px;
	margin-top: 30px;
	border: 10px solid #666666;
	background-color: #FFFFFF;
	border-spacing: 5px;
}
table.marken div img {
	display: block;
	position: relative;
	margin: auto;
}
