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


BODY {
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
background-image:   url('../images/hg.jpg');
background-repeat:  repeat-x;
background-position: center top;
background-color: #ebebeb;
color: #000000;
}

.bild_links {
float: left;
margin: 0 15px 15px 0;
}

.referenzen_ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.referenzen_ul LI {
margin: 0 10px 10px 0;
padding: 10px;
border: 1px dotted #666666;
width: 435px;
}

.referenzen_ul LI:hover {
background-color: #dedede;
}

.spalte_komplett {
float: left;
width: 910px;
padding: 0 20px 20px 20px;
margin: 0 0 10px 0;
background-color: #dedede;

}


.spalte {
float: left;
width: 465px;
padding: 0;
margin: 0;
}

.spalte_insert {
width: 435px;
}


INPUT, TEXTAREA {
padding: 4px;
border: 1px solid #000000;
margin: 0 0 8px 0;
}

HR {
margin: 20px 0 20px 0;
border: 1px solid #000000;
}

.tabelle {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

.tabelle TD {
padding: 0 15px 0 0;
vertical-align: top;
}

.global {
width: 990px;
}

.insert {
width: 960px;
text-align: left;
}

.clear {
clear: left;
}

.logo {
float: left;
padding: 20px 20px 20px 0;
}

.logo_zusatz {
float: left;
font-size: 60px;
color: #ffffff;
padding: 57px 0 0 0;
font-weight: bold;
}

.menue {
background-color: #A40F0F;
width: 100%;
border-bottom: 2px dotted #FFFFFF;
border-top: 2px dotted #FFFFFF;
}

.menue_ul {
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
}

.menue_li {
margin: 0;
padding: 0 30px 15px 0;
float: left;
}

.menue_li_last {
margin: 0;
padding: 0 0 15px 0;
float: left;
}

.content {
background-image:   url('../images/rahmen.png');
background-repeat:  no-repeat;
background-position: center top;
width: 100%;
}

H1 {
color: #A40F0F;
font-size: 20px;
text-transform: uppercase;
}

.footer {
background-color: #A40F0F;
width: 100%;
border-top: 2px dotted #FFFFFF;
color: #FFFFFF;
}

a.menue_a {
}
a.menue_a:link,
a.menue_a:visited {
	color:				#ffffff;
text-decoration: none;
}
a.menue_a:hover,
a.menue_a:focus,
a.menue_a:active {
text-decoration: underline;
}

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

}

.spalte_footer {
padding: 0 40px 0 0;
float: left;
}

.tabelle_footer TD {
padding: 0 10px 0 0;
}

/* Navigation */
.Navigation {
padding: 0;
margin: 0;
}
.Navigation a {
	display:			block;
padding: 0;
margin: 0;
}
.Navigation li {
	float:				left;
	position:			relative;
}
.Navigation li li {
	float:				none;
	border-bottom:			1px dotted #97979b;
}
.Navigation li li a {
	font-size:			12px;
	padding:			10px 10px 10px 0px;
}
.Navigation li:hover .NavigationSpacer {
	display:			block;
}
.Navigation ul {
	list-style-type:		none;
}
.Navigation ul ul {
	border-left:			2px dotted #ffffff;
	border-bottom:			2px dotted #ffffff;
	border-right:			2px dotted #ffffff;
	padding:			0 10px 10px 10px;
}
.NavigationSpacer {
	position:			absolute;
	left:				-10px;
	top:				22px;
	background-color:		#A40F0F;
	display:			none;
	padding:			11px 0 0 0;
        z-index: 1002;
}