@charset "utf-8";
/* CSS Document */

body 	{background-color:#D0D0D0; min-width:820px;
	color:#000000; font-family:Arial, Geneva, sans-serif;
	font-style:normal; margin:0px;}

img 	{max-width:100%; height:auto;}

header {background-color:#757575; color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal; font-size:small;
	padding: 5px; text-align:center;}

header table {width:100%;}
header #logo {width:25%; min-width:180px; float:left;}	
header #logo img {width:200px; height:auto; float:left;}					
header #telefon	{width:25%; min-width:240px; float:right; padding-top:5px; font-size:large; text-align:right;}
					
header #nav {width:60%; min-width:450px; float:left; padding-top:5px; padding-left:5%;}
header #nav:after {clear: left;content: "";}
header #nav ul {margin: 0; padding: 0; text-align: center; font-family:Arial, Geneva, sans-serif; font-style:normal; font-size:small;}
header #nav li {float: left; list-style: none; margin: 0; padding: 0; position: relative;}
header #nav li span {color:#000000;}

/* Unternavigation ausblenden */
header #nav ul ul {color:#ffffff;
	font: 0/0 serif;
	margin: 0;
	padding: 0 0 2em;
	position: absolute;
	top: 2em;
	z-index: -1;
	-webkit-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
/*  Unternavigation einblenden */
header #nav ul li:hover ul {color:#ffffff; font: inherit; z-index: auto;}
header #nav ul ul li {color:#ffffff; float: none; margin-bottom: 0em; margin-top: 0.3em;}

header #nav a {background-color:#727272; border-radius: 10px 10px 0 0;
	box-shadow: 0px 5px 10px white inset;
	color:#ffffff;
	display: block;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0.3em;
	text-decoration: none;
	width: 7.5em;
	-webkit-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;}

header #nav ul ul a {border: 0px solid black; border-radius: 20px; width: 12em;}

/* aktuelle Unterseite kennzeichnen */
header #nav a:focus {color:#ffffff;}
header #nav a:hover {color:#000000;}
header #nav a:link {color:#ffffff;}
header #nav a:focus {color:#000000; margin-top: 0; padding: -1em 0em 0em;}
header #nav a:hover {color:#ffffff; margin-top: -0.1em; padding: -1em 0em 0em; font-size:larger;}

header #nav ul ul a:focus {color:#ffffff; margin: 0em -0.2em; font-size:larger;}
header #nav ul ul a:hover {color:#ffffff; margin-top: -0.1em; padding: -1em 0em -1em; font-size:larger;}
						
#hilfscontainer {margin:0px auto; max-width:1024px;}

main 		{background-color:#ffffff; color:#000000;
		float:left; width:100%; padding-top:0px;
		font-size:medium; font-style:normal;}
				
main table	{width:100%;}
main h1 	{font-size:x-large; margin-bottom:10px;	margin-top:0px;}		
main p 		{font-size:small;}

nav 	{width: 100%; min-height:32px; margin:0px; float:left;}
nav td {text-align:center; font-size:medium; font-style:oblique;}

article {width:100%; color: #505050; min-height:540px;			
	float:top; padding-top:0px; padding-left:0px;
	padding-right:0px; padding-bottom:10px;}

article table {width:100%;}
article td {font-size:small; text-align:center;	vertical-align:text-top;}
article p {padding-left:20px; padding-right:20px;}
article img {width:200px; height:150px;}

footer 	{background-color:#757575; color: #ffffff;
	font-family:Verdana, Geneva, sans-serif; font-size:small;
	font-style:normal; padding:5px;}

footer table 	{width:100%;}
footer td	{vertical-align:text-top;}
footer #zaehler {float:left; width:25%; min-width:200px; font-size:x-small; text-align:left;}
footer #nav 	{float:left; width:25%; min-width:220px; margin-left:10%; text-align:center;}
footer #anschrift {float:right; width:15%; min-width:140px; margin-right:30px; text-align:right; font-size:x-small;}	
footer #telefon	{float:right; width:10%; min-width:110px; text-align:right; font-size:x-small; vertical-align:right;}	

hr {color:#707070}

a:link    {text-decoration:none; font-weight:    ; color: ; background-color:    ;}
a:visited {text-decoration:none; font-weight:    ; color: ; background-color:    ;}
a:hover   {text-decoration:none; font-weight:    ; color: ; background-color:    ;}
a:active  {text-decoration:none; font-weight:    ; color:	; background-color:    ;}
a:focus   {text-decoration:none; font-weight:    ; color:	; background-color:    ;}

header a:link, 	  footer a:link {color:#ffffff}
header a:visited, footer a:visited {color:#ffffff}
header a:hover,   footer a:hover {color:#000000}
header a:active,  footer a:active {color:#000000}
header a:focus,   footer a:focus {color:#ffffff}

nav a:link 	{color:#707070}
nav a:visited 	{color:#707070}
nav a:hover	{color:#505050;font-size:large}
nav a:active	{color:#000000}
nav a:focus	{color:#000000}

#mobile {visibility:collapse;}

#ueberschrift 		{width:100%; float:left; color: #000000; font-size:medium;}
#ueberschrift table	{width:100%;}
#ueberschrift td 	{text-align:center;}

#home 			{width:33%; height:280px; float:left;}
#home table		{max-width:100%;}
#home td 		{float:right; max-width:200px; min-height:270px; padding-left:12%; padding-right:12%;}

#unternehmen-01 	{width:70%; float:right; text-align:left;}
#unternehmen-02 	{width:26%; float:left;}
#unternehmen_bild-01 	{height:200px; width:auto; background-image:url(bilder/buero.jpg); background-repeat:no-repeat; background-position:100% 0px;}

#kontakt-01 		{width:30%; float:left; color:#000000; text-align:left; padding-left:5%;}
#kontakt-01 table	{min-width:300px;}
#kontakt-01 td 		{text-align:left;}

#kontakt-02 		{width:60%; float:left; color:#000000; text-align:left;}
#kontakt-02 table	{min-width:400px;}
#kontakt-02 td 		{text-align:left;}

#impressum-01 		{width:35%; float:left; color:#000000; text-align:left;}
#impressum-01 table 	{min-width:300px; padding-left:10px;}
#impressum-01 td 	{text-align:left;}

#impressum-02 		{width:64%; float:left; color:#000000; text-align:left;}
#impressum-02 table 	{min-width:300px; padding-left:10px;}
#impressum-02 td 	{text-align:left;}

#projektierung-01 	{width:70%; float:right; text-align:left;}
#projektierung-02 	{width:26%; float:left; margin-left:20px;}
#projektierung-03 	{width:60%; float:right; margin-top:10px;}
#projektierung_bild-01 	{height:225px; width:auto; background-image:url(bilder/projektierung-01.jpg); background-repeat:no-repeat; background-position: 0px 0px;}

#software-01 		{width:70%; float:right; text-align:left;}
#software-02 		{width:25%; float:left;}
#software-03 		{width:35%; float:right; margin-top:-150px;}
#software_bild-01	{height:200px; width:auto; background-image:url(bilder/software-01.jpg); background-repeat:no-repeat;	background-position:100% 0px;}											
#software_bild-02 	{height:200px; width:auto; background-image:url(bilder/software-03.jpg); background-repeat:no-repeat;	background-position: 30% 0px;}

#retrofit-01 		{width:70%; float:right; text-align:left;}
#retrofit-02 		{width:25%; float:left;}
#retrofit-03 		{width:70%; float:right; margin-top:-275px;}
#retrofit_bild-01 	{height:330px; width:auto; background-image:url(bilder/retrofit-02.jpg); background-repeat:no-repeat; background-position:95% 25%;}  											
#retrofit_bild-02 	{height:300px; width:auto; background-image:url(bilder/retrofit-01.jpg); background-repeat:no-repeat;	background-position:95% 0px;} 

#robotik-01 		{width:70%; float:right; text-align:left;}
#robotik-02 		{width:27%; float:left; margin-top:10px;}
#robotik-03 		{width:35%; float:right; margin-top:-180px;}
#robotik-04 		{width:100%; float:left; text-align:center;}
#bild_robotik-01 	{height:170px; width:auto; background-image:url(bilder/robotik-01.jpg); background-repeat:no-repeat; background-position:100% 0px;}  	
#bild_robotik-02 	{height:180px; width:auto; background-image:url(bilder/robotik-02.jpg); background-repeat:no-repeat; background-position:87px 0px;}

#ibn-01 		{width:70%; float:right; text-align:left;}
#ibn-02 		{width:27%; float:left;}
#ibn-03 		{width:70%; float:right; margin-top:5px;}
#ibn_bild-01 		{height:160px; width:auto; background-image:url(bilder/ibn-01.jpg); background-repeat:no-repeat; background-position: 90% 0px;}
#ibn_bild-02 		{height:150px; width:auto; background-image:url(bilder/ibn-02.jpg); background-repeat:no-repeat; background-position: 30% 0px;} 											

#service-01 		{width:70%; float:right; text-align:left;}
#service-02 		{width:27%; float:left; margin-top:5px;}
#service_bild-01 	{height:330px; width:auto; background-image:url(bilder/service-01.jpg); background-repeat:no-repeat;	background-position:75% 0px;}    											  	  																						
 

#dummy-01 {border: 0px solid black; border-radius:1px; width:70%; float:right; text-align:left;}