@charset "utf-8";

/** 
-----------------------------------------------------
Regeln für allgemeine Elemente
----------------------------------------------------- */
body {background:url(site_elements/pictures/bgr0568.jpg); background-repeat:no-repeat;}

a:link {color: #000099; font-size: 100%; text-decoration: none; border: 0px;}
a:hover {color: #33E0E0; font-size: 100%; text-decoration: underline; border: 0px;}
a:visited {color: #000099; font-size: 100%; border: 0px;}

a.text:visited {color: #339999;}

a.text:link {color: #339999; text-decoration: underline;}

a.text:hover {color: #FF3333; text-decoration: underline;}

#text {color: #33F0F0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; letter-spacing: 1pt;}

a.lang:visited {color: #000099; font-size: 9pt; font-weight: bold;}

a.lang:link {color: #000099; font-size: 9pt; font-weight: bold;}

a.lang:hover {color: #33E0E0; font-size: 9pt; font-weight: bold; text-decoration: none;}

#lang {color: #33F0F0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; letter-spacing: 1pt;}

a.google:visited {color: #000099; font-size: 9pt; font-weight: bold;}

a.google:link {color: #000099; font-size: 9pt; font-weight: bold;}

a.google:hover {color: #33E0E0; font-size: 9pt; font-weight: bold; text-decoration: none;}

#google {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 8pt; line-height: 18pt;}

#txt {color: #FF3333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; font-size: 8pt;}
#txtr {color: #FF3333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; font-size: 8pt;}
#copytext {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; font-size: 6pt; letter-spacing: 1px; text-transform: uppercase;}
#copysign {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; font-size: 8pt;}
#txtdemo {color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 16pt;}

* {font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; text-decoration: none; font-size: 10pt;}
b {font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 100%;}

p.red {color: #CC0000; font-size: inherit;}
p.text {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 11pt;}

li {list-style: url(layout/site/bullet.gif) disc;}

h1 {color: #006633; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; text-decoration: none;}
h2 {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; text-decoration: none;}
h3 {color: #000099; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; text-transform: uppercase;}

tr.light {background-color: #ECF2F7; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; text-decoration: none;}
tr.dark {background-color: #C7D9E8; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; text-decoration: none;}

#gg {list-style-image:url(../../../layout/site/bullet_gg.gif);}
#rr {list-style-image:url(../../../layout/site/bullet.gif);}
#tred {color: #ff0000;}
#tgreen {color: #339900;}

#page {
	position: relative;
	width:900px;
	height:600px;	
	margin-top: 20px;
	background:url(site_elements/pictures/bgr100_verlauf3.png);

}
#top {
	position:relative;
	width:900px;
	height:135px;
	left: 0px;
	top: 0px;
}
#nav_line {
	position:absolute;
	width:900px;
	height:30px;
	left: 0px;
	top: 80px;
}
#nav_legal {
	position:absolute;
	width:300px;
	height:20px;
	left: 30px;
	top: 0px;
}
#nav_lang {
	position:absolute;
	width:500px;
	height:20px;
	left: 380px;
	top: 0px;
}

#middle {
	position:relative;
	width:900px;
	height:440px;
	left: 0px;
	top: 0px;
}
#leftcol {
	position:absolute;
	width:160px;
	height:440px;
	left: 30px;
	top: 0px;
}
#nav {
	position:static;
	width:140px;
	height:89px;
	left: 0px;
	top: 0px;
}
#nav5 {
	position:static;
	width:140px;
	height:70px;
	left: 0px;
	top: 0px;
}
#midcol {
	position:absolute;
	width:450px;
	height:440px;
	z-index:10;
	left: 205px;
	top: 0px;
}
#pic_bgr {
	position:absolute;
	width:430px;
	height:430px;
	z-index:11;
	left: 0px;
	top: 0px;
}
#pic_div {
	position:absolute;
	width:426px;
	height:426px;
	z-index:12;
	left: 2px;
	top: 2px;	
}
#pic_walk {
	position:absolute;
	width:426px;
	height:426px;
	z-index:12;
	left: 2px;
	top: 0px;	
}
#textblock3 {
	position:relative;
	width:426px;
	height:430px;
	z-index:9;
	left: 0px;
	top: -15px;
}
#pic_protect {
	position:absolute;
	width:426px;
	height:426px;
	z-index:13;
	left: 2px;
	top: 2px;
}
#demo {
	position:absolute;
	width:426px;
	height:160px;
	z-index:14;
	left: 2px;
	top: 100px;
}
#rightcol {
	position:absolute;
	width:215px;
	height:440px;
	z-index:1;
	left: 665px;
	top: 0px;
}
#textblock {
	position:relative;
	width:215px;
	height:114px;
	z-index:9;
	left: 0px;
	top: -15px;
}
#textblock2 {
	position:relative;
	width:215px;
	height:254px;
	z-index:9;
	left: 0px;
	top: -15px;
}
#nav_tile {
	position:relative;
	width:140px;
	height:140px;
	z-index:2;
	left: 0px;
	top: 0px;
}
#nav_tile_up {
	position:absolute;
	width:47px;
	height:47px;
	z-index:3;
	left: 50px;
	top: 0px;
}
#nav_tile_down {
	position:absolute;
	width:47px;
	height:47px;
	z-index:4;
	left: 47px;
	top: 93px;
}
#nav_tile_right {
	position:absolute;
	width:43px;
	height:57px;
	z-index:5;
	left: 99px;
	top: 40px;
}
#nav_tile_left {
	position:absolute;
	width:42px;
	height:57px;
	z-index:6;
	left: 2px;
	top: 40px;
}
#nav_tile_turn {
	position:absolute;
	width:52px;
	height:47px;
	z-index:7;
	left: 47px;
	top: 50px;
}
#ground_plan {
	position:relative;
	width:200px;
	height:120px;
	z-index:8;
	left: 0px;
	top: 20px;
}
#bottom {
	position:relative;
	width:900px;
	height:25px;
	left: 0px;
	top: 0px;
}
#copy {
	position:absolute;
	left: 40px;
	top: -6px;
}