﻿/*css stylesheet @ www.prof-f-gmbh.de @*/

body,table,th,td,tr,p,h1 {font-family: Arial, Helvetica, sans-serif;}
body,th,td,tr,p {font-size: 13px;}

body { background-color:#FFFFFF }
table { margin-left:auto; margin-right:auto ; margin-top:0px;  width:720px; }
table,tr,td {padding:0; border-spacing:0;}

h1 {font-size: 15px;}

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

.tlink{
	color:inherit;
	text-decoration:none;	
}

a.blue {	margin-left:auto;margin-right:auto;margin-bottom:2px; font-size: 20px;text-decoration: none;display:block;width:170px;text-align:center;border-style:solid;border-width:3px;}
a.blue:link {color:#FFFFFF}
a.blue:visited {	color:#FFFFFF}
a.blue:active {color:#FFFFFF}
a.blue:hover{color:#0000FF; background-color:#FFFFFF;}

#active{
	color:#0000FF; background-color:#FFFFFF;
}

#inactive{
	opacity:0.5;
}

.fla:hover #inactive{
	opacity:1;
}

.fl{
	width:30px;
	margin-top:10px;
	border-left:10px;
	border-right:10px;
	border-style:solid;
	border-color:blue;
}


a.black {	font-size: 20px;text-decoration: none;}
a.black:link {color:black}
a.black:visited {color:black}
a.black:active {color:#FF0000}
a.black:hover{color:#0000FF;text-decoration: underline overline;}

#table1{
	margin-top:10px;
	background-color:#0000FF;
	}
#tr1{
	height:36px;
	}	
#tr2{
	height:149px;
	}
#tr3{
	height:149px;
	}	
#tr4{
	height:330px;
	}
#tr4half{
	height:165px;
	}
#tr5{
	height:628px;
	}	
/*	
#tr5agb{
	height:3000px;
	}	
*/
#td1{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:center; 
	width: 100%;
	}
#tdleft1{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:center; 
	width: 25%;
}
#tdleft5{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:top;
	text-align:center; 
	width: 25%;
	}
#tdmid1{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 55%; 
	text-align:center;
	font-size: 23px;
	}
#tdmid1top{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	width: 55%; 
	text-align:center;

	font-size: 23px;
	}	
#tdmid1a{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 55%; 
	}		
#tdmid1ab{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 55%; 
	}	
#tdmid1w{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:top;
	width: 55%;
	}
#tdmid1wa{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:top;
	width: 55%;
	}
#tdmid1wbackground1{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 55%;
/*	background-image:url('../images/pool/1.jpg'); */
	background-size: 395px 100%;
	background-repeat:no-repeat;
	background-position:left;
/*	border:1px solid white; */
	position:relative; 
	}	
#tdmid1wbackground2{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:top;
	width: 55%;
	background-image:url('../images/bgbborder.jpg');
	background-size: 50% 100%;
	background-repeat:no-repeat;
	background-position:right;
	}		
#tdmid1i{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:center;
	width: 15%;
	}	
#tdmid1o{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 25%;
	}	
#tdmid1wa{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:top;
	width: 55%; 
	}
#tdmid1wb{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:top;
	width: 70%; 
	}	
#tdmid1wbimgbg{
	background-color:#FFFFFF;
	background-image:url('../images/effect5.jpg');
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position:center; 
	width: 70%; 
	}	
#tdmid1wbimgbgfun{
	background-color:#FFFFFF;
	background-image:url('../images/effect1.jpg');
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid white;
	width: 70%;
	}	
#tdmid1wbimg{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 70%; 
	}	
#tdright1{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 15%; 
	text-align:left;
	}
#tdright1w{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 15%;
	}		
#tdright1wa{
	background-color:#FFFFFF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 0%;
	animation:myfirst1 10s;
	-webkit-animation:myfirst1 10s; /* Safari and Chrome */
	}	
#tdright2{
	background-color:#0000FF;
	color:#FFFFFF;
	vertical-align:middle;
	width: 5%; 
	}
#p1{
	color:black; 
	text-align:center;
	width:98%;
	font-size:15px;
	font-weight:600;
	position:relative;
	top:0px;
	left:5px;
	}
#p2{
	color:black; 
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	font-size:15px;
	}
.p2{
	color:black; 
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	font-size:15px;	
}	
#p3{
	color:black; 
	text-align:left;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	font-size:15px;
	}
#p7{
	text-align:left; 
	position:relative;
	left:25%;
	top:20%;
	color:black;
	}
#h1a{
	color:#0000FF;
	text-align:center;
	font-size: 23px;
	}
#a1{
	position:relative;
	left:32%;
}	
#a2{
	position:relative;
	left:10px;
}
#img1{
	width:78px;
	height:97px;
	}
#line{
	width:80%;
	color:#0000FF;
	position:relative;
	left:0%;
	top:10px;
	}
#kontakt{
	width:58%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	background-color:yellow; 
	}
.kontakt{
	width:48%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
}
#kontakttable{
	width:100%;
	position: relative;
	left: 0px;
	top:0px;
	
	}
#kontaktrow{
	color:black; 
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	}
.kontaktrow{
	color:black; 
	text-align:left;

	}
.kontakt1{
	width:28%;
	font-size:15px;
}

.kontakt2{
	width:72%;
	font-size:15px;
}		

#formular{
	width:75%;
	height:200px;
	position:relative;
	top:0px;
	left:12.5%;
	text-align:left;
}
#input1{
	width:100%;
}
#input2{
	width:100%;	
}
#input3{
	width:100%;	
}
#submit{
	width:26%;
	position:relative;
	left:0px;
	top:0px;
}
#produktliste{
	color:black;
	list-style-type:disc;
	margin: 0;
	padding:0;
	text-align:left;
	font-size: 15px;
	font-variant:normal;
	font-weight:900;
}
#produktkasten{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
#unterpunktekasten{
	width:75%;
	position: relative;
	left: 23px;
	top: 0px;
	background-color:white;
}
#unterpunkteliste{
	color:black;
	list-style-type:circle;
	margin: 0;
	padding:0;
	text-align:left;
	font-size: 15px;
	font-variant:normal;
	font-weight:normal;
}
#unternehmen{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
#karriere{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
#aufgabenliste{
	color:black;
	list-style-type:disc;
	margin: 0;
	padding:0;
	text-align:left;
	font-size: 13px;
}
#aufgabenkasten{
	width:80%;
	position: relative;
	left: 18%;
	top:0px;
	text-align:left;
}
#pbutton{
	color:black;
	width:100%;
	position:relative;
	left:0%;
	top:0px;
	text-align:center;
}
#agb{
	width:96%;
	height:100%;	
	position: relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}	
#agbframep{
	width:100%;
	color:black;
	}
#formulartable{
		width:100%;
		color:black;
	}	
#ftr1{
	height:30px;
	}
#ftr2{
	height:30px;	
	}
#ftr3{
	height:100px;
	}	
#ftd1{
	width:30%;	
	}
#kontaktframe{
	width:98%;
	height:250px;
	border:none;
	}	
@keyframes myfirst
{
from {background:#0000FF;}
to {background:#FFFFFF;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:#0000FF;}
to {background:#FFFFFF;}
}
#preloadandgoogledescription{
	width:11px;
	height:11px;
	position:absolute;
	left:-500px;
	top:-500px;
}
