﻿
a:link
{
color: rgb(70,122,165);
text-decoration:none;
}

a:visited
{ color: rgb(70,122,165);
text-decoration:none;
}

a:hover
{
color: rgb(80,80,80);
text-decoration:underline;
}

a:active
{
color: rgb(50,50,50);
text-decoration:none;
}

/*----------Navigation----------*/

#navigation-oben-links ul,
#navigation-oben-links li,
#navigation-oben-rechts ul,
#navigation-oben-rechts li
{ 
margin:0; 
padding:0;
display: inline; 
}

#navigation-oben-links a:link,
#navigation-oben-rechts a:link,
#navigation-links a:link
{ color: rgb(30,30,30);
text-decoration:none;
}

#navigation-oben-links a:visited,
#navigation-oben-rechts a:visited,
#navigation-links a:visited
{ color: rgb(50,50,50);
text-decoration:none;
}

#navigation-oben-links a:hover,
#navigation-oben-rechts a:hover,
#navigation-links a:hover
{
color: rgb(34,84,125);
text-decoration:underline;
}

#navigation-oben-links a:active,
#navigation-oben-rechts a:active,
#navigation-links a:active
{
color: rgb(34,84,125);
text-decoration:none;

}

#home #nav-home a,
#produkte #nav-produkte a,
#produkte #nav-konzeption a,
#referenzen #nav-referenzen a,
#referenzen #nav-ref-1 a,
#agb #nav-agb a,
#kontakt #nav-kontakt a,
#impressum #nav-impressum a,
#realisierung #nav-produkte a,
#realisierung #nav-realisierung a,
#technik #nav-produkte a,
#technik #nav-technik a,
#seo #nav-produkte a,
#seo #nav-seo a,
#barriere #nav-produkte a,
#barriere #nav-barriere a,
#ref-2 #nav-referenzen a,
#ref-2 #nav-ref-2 a,
#ref-3 #nav-referenzen a,
#ref-3 #nav-ref-3 a,
#ref-4 #nav-referenzen a,
#ref-4 #nav-ref-4 a,
#ref-5 #nav-referenzen a,
#ref-5 #nav-ref-5 a,
#ref-6 #nav-referenzen a,
#ref-6 #nav-ref-6 a,
#ref-7 #nav-referenzen a,
#ref-7 #nav-ref-7 a
{
color: rgb(40,90,140);
font-weight:bold;
}
 


/*----------Schriftgroessen & Überschriften----------*/

h1 {
	font-size: 13px;
	font-weight: bold;
}

h2 {

	font-weight: bold;
	font-size:1em;
}

.ueberschrift {
	font-size: 13px;
	font-weight: bold;
}
.abschluss {
	font-size: 9px;
}


.ref {
	font-size: 9px;
}

/*----------Body und allgemein----------*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/*----------Such----------*/

#such {
	visibility:hidden;
	width: 100%;
	height: 17em;
	position:absolute;
	left:0;
	right:0;
	top:0;
	overflow:scroll;

}

/*----------Container----------*/

#alle {
	width: 100%;
	position:relative;
	top: 0;
	left:0;
	right:0;
}

/*----------Hintergrundstreifen----------*/

#streifen {
	height: 178px;
	width: 100%;
	position:relative;
	top: 0;
	left:0;
	right:0;
}


/*----------Header----------*/
#header {
	height: 178px;
	width: 650px;
	position: relative;
	top: -178px;
	margin-left: auto; 
        margin-right: auto;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*----------Navigation----------*/

#navigation-oben-links {
	height: auto;
	width: auto;
	top: 160px;
	position: absolute;
	left: 10px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
}
#navigation-oben-rechts {
	height: auto;
	width: auto;
	top: 160px;
	position: absolute;
	right: 10px;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
}

/*----------Navigation Links----------*/
#navigation-links-bild {
	height: 380px;
	width: 128px;
	left: 0px;
	top: 178px;
	position: absolute;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#navigation-links {
	height: 380px;
	width: 108px;
	left: 10px;
	top: 178px;
	position: absolute;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

/*----------Streifen Rechts----------*/
#rechts-bild {
	
	visibility:hidden;
	height: 380px;
	width: 89px;
	top: 178px;
	position: absolute;
	right: 0px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#rechts {
	visibility:hidden;
	height: 380px;
	width: 89px;
	top: 178px;
	position: absolute;
	right: 0px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*----------Content----------*/
#content {
	height: auto;
	width: 470px;
	position: absolute;
	top: 178px;
        left: 160px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#ref-ref-1-1, #ref-ref-1-2, #ref-ref-1-3, #ref-ref-1-4, #ref-ref-1-5, #ref-ref-1-6, #ref-ref-1-7, #ref-ref-1-8, #ref-ref-1-9,#ref-ref-1-10,#ref-ref-1-11,#ref-ref-1-12,
#ref-ref-6-1, #ref-ref-6-2, #ref-ref-6-3, #ref-ref-6-4, #ref-ref-6-5, #ref-ref-6-6, #ref-ref-6-7, #ref-ref-6-8, #ref-ref-6-9,#ref-ref-6-10,#ref-ref-6-11, #ref-ref-6-12,
#ref-ref-2-1, #ref-ref-2-2, #ref-ref-2-3, #ref-ref-2-4, #ref-ref-2-5, #ref-ref-2-6, #ref-ref-2-7, #ref-ref-2-8,
#ref-ref-3-1, #ref-ref-3-2, #ref-ref-3-3, #ref-ref-3-4, #ref-ref-3-5, #ref-ref-3-6,
#ref-ref-4-1, #ref-ref-4-2, #ref-ref-4-3, #ref-ref-4-4, #ref-ref-4-5, #ref-ref-4-6,
#ref-ref-5-1, #ref-ref-5-2, #ref-ref-5-3
{
	height: 15.9em;
	width: 14.1em;
}

#ref-ref-text-1-1,#ref-ref-text-1-2,#ref-ref-text-1-3,#ref-ref-text-1-4,#ref-ref-text-1-5,#ref-ref-text-1-6, #ref-ref-text-1-7, #ref-ref-text-1-8, #ref-ref-text-1-9,#ref-ref-text-1-10,#ref-ref-text-1-11,#ref-ref-text-1-12,
#ref-ref-text-6-1,#ref-ref-text-6-2,#ref-ref-text-6-3,#ref-ref-text-6-4,#ref-ref-text-6-5,#ref-ref-text-6-6, #ref-ref-text-6-7, #ref-ref-text-6-8, #ref-ref-text-6-9,#ref-ref-text-6-10,#ref-ref-text-6-11, #ref-ref-text-6-12,
#ref-ref-text-2-1,#ref-ref-text-2-2,#ref-ref-text-2-3,#ref-ref-text-2-4,#ref-ref-text-2-5,#ref-ref-text-2-6,  #ref-ref-text-2-7,#ref-ref-text-2-8,
#ref-ref-text-3-1,#ref-ref-text-3-2,#ref-ref-text-3-3,#ref-ref-text-3-4,#ref-ref-text-3-5,#ref-ref-text-3-6,
#ref-ref-text-4-1,#ref-ref-text-4-2,#ref-ref-text-4-3,#ref-ref-text-4-4,#ref-ref-text-4-5,#ref-ref-text-4-6,
#ref-ref-text-5-1,#ref-ref-text-5-2,#ref-ref-text-5-3
{
	height: 15.9em;
	width: 27em;
	right: -1px;
	position:absolute;
}


#ref-ref-linie-1-1, #ref-ref-linie-1-2, #ref-ref-linie-1-3, #ref-ref-linie-1-4, #ref-ref-linie-1-5, #ref-ref-linie-1-6, #ref-ref-linie-1-7, #ref-ref-linie-1-8, #ref-ref-linie-1-9, #ref-ref-linie-1-10, #ref-ref-linie-1-11,
#ref-ref-linie-6-1, #ref-ref-linie-6-2, #ref-ref-linie-6-3, #ref-ref-linie-6-4, #ref-ref-linie-6-5, #ref-ref-linie-6-6, #ref-ref-linie-6-7, #ref-ref-linie-6-8, #ref-ref-linie-6-9, #ref-ref-linie-6-10, #ref-ref-linie-6-11,
#ref-ref-linie-2-1, #ref-ref-linie-2-2, #ref-ref-linie-2-3, #ref-ref-linie-2-4, #ref-ref-linie-2-5, #ref-ref-linie-2-6,#ref-ref-linie-2-7,
#ref-ref-linie-3-1, #ref-ref-linie-3-2, #ref-ref-linie-3-3, #ref-ref-linie-3-4, #ref-ref-linie-3-5,
#ref-ref-linie-4-1, #ref-ref-linie-4-2, #ref-ref-linie-4-3, #ref-ref-linie-4-4, #ref-ref-linie-4-5,
#ref-ref-linie-5-1, #ref-ref-linie-5-2
{
	height: 0.1em;
	width: 44em;
	left:0px;
}

.ref-ref
{
	height: 180px;
	width: 160px;
}

.ref-ref-linie
{
	height: 1px;
	width: 470px;
	left:0px;
}
	
.ref-ref-text
{
	height: 180px;
	width: 280px;
	right: 0px;
	position:absolute;
}

/*----------footer----------*/
#footer {
	height: 25px;
	width: 470px;
	left: 0;
	bottom: 0;
	position: relative;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	
}

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

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	border: 1px;
	border-color: rgb(40,90,140);
	height:auto;
	font-size:1em;
	border-style:solid;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	border: 1px;
	height:auto;
	border-color: rgb(40,90,140);
	font-size:1em;
	border-style:solid;
}







