body {
background-color: #333333;
font-size: 10pt;
font-family: Arial;
/*font: 0.7em/1.1 Verdana, Arial, Helvetica, sans-serif;*/
margin: 0;
padding: 0;
color: #FFFFFF;
/*Scrollbalken*/
scrollbar-face-color: #FFE500;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #414141;
scrollbar-darkshadow-color: #414141;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #414141;
scrollbar-track-color: #414141;
}

/*Hintergrund*/
#page {
width: 900px;
background-image: url(images/page.png);
margin: auto;
padding: auto;
}

/*Screenshot Galerie*/
#page2 {
width: 900px;
background-color: #333333;
margin: auto;
padding: auto;
}

/*Banner*/
#header {
clear: both;
width: 900px;
height: 120px;
background-image: url(images/header.png);
}

/*Navigationsleiste*/
#navigation {
/*width: 900px;*/
background-color: #333333;
height: 30px;
margin-left: 19px;
margin-right: 2px;
padding-top: 2px;
/*padding-bottom: 14px;*/
padding-bottom: 9px;
}

/*Zwischenraum header mainarea Seite livedownload.htm.*/
#space {
background-color: #333333;
height: 15px;
margin-left: 19px;
margin-right: 2px;
}

#navigation ul {
margin: 0;
padding: 0;	
display: inline;
list-style: none;
line-height: 25px;
text-align: center;
}

#navigation li {
float: left;
width: 106px;
margin-right: 2px;
text-align: center;
height: auto;
}

#navigation a {
display: block;
background-color: #333333; 
height: 25px;
line-height: 25px;
border: 1px solid #FFE500;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

#navigation a:hover {
display: block;
background-color: #FFE500;
line-height: 25px;
height: 25px;
border-top: 1px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
text-decoration: none;
color: #000000;
}

/*Mitte*/
#mainarea {
width: 865px;
clear: both;
margin-left: 19px;
}

#menu {
width: 204px;
height: 554px;
padding: 10px 0 10px 10px;
margin-right: 15px;
background-color: #414141;
line-height: 17px;
float: left;
overflow: auto;
/*overflow: scroll;*/
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:204px;
}

/* Again, "be nice to Opera 5". */
/*body>#menu {
width:230px;
}
*/

/*Mitte links*/
#contentarea {
width: 495px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
float: left;
line-height: 13pt;
margin-right: 40px;
height: 550px;
overflow: auto;
border-top: 2px solid #414141;
border-right: 2px solid #414141;
border-bottom: 2px solid #414141;
border-left: 2px solid #414141;
/*overflow-x: visible;*/
/*overflow-y: auto;*/
}

/*Mitte Screenshot-Galerie*/
#contentarea2 {
width: 828px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
/*float: left;*/
line-height: 13pt;
height: 550px;
overflow: auto;
border: 2px solid #414141;
}

/*Mitte Filmarchiv*/
#contentarea3 {
width: 598px;
float: left;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
height: 550px;
border: 2px solid #414141;
}

/*Livevideos*/
#contentvideo {
width: 838px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
height: 550px;
border: 2px solid #414141;
}

#contentarea p {
text-align: justify;
margin-top: 27px;
margin-bottom: 0;
}

/*Mitte rechts*/
#sidebar {
float: left;
width: 265px;
height: 550px;
}

#sidebar p {
text-align: justify;
margin-top: 27px;
}

/*Screenshotname*/
#imageName {
color: #FFE500;
margin-top: 8px;
}

/*Links*/
a {
text-decoration: none;
color: #FFFFFF;
font-weight: 100;
}

a:visited {
text-decoration: none;
color: #FFFFFF;
}

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

a:active {
text-decoration: none;
color: #FFFFFF;
}

/*Fußleiste*/
#footer {
clear: both;
width: 900px;
height: 70px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}

/*Fußleiste*/
#footer2010 {
clear: both;
width: 900px;
height: 70px;
background-image: url(images/footer2010.png);
background-repeat: no-repeat;
}

/*====================ÜBERSCHRIFTEN==============================*/
/*====================ÜBERSCHRIFT contentarea====================*/
h1 {
margin-top: 10px;	
font-size: 10pt;
color: #FFFFFF;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 5px;
border-left: 1px solid #FFE500;
border-bottom: 1px solid #FFE500;
}

/*====================ÜBERSCHRIFT sidebar========================*/
h2 {
margin-top: 18px;
font-size: 10pt;
color: #FFE500;
}

/*float aufheben*/
.nofloat {
overflow: hidden;
clear: both;
height: 1px;
margin: -1px 0 0 0;
font-size: 1px;
}

/*====================LISTEN=====================================*/
/*====================LISTE tree==============================*/
ul.tree-menu {
font-size: 12px;
line-height: 16px;
font-family: tahoma;
margin: 0;
padding: 0;
}

ul.tree-menu ul {
margin: 0 0 0 20px;
padding: 2px 0 0 0;
}

ul.tree-menu li {
list-style-type: none;
margin: 2px 0 0 0;
padding: 0;
}

ul.tree-menu li.section {
background-image: url(images/plus.png);
background-repeat: no-repeat;
background-position: center left;
padding-top: 1px;
padding-bottom: 1px;
}

ul.tree-menu li.section-open {
background-image: url(images/minus.png);
background-repeat: no-repeat;
background-position: top left;
padding-top: 1px;
padding-bottom: 1px;
}

ul.tree-menu li.box {
background-image: url("images/arrow.png");
background-repeat: no-repeat;
background-position: center left;
padding-top: 1px;
padding-bottom: 1px;
}

ul.tree-menu a {
margin-left: 20px;
color: #ffffff;
text-decoration: none;
white-space: nowrap;
/*border: 1px solid #ffffff;*/
padding: 2px;
}

ul.tree-menu a:hover {
margin-left: 20px;
color: #333333;
white-space: nowrap;
background-color: #ffe500;
padding: 2px;
}

/*====================LISTE sidebar==============================*/
.sidebar_ul {
list-style: none;
margin-top: 25px;
margin-left: 1px;
padding: 0;
}

.sidebar_li {
background-image: url(images/point.png);
background-repeat: no-repeat;
background-position: left;
line-height: 20px;
padding-left: 15px;
}

.sidebar_ul2 {
list-style: none;
margin-left: 30px;
padding: 0;
}

.sidebar_li2 {
background-image: url(images/square.png);
background-repeat: no-repeat;
background-position: left;
line-height: 20px;
padding-left: 15px;
}

.sidebarbottom_ul {
display: inline;
list-style: none;
line-height: 25px;
margin: 0;
padding: 0;
}

.sidebarbottom_li {
/*float: left;*/
width: 106px;
padding: 0;
text-align: center;
height: auto;
}

/*===============LISTE PRODUKT01-15 (PRODUCT01-15)================*/
.p_contentarea_ul {
list-style: none;
margin-top: 22px;
margin-left: 0px;
padding: 0;
}

.p_contentarea_li_1 {
background-image: url(images/square.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
line-height: 22px;
}

.p_contentarea_li_top_1 {
font-size: 10pt;	
padding-left: 20px;
line-height: 22px;
/*line-height: 30px;*/
/*font-weight: bold;*/
}

.p_contentarea_li_top_2 {
font-size: 10pt;	
padding-left: 20px;
line-height: 18px;
background-image: url(images/square.png);
background-repeat: no-repeat;
background-position: left;
color: #FFE500;
}

.p_contentarea_li_2 {
padding-left: 20px;
line-height: 18px;
}

/*====================IMAGES=====================================*/
/*Listenzeichen Quadrat*/
.imgsquare {
vertical-align: middle;
padding-right: 5px;
}	

/*Rahmen Fotos*/
.imgborder {
border: 1px solid #FFFFFF;
padding: 2px;
}

/*Rahmen Fotos*/
.imgborderyellow {
border: 1px solid #FFE500;
padding: 2px;
}

/*Pfeil-Icon*/
.imglink {
margin-right: 6px;
vertical-align: bottom;
border: 0px;
}

/*Flaggen-Icon*/
.imgflag {
border: 1px solid #FFFFFF;
padding: 1px;
}

/*Java-Icon*/
.imgjava {
border: 1px solid #FF8C00;
padding: 1px;
}

/*LIVE-Icon*/
.imglive {
border: 1px solid #FFE500;
padding: 1px;
}

/*Screenshot-Icon*/
.imgscreenshot {
alignment: left;
vertical-align: top;
}

/*Button LIVEVideos*/
a#livehilfe {
display: block;
margin: 0;
width: 106px;
height: 25px;
background: transparent url(images/livevideos.gif) 0px 0px no-repeat;
/*text-indent:-9000%;*/
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 0;
}

/*Button LIVEVideos*/
a:hover#livehilfe {
background: transparent url(images/livevideos.gif) 0px -25px no-repeat;
color: #000000;
font-weight: bold;
text-decoration: none;
height: 25px;
padding: 0;
}

/*Button LIVEVideos*/
a#livevideos {
display: block;
margin: 0;
width: 106px;
height: 25px;
background: transparent url(images/livevideos.gif) 0px 0px no-repeat;
/*text-indent:-9000%;*/
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 0;
}

/*Button LIVEVideos*/
a:hover#livevideos {
background: transparent url(images/livevideos.gif) 0px -25px no-repeat;
color: #000000;
font-weight: bold;
text-decoration: none;
height: 25px;
padding: 0;
}

/*====================TABELLLEN==================================*/
/*=========TABELLE INDEX (INDEX)===========*/
/*==============index.html (index.html)==================*/
.itr {
line-height: 200px;
vertical-align: bottom;
}

/*=========TABELLE PRODUKT09 PREISE (PRODUCT09 PRICES)===========*/
/*==============produkt09.html (product09.html)==================*/

.ptable {
border-collapse: collapse;
border: 1px solid #FFFFFF;
margin-top: 25px;
margin-left: 1px;
line-height: 20px;
}

.background {
line-height: 20px;
background-color: #414141;
vertical-align: middle;
padding-left: 3px;
}

.ptd {
padding-left: 3px;
}

/*===TABELLE PRODUKT13 SCREENSHOT-GALERIE (PRODUCT13 SCREENSHOT GALLERY)===*/
/*=================produkt13.html (product13.html)=========================*/
.stable {
margin-top: 6px;
}

.std {
padding: 10px 0 0 3px;
} 

.std2 {
padding: 0 5px 0 10px;
vertical-align: text-top;
} 

.stdimg {
padding: 0 0 0 10px;
}

.stdimg2 {
padding: 10px 0 0 0;
} 

/*===========TABELLE MITARBEITER - IMPRESSUM (TEAM - LEGAL)===============*/
/*===mitarbeiter01-03.html, impressum.html (team01-03.html, legal.html)===*/
.mtable {
border-collapse: collapse;
border: 1px solid #FFFFFF;
margin-top: 25px;
margin-left: 1px;
line-height: 20px;
}

.mtable2 {
border-collapse: collapse;
border: 1px solid #FFE500;
margin-top: 25px;
margin-left: 1px;
line-height: 20px;
}

.mtd {
padding-left: 3px;
}

/*===============TABELLE KUNDEN (CUSTOMERS)======================*/
/*===============kunden.html (customers.html)====================*/
.ktable1 {
border-collapse: collapse;
margin-top: 25px;
}

.ktable2 {
border-collapse: collapse;
line-height: 25px;
border: 1px solid #FFFFFF;
margin-left: 1px;
}

.ktrb {
vertical-align: middle;
background-color: #414141;
}

.ktrbg {
vertical-align: middle;
background-color: #FFE500;
color: #000000;
}

.ktr {
vertical-align: middle;
}

.ktd {
border: 1px solid #FFFFFF;
padding-left: 5px;
}

/*===============TABELLE TESTVERSION (TRIALVERSION)===============*/
/*===============testversion.php (trailversion.php)===============*/
.ttable {
border: 1px solid #FFFFFF;
}

.tcolleft{
width: 40%;
}

.tcolright{
width: 50%;
}

.ttr {
line-height: 20px;
background-color: #414141;
color: #FFE500;
vertical-align: middle;
}

.ttdtop {
line-height: 20px;
padding-left: 10px;
color: #FFE500;
}

.ttd {
line-height: 25px;
padding-left: 10px;
}

.ttdfirstleft {
padding: 10px 0 2px 10px;
line-height: 15px;
vertical-align: middle;
}

.ttdfirstright {
padding: 10px 0 2px 10px;
line-height: 15px;
vertical-align: middle;
} 

.ttdleft {
padding: 0 0 2px 10px;
line-height: 15px;
vertical-align: middle;
} 

.ttdright {
padding: 0 0 2px 10px;
line-height: 15px;
vertical-align: middle;
} 

.ttdleft2 {
padding: 0 0 2px 10px;
line-height: 27px;
vertical-align: middle;
} 

.ttdright2 {
padding: 0 0 2px 10px;
line-height: 27px;
vertical-align: middle;
} 

.ttdlastleft {
padding: 0 0 10px 10px;
line-height: 15px;
vertical-align: middle;
}

.ttdlastright {
padding: 0 0 10px 10px;
line-height: 15px;
vertical-align: middle;
}

/*===============TABELLE KONTAKT (CONTACT US)====================*/
/*===================form.php (form.php)========================*/
.ftable {
width: 96%;
border: 1px solid #FFFFFF;
}

.ftr {
line-height: 20px;
background-color: #414141;
color: #FFE500;
vertical-align: middle;
}

.ftdtop {
padding-left: 10px;
line-height: 20px; 
}

.ftd {
padding-left: 10px;
line-height: 30px; 
}

.ftdfirstleft {
padding: 0 0 0 10px;
width: 25%;
}

.ftdfirstright {
padding: 10px 0 5px 10px;
width: 75%;
} 

.ftdleft {
padding: 0 0 0 10px;
width: 25%;
line-height: 18px;
} 

.ftdright {
padding: 5px 0 5px 10px;
width: 75%;
line-height: 18px;
} 

.ftdlastleft {
padding: 5px 0 10px 10px;
width: 25%;
}

.ftdlastright {
padding: 5px 0 10px 10px;
width: 75%;
} 

.ftderror {
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
color: #FFE500;
width: 75%; 
}

/*Feld Select Form*/
.fselect {
background-color: #FFFFFF;
}

/*Feld Select Form bei Fehler*/
.fselecterror {
background-color: #FFE500;
}

/*Felder Input Form*/
.ffeld {
background-color: #FFFFFF;
}

/*Felder Input Form bei Fehler*/
.ffelderror {
background-color: #FFE500;
}

/*Feld Textarea Form*/
.ftextarea {
background-color: #FFFFFF;
}

/*Feld Textarea Form bei Fehler*/
.ftextareaerror {
background-color: #FFE500;
}

/*Schrift Test*/
.fcolor {
color: #FFFFFF;
}

/*Schrift Test*/
.fcolorerror {
color: #FFE500;
}

/*Button Absenden Form*/
.fbutton {
background-color: #FFE500;
border: 1px solid #FFFFFF;
width: 80px;
height: auto;
text-align: center;
padding-top: 1px;
}

.tbutton {
background-color: #FFE500;
border: 1px solid #FFFFFF;
width: 180px;
height: auto;
text-align: center;
}

.fimg {
vertical-align: bottom;
}
/*==============TABELLE DOWNLOADS (DOWNLOADS)=====================*/
/*=============downloads.html (downloads.html)====================*/
.dtable {
border-collapse: collapse;
border: 1px solid #FFFFFF;
margin-top: 25px;
margin-left: 1px;
}

.dtd {
padding-left: 3px;
line-height: 35px;
}

.backgroundyellow {
line-height: 20px;
background-color: #FFE500;
vertical-align: middle;
padding-left: 3px;
color: #333333;
}

/*===================TABELLE LOGIN==============================*/
/*====================login.php==================================*/
.ltd {
background-color: #414141;
line-height: 20px;
padding-left: 10px;
}

.ltdleft {
width: 40%;
line-height: 30px;
padding-top: 10px;
padding-left: 10px;
} 

.ltdright {
width: 60%;
line-height: 30x; 
padding-top: 10px;
} 

/*==================TABELLE ANFAHRT (DIRECTION)===================*/
/*=================anfahrt.html (direction.html)==================*/
.atdtop {
padding-left: 3px;
} 

.atd {
text-align: justify;
padding: 3px;
line-height: 17px;
} 

.atd1 {
padding-top: 14px;
} 

.atd2 {
padding-top: 10px;
padding-left: 62px;
} 

.atd3 {
padding-top: 10px;
padding-left: 122px;
}

.nobreak {
white-space: nowrap;
}

.zero { 
overflow: hidden;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
height: 0;
}

/*==================TABELLE LIVEDOWNLOAD (EXTERN)===================*/
/*==================livedownload.html===============================*/
.livetable {
width: 260px;	
margin-top: 35px;	
color: #FFE500;
font-weight: bold;
}

.livetr {
line-height: 20px;
background-color: #FFE500;
vertical-align: middle;
padding-left: 5px;
color: #000000;
}

.livetd1 {
line-height: 20px;
background-color: #FFE500;
vertical-align: middle;
padding-left: 5px;
color: #000000;
}

.livetd2 {
line-height: 40px;
vertical-align: middle;
}


/*====================FARBEN=====================================*/
/*
#FFFFFF; weiß RGB 255 255 255 Schrift
#333333; grau sehr dunkel RGB 51 51 51 Hintergrund 1
#414141; grau dunkel RGB 65 65 65 Hintergrund 2
#FFE500; gelb mittel RGB 255 229 0 Header Footer etc.
#FFCC00; gelb dunkel RGB 255 204 0 nicht im Einsatz
*/