/* grundlegende Seiteneinstellungen */

body {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	text-align: center; /* Zentrierung im Internet Explorer */
}

div {
	margin:0;
	
}

.position {
		position: relative;
		width: 900px;
		height: 600px;
		text-align: left;    /* Seiteninhalt wieder links ausrichten */
		margin: 50px auto;      /* standardkonforme horizontale Zentrierung */
		
		}
.ro {
	position: relative;
	background:url(./pix/rahmen_or.jpg) top right no-repeat;
	left: -28px;

}

.o  {
	position: relative;
	background:url(./pix/rahmen_o.jpg) top repeat-x;
	width: 840px;
	left: 50px;
}

.l {
	position: relative; 
	background:url(./pix/rahmen_seite.jpg) repeat-y;
	top: 	11px;
	left:	0px;
	width: 	4px;
}

.r {
	position: relative;
	background:url(./pix/rahmen_seite.jpg) repeat-y;
	left: 	846px;
	height: 500px;
	width: 	4px;
}

.lo {
	position: relative;
	background:url(./pix/rahmen_ol.jpg) top left no-repeat;
	left: 0px;
}

.u {
	position: absolute;
	background:url(./pix/menu.png) no-repeat;
	width: 894px;
	height: 112px;
	margin: -31px 0px 0px 0px;
}

.impressum {
	padding-right: 0px;
	padding-top: 0px;
	width: 200px;
	height: 30px;
	text-align: right;
	margin: -30px 0px 0px 670px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
}

.notdienst {
	padding-left: 20px;
	padding-top: 55px;
	width: 200px;
	height: 30px;
	text-align: left;
	margin: -17px 0px 0px 0px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
}

.menu {
	position: absolute;
	background:url(./pix/sandra_start.png) no-repeat;
	margin:0px;
	top: 10px;
	left: 300px;
	width: 365px;
	height: 550px;
}

.menu_txt {
	position: absolute;
	margin:0px;
	top: 290px;
	left: 95px;	
	width: 130px;
	height: 160px;
}

.grey {
	position: absolute;
	padding-right: 15px;
	padding-top: 15px;
	background:url(./pix/grey.png) right repeat-y;
	margin:0px;
	top: 5px;
	left: 552px;	
	width: 300px;
	height: 478px;
	text-align: right;
}

.grau	{

		font: 10pt Verdana, Arial, Helvetica, sans-serif;
		color:#6e6e6e;
		font-weight: bold;
		}

.gelb	{
		font: 10pt Verdana, Arial, Helvetica, sans-serif;
		color:#cc9900;
		font-weight: bold;
		}		
		
.telefon {
	position: absolute;
	background:url(./pix/telefon.png) no-repeat;
	margin:0px;
	top: -4px;
	left: 24px;	
	width: 291px;
	height: 182px;
	z-index:2;
}

a.nav	{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			9pt;
		color:				#666666;
		text-decoration:	none;
		font-weight: 		bold;
		}
		
a.nav:hover {
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-size: 			9pt;
		font-weight: 		none;
		color:				#a7a7a7;
		text-decoration:	none;
		font-weight: 		bold;
}

a.ua	{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#fff;
		text-decoration:	none;
		font-weight: 		bold;
		}
		
a.ua:hover {
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-size: 			10pt;
		font-weight: 		none;
		color:				#cc9900;
		text-decoration:	none;
		font-weight: 		bold;
}

a.zurueck	{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#cc9900;
		text-decoration:	none;
		font-weight: 		bold;
		}
		
a.zurueck:hover {
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-size: 			10pt;
		font-weight: 		none;
		color:				#cc9900;
		text-decoration:	none;
		font-weight: 		normal;
}

/* profil.htm */

.profil_auto {
	position: absolute;
	background:url(./pix/sandra_profiel.jpg) no-repeat;
	margin:0px;
	top: 100px;
	left: 530px;	
	width: 308px;
	height: 370px;
}

.profil_balken {
	position: absolute;
	background-color: #000;
	border: solid 1px #cc9900;
	margin:0px;
	top: 40px;
	left: 69px;	
	width: 800px;
	height: 22px;
	vertical-align: top;
}

.profil_balken_txt	{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#fff;
		text-decoration:	none;
		font-weight: 		bold;
		vertical-align: middle;
		}

.profil_balken_bild	{

		vertical-align: middle;
		
		}

.profil_txt{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;

	position: absolute;
	z-index: 1;
	margin:0px;
	top: 80px;
	left: 69px;	
	width: 438px;
	height: 400px;
}

/* leist.htm */

.leistungen_txt{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;

	position: absolute;

	margin:0px;
	top: 80px;
	left: 69px;	
	width: 500px;
	height: 400px;
}

/* tl.htm */

.tl_1 {
	position: absolute;
	background:url(./pix/sandra_technologien.jpg) no-repeat;
	margin:0px;
	top: 65px;
	left: 250px;	
	width: 625px;
	height: 450px;
}

/* partner.htm */

a.partner	{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		bold;
		}
		
a.partner:hover {
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-size: 			10pt;
		font-weight: 		none;
		color:				#cc9900;
		text-decoration:	none;
		font-weight: 		normal;
}

/* notdienst.htm */

.notdienst_txt_1 {
	text-align: left;
	font: 20pt Verdana, Arial, Helvetica, sans-serif;
	color:#cc9900;
	font-weight: bold;
}

.notdienst_txt_2 {
	text-align: left;
	font: 20pt Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
}

.profil_notdienst {
	position: absolute;
	
	background:url(./pix/sandra_notdienst.jpg) no-repeat;
	margin:0px;
	top: 70px;
	left: 500px;	
	width: 408px;
	height: 450px;
}

/* agbs.htm */

.agbs_txt{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 70px;
	left: 69px;	
	width: 795px;
	height: 380px;
}

.agbs_txt_2{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 450px;
	left: 69px;	
	width: 795px;
	height: 50px;
	z-index: 1;
}

/* impressum.htm */

.impressum_txt{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
		overflow: auto;
		position: absolute;
		margin:0px;
		top: 80px;
		left: 69px;	
		width: 795px;
		height: 300px;
		z-index: 1;
}

.impressum_txt_2{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
		overflow: auto;
		text-align: right;
		position: absolute;
		margin:0px;
		top: 80px;
		left: 600px;	
		width: 250px;
		height: 300px;
		z-index: 1;
}

.impressum_txt_3{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 400px;
	left: 69px;	
	width: 795px;
	height: 50px;
	z-index: 1;
}

/* kt.php */

    .error_form {
    background:#FF6666;
    border:1px solid #FF0033;
    }
	
.kt_txt_1{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;

	position: absolute;
	z-index: 1;
	margin:0px;
	top: 80px;
	left: 69px;	
	width: 338px;
	height: 400px;
}
	
.kt_txt_2{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
		overflow: hidden;
		text-align: left;
		position: absolute;
		margin:0px;
		top: 80px;
		left: 450px;	
		width: 400px;
		height: 400px;
		z-index: 1;
}

/* kanalsanierung */

.ks_1{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;

	position: absolute;
	overflow: auto;
	z-index: 1;
	margin:0px;
	top: 80px;
	left: 69px;	
	width: 475px;
	height: 360px;
}

.ks_2 {
	position: absolute;
	background:url(./pix/ks_01.jpg) no-repeat;
	margin:0px;
	top: 65px;
	left: 240px;	
	width: 625px;
	height: 450px;
}

.ks_3{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 450px;
	left: 69px;	
	width: 500px;
	height: 50px;
	z-index: 1;
}

.ks_video{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 120px;
	left: 546px;	
	width: 320px;
	height: 240px;
	z-index: 5;
	border: solid black 1px;
}

.ks_video2{
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
	overflow: auto;
	position: absolute;
	margin:0px;
	top: 380px;
	left: 546px;	
	width: 320px;
	height: 40px;
	z-index: 5;
	text-align: center;
	color: red;
}

a.ks_video3 {
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		normal;
		color: red;
}

a.ks_video3:hover {
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		bold;
		color: red;
}

td.ks {
	font-size: 8pt;
}

th.ks {
	font-size: 8pt;
	vertical-align: top;
}

table.ks {
	font-size: 8pt;
	line-height: 9pt;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(./pix/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

div.overlay div.close {
	background:url(./pix/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#kurzliner {
	background:url(./pix/white.png) no-repeat;
	padding:40px;	
	width:640px;  
	display:none;		
}

#inliner {
	background:url(./pix/white.png) no-repeat;
	padding:40px;	
	width:640px;  
	display:none;	
}

span.video_text {

		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			8pt;
		color:				#000;
		text-decoration:	none;
		font-weight: 		bold;
	
}

span.video_text2 {

		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			8pt;
		color:				red;
		text-decoration:	none;
		font-weight: 		bold;
	
}