body { margin:0 auto; padding:0; font:80% "Century Gothic", Arial, Tahoma, Verdana, sans-serif; color:#303030; background-color: #ffff99; background-repeat: no-repeat; background-position: right bottom; }

#shadowbox { background-image: url(../images/schatten_content.png); background-repeat: repeat-y; background-position: center top; position: absolute; top: 50%; left: 50%; width: 940px; height: 640px; margin-top: -320px; margin-left: -470px; }
#shadowbox_top { background: #ffff99 url(../images/schatten_top.png) no-repeat center bottom; width: 940px; height: 20px; }
#shadowbox_bottom { background-color: #ffff99; background-image: url(../images/schatten_bottom.png); background-repeat: no-repeat; background-position: center top; width: 940px; height: 20px; }

.logo { color:#FFFFFF; background-image: url(../images/logo.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_rot { color:#FFFFFF; background-image: url(../images/logo_rot.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_blau { color:#FFFFFF; background-image: url(../images/logo_blau.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_pink { color:#FFFFFF; background-image: url(../images/logo_pink.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_gruen { color:#FFFFFF; background-image: url(../images/logo_gruen.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_violett { color:#FFFFFF; background-image: url(../images/logo_violett.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }
.logo_start { color:#FFFFFF; background-image: url(../images/logo_start.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; }

#wrap { background-color: transparent; width:900px; height: 600px; margin: 0 auto; }
#wrap #bildicons img,
#wrap #bildicons_385px img { float: left; filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#wrap #bildicons img:hover,
#wrap #bildicons_385px img:hover { cursor: pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
#bildicons { background-color: #000; position: relative; top: 0; left: 260px; width: 100px; height: 600px; z-index: 89; float: left; }
#bildicons_385px { background-color: #000; position: relative; top: 0; left: 240px; width: 120px; height: 600px; z-index: 89; float: left; }
#bildicons_496px { background-color: black; position: relative; top: 0; left: 264px; width: 496px; height: 600px; float: left; margin: 0; padding: 0; }
#bildicons_500px { background-color: #000; position: relative; top: 0; left: 260px; width: 500px; height: 600px; float: left; margin: 0; padding: 0; }
#wrap #bildicons_500px img { float: left; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#wrap #bildicons_496px img { background-color: #97bf0d; float: right; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#wrap #bildicons_500px img:hover,
#wrap #bildicons_496px img:hover { cursor: pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

a {text-decoration:underline;font-weight:bolder;color:black;background-color:inherit;}
a:hover { color:white; background-color:black; text-decoration: none; }
#lbMain a:hover { color:white; text-decoration: none; }
a img {border:0;}

#noscript { color: #f00; font-size: 0.9em; line-height: 1.5em; background-color: #fff; text-align: left; position: absolute; top: 50px; right: 0; width:260px; height: auto; z-index: 100; padding: 15px 25px; }
#noscript2 { color: #f00; font-size: 0.9em; line-height: 1.5em; background-color: #fff; text-align: left; position: absolute; top: 122px; right: 100px; width:260px; height: auto; z-index: 100; padding: 15px 25px; }

#textblock { color: black; font-size: 0.9em; line-height: 1.5em; background-image: url(../images/weiss_transparent.png); text-align: justify; position: relative; top: 240px; width:260px; height: auto; z-index: 201; float: right; padding: 15px 25px; }
#textblockcopy { color: black; font-size: 10px; line-height: 1.3em;background-image: url(../images/weiss_transparent.png); text-align: justify; position: relative; top: 0px; width:300px; height: 570px; z-index: 201; float: right; padding: 15px 25px; overflow: auto; }
#textblockprod { color: black; font-size: 0.9em; line-height: 1.5em;background-image: url(../images/weiss_transparent.png); text-align: justify; position: relative; top: 0px; width:300px; height: 570px; z-index: 201; float: right; padding: 15px 25px; overflow: auto; }
#textblockwebcam { color: black; font-size: 10px; line-height: 1.3em;background-color: #ffff99; text-align: justify; position: relative; top: 0px; width:450px; height: 570px; z-index: 201; float: right; padding: 15px 25px; overflow: auto; }

#textblock_befit { color: black; font-size: 0.9em; line-height: 1.5em; background-image: url(../images/weiss_transparent.png); text-align: left; position: absolute; top: 240px; right: 0; width:260px; height: auto; z-index: 201; float: right; padding: 15px 25px; }
#textblock_login { color: black; font-size: 0.9em; line-height: 1.5em; background-image: url(../images/weiss_transparent.png); text-align: left; position: absolute; right: 0; bottom: 40px; width:260px; height: auto; z-index: 201; float: right; padding: 15px 25px; }
#textblock_login input { font-weight: bold; background-color: #fff; padding: 5px; border: solid 1px #000; }
#textblock_login input.ok { color: #fff; font-weight: bold; background-color: #000; text-align: center; }
#textblock_login input.ok:hover { background-color: #93769d; cursor: pointer; }
#textblock_kontakt { color: black; font-size: 0.9em; line-height: 1.5em; background-color: #d6eb8c; text-align: left; position: relative; top: 0; width:450px; height: 570px; z-index: 201; float: right; padding: 15px 25px; }
#textblock_kontakt td { vertical-align: top; padding-bottom: 5px; }
#textblock_kontakt input, textarea { width: 100%; }
#textblock h1, 
#textblock_impressum h1,
#textblock_befit h1,
#textblock_login h1,
#textblock_kontakt h1 { font-size: 1.8em; font-weight: normal; line-height: 1.2em; text-align: left; margin: 0; padding: 0; }
#leftside { position: relative; top: 100px; left: 220px; width:140px; height: auto; float: left; }
#leftside h2,#leftside h3 {color:#505050;background-color:inherit;font-size:1.3em;margin:0 0 5px;padding:0;}

ul.avmenu,
ul.avmenu_rot,
ul.avmenu_blau,
ul.avmenu_pink,
ul.avmenu_violett,
ul.avmenu_gruen { width:155px; padding:0; list-style:none; }

ul.avmenu li,
ul.avmenu_rot li,
ul.avmenu_blau li,
ul.avmenu_pink li,
ul.avmenu_violett li,
ul.avmenu_gruen li {width:155px;padding:0;line-height:1.4em;display:inline;}

ul.avmenu li a { background-color:#dede85; color:#b20505; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }
ul.avmenu_rot li a { background-color:#ea504a; color:#fff; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }
ul.avmenu_blau li a { background-color:#5aaef2; color:#fff; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }
ul.avmenu_pink li a { background-color:#dc719e; color:#fff; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }
ul.avmenu_violett li a { background-color:#93769d; color:#fff; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }
ul.avmenu_gruen li a { background-color:#00b752; color:#fff; font-size: 1.3em; font-weight:bold; width:145px; float:left; padding:8px 1px 8px 10px; text-decoration:none; margin-top: 10px; margin-bottom: 1px; }

ul.avmenu ul li a,
ul.avmenu_rot ul li a,
ul.avmenu_blau ul li a,
ul.avmenu_pink ul li a,
ul.avmenu_violett ul li a,
ul.avmenu_gruen ul li a { margin-top: 0; margin-bottom: 1px; }

ul.avmenu li a:hover, ul.avmenu li a.current, 
ul.avmenu_rot li a:hover, ul.avmenu_rot li a.current, 
ul.avmenu_blau li a:hover, ul.avmenu_blau li a.current, 
ul.avmenu_pink li a:hover, ul.avmenu_pink li a.current,
ul.avmenu_violett li a:hover, ul.avmenu_violett li a.current,
ul.avmenu_gruen li a:hover, ul.avmenu_gruen li a.current { background-color:white; color:#b20505; }

ul.avmenu ul, 
ul.avmenu_rot ul, 
ul.avmenu_blau ul, 
ul.avmenu_pink ul,
ul.avmenu_violett ul,
ul.avmenu_gruen ul {margin:0;padding:0 0 5px;font-size:0.9em;}

ul.avmenu ul a, 
ul.avmenu_rot ul a, 
ul.avmenu_blau ul a,
ul.avmenu_pink ul a,
ul.avmenu_violett ul a,
ul.avmenu_gruen ul a {padding:3px 1px 5px 10px;width:145px;}

#bildzoom, #panorama { background-color: white; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; text-align: left; position: relative; top: 0; left: 260px; width: 400px; height: 600px; float: left; padding: 0; }

#blank_500 { text-align: left; position: absolute; top: 0; right: 0; width: 500px; height: 600px; z-index: 200; padding: 0; }
#blank_500 img { width: 500px; height: 600px; }
#blank_385 { text-align: left; position: absolute; top: 0; right: 120px; width: 380px; height: 600px; z-index: 200; padding: 0; }
#blank_385 img { width: 380px; height: 600px; }
#blank_400 { text-align: left; position: absolute; top: 0; right: 100px; width: 400px; height: 600px; z-index: 200; padding: 0; }
#blank_400 img { width: 400px; height: 600px; }

#footer { clear:left; width:370px; text-align:right; color:black; background:transparent; font-size:0.9em; position: absolute; top: 570px; left: 0; padding-right: 30px; padding-bottom: 10px; padding-left: 0; }
#footer a { color:black; font-weight: normal; background-color:inherit; text-decoration: underline; }
#footer a:hover { color: #fff; }

.left {margin:3px 10px 2px 0;float:left;}
.right {margin:2px 0 2px 10px;float:right;}
.textright {text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.rot, .fehler { color: #f33a01; }
#textblock_kontakt input, #textblock_kontakt textarea, .inputfeld { width: 95%; margin-bottom: 3px; padding: 5px; border: solid 2px #97bf0d; }
td { font-size: 1em; }
#textblock_kontakt input:hover, #textblock_kontakt textarea:hover { border-color: #fca50f; }
#tabelle_ergebnis { background-color: #fff; width: 80px; padding: 5px; border: solid 2px #97bf0d; }
#textblock_kontakt .button { color: white; font-size: 120%; font-weight: bold; background-color: #97bf0d; float: left; padding: 5px; text-decoration: none; text-align: center; width: 450px; clear: left; border-style: none; }
#textblock_kontakt .button:hover { color: black; background-color: #fca50f; cursor: pointer; }