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

body {background-color:#ffffff;	width:100%;
			color:#000000; font-family:Arial, Geneva, sans-serif;
			font-style:normal; margin:0px;}

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

header {background-color:#757575; width:100%;			
	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:100%; min-width:180px; float:left;}	
header #logo img {width:200px; height:auto; float:left;}					
header #telefon	{width:100%; min-width:210px; float:left; font-size:medium; text-align:left;}

header #nav {width:35%; float:top; padding:0.5em 0.5em 0.5em 0.5em;}
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.2em; padding: 0; position: relative;}
header #nav li span {color:#000000;}

/* Unternavigation ausblenden */
header #nav ul ul {color:#ffffff;
	font: 0/0 serif;
	margin: -2.5em;
	padding: 0em 12em 0em;
	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: 0; 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.4em;
	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-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:640px;}

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:large; margin-bottom:10px; margin-top:0px;}		
main p 		{font-size:small;}

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

article {border: 1px solid grey; border-radius:1px;		
	padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:0px; 
	color: #000000;	font-size:small; text-align:left; vertical-align:text-top;}

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

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

footer table 	{width:100%;}
footer td	{vertical-align:text-top;}
footer #zaehler {float:left; width:33%; min-width:99px; font-size:x-small; text-align:left;}
footer #nav 	{float:left; width:30%; min-width:108px; padding-bottom:20px; text-align:center;}
footer #anschrift {float:right; width:30%; min-width:130px; padding-left:0px; padding-bottom:5px; text-align:right; font-size:x-small;}	
footer #telefon {float:right; width:30%; min-width:110px; padding-left:0px; padding-bottom:5px; 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:blue;}
nav a:visited 	{color:blue;}
nav a:hover	{color:blue;}
nav a:active	{color:#000000;}
nav a:focus	{color:blue;}

#mobile table {width:100%; text-align:left;}

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


#home {width:100%; height:250px; padding-top:20px; padding-bottom:20px;}
#home table {max-width:350px;}
#home td {text-align:left;}

#unternehmen-01 {width:100%; float:left; text-align:left;}
#unternehmen-02 {width:100%; float:left;}
#unternehmen_bild-01 {height:150px; width:auto; background-image:url(bilder/buero.jpg); background-repeat:no-repeat; background-position:50% 0px;}
		
#kontakt-01 		{width:100%; float:left; padding-left:2%;}
#kontakt-01 table	{min-width:300px;}
#kontakt-01 td 		{text-align:left;}

#kontakt-02 		{width:100%; float:left; overflow:auto}
#kontakt-02 table	{min-width:300px;}
#kontakt-02 td 		{text-align:left;}

#impressum-01 {width:100%; float:left; text-align:left;}
#impressum-01 table {padding-left:10px;}
#impressum-01 td {text-align:left;}

#impressum-02 {width:100%; float:left; text-align:left;}
#impressum-02 table {min-width:300px; padding-left:10px;}
#impressum-02 td {text-align:left;}
						
#projektierung-01 	{width:100%; float:left; text-align:left;}
#projektierung-02	{width:0%; float:left;}
#projektierung-03 	{width:100%; float:left; margin-top:5px;}
#projektierung_bild-01 	{height:0px; width:auto; background-image:url(bilder/projektierung-01.jpg); background-repeat:no-repeat; background-position: 0px 0px;}

#software-01 		{width:100%; float:left; text-align:left;}
#software-02 		{width:100%; float:left; margin-top:10px;}
#software-03 		{width:0%; float:left;}
#software_bild-01 	{height:180px; width:auto; background-image:url(bilder/software-01.jpg); background-repeat:no-repeat; background-position:50% 0px;}											
#software_bild-02 	{height:200px; width:auto; background-image:url(bilder/dummy.jpg); background-repeat:no-repeat;	background-position: 0px 0px;}

#retrofit-01 		{width:100%; float:left; text-align:left;}
#retrofit-02 		{width:0%; float:left;}
#retrofit-03 		{width:0%; float:left;}
#retrofit_bild-01 	{height:330px; width:auto; background-image:url(bilder/dummy.jpg); background-repeat:no-repeat; background-position:0px 0px;}  											
#retrofit_bild-02 	{height:300px; width:auto; background-image:url(bilder/dummy.jpg); background-repeat:no-repeat;	background-position:0px 0px;} 

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

#ibn-01 		{width:100%; float:left; text-align:left;}
#ibn-02 		{width:0%; float:left;}
#ibn-03 		{width:100%; float:right;}
#ibn_bild-01 		{height:0px; width:auto; background-image:url(bilder/dummy.jpg); background-repeat:no-repeat; background-position: 0px 0px;}
#ibn_bild-02 		{height:150px; width:auto; background-image:url(bilder/ibn-02.jpg); background-repeat:no-repeat; background-position: 50% 0px;} 	

#service-01 		{width:100%; float:right; text-align:left;}
#service-02 		{width:0%; float:left;}
#service-03 		{width:0%; float:right;}
#service_bild-01 	{height:0px; width:auto; background-image:url(bilder/dummy.jpg); background-repeat:no-repeat; background-position:0px 0px;}    											  	  																						

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