@import url(color.css);
@import url(type.css);

/*------------------------------ Normalisierungen --------*/

/* Normalisierung margin, paddin */
body, div, dl, dt, dd, ol, ul, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin: 0;
 padding: 0;
 }
 
/* Normalisierung font-size fuer Ueberschriften */
h5, h6 {
 font-size: 100%;
 }

/* Entfernung list-style aus Listen */
ol, ul {  
 list-style-type: none;
 }
 
/* Normalisierung font-style und font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal;
 font-weight: normal;
 }
 
/* Normalisierung border-collapse und border-spacing */
table {  
 border-collapse: collapse;
 border-spacing: 0;
 }
 
/* Entfernung border aus fieldset und img */
fieldset, img {  
 border: none;
 }
 
/* Ausrichtung Text in caption und th links */
caption, th {
 text-align: left;
 }
 
/* Entfernung Rahmen bei Flash-Klick Firefox */
object { 
 outline: none;
 }
 
/* Anpassung deutsche Anfuehrungszeichen in q */
q:before {
 content:"\201E";
 }
 
q:after {
 content:"\201C";
 }

/* Entfernung text-decoration aus a */
a {
 text-decoration: none;
 outline: none;
 }

/*------------------------------ Uebergeordnete Ebenen ---*/					

html, body {
 height: 100.08%;
 width: 100%;
 }
 
body {
position: relative;
width: 990px;
margin: 0 auto;
}

/*------------------------------ Allgem. Einstellungen ---*/

/*---- Ueberschriften -------------------------*/ 

h1 {
 margin: 0 0 15px 0;
 padding: 0 0 5px 10px;
 }
 
h2 {
 margin: 30px 0 10px 0;
 padding: 0 0 5px 10px;
 }

h3 {
 margin: 30px 0 10px 0;
 padding: 0 0 5px 10px;
 }
 
h4 {
 position: relative;
 top: -52px;
 right: 12px;
 margin: 0 auto -27px auto;
 text-align: right;
 }
 
caption {
 margin: 0 0 10px 0;
 }

/*---- Ankerverweise --------------------------*/

li a[name] {
 padding-top: 230px;
 width: 0;
 height: 0;
 }

/*---- Artikel-Update -------------------------*/

li.artikel_ende {
 width: 100.5%;
 height: 10px;
 margin: 30px 0 0 -2px;
 }
 
ol.update_text {
 width: 100.5%;
 height: auto;
 margin: 0 auto 110px -2px;
 padding: 2px 0;
 }

table.update_text {
 width: auto;
 margin: 0 auto 0 auto;
 }

table.update_text td{
 padding: 0 4px 1px 4px; 
 border: none;
 }
 
/*---- Bilduntertext Ausrichtung mittig -------*/

li.center {
 margin: 10px auto 40px auto;
 }

li.quelle {
 margin: -38px auto 40px auto;
 text-align: center;
 }
 
/*---- Link-Aufzaehlungen mit Kastenlinien ----*/

ul.aufzaehlung_link {
 margin: 0px auto 0px auto;
 text-align: center;
 }
 
ul.aufzaehlung_link > li+li  {
 margin: 5px 0 0 0;
 }
 
 
ul.linie_oben, ul.linie_unten {
 height: 10px;
 width: 65%;
 } 
 
ul.linie_oben {
 margin: 60px auto 0px auto;
 }

ul.linie_unten {
 margin: 0px auto 40px auto;
 }
 
/*---- Links mittig ausgerichtet --------------*/

ul.link_mitte {
 margin: 20px 0 20px 0;
 text-align: center
 }
 
/*---- Texteinrueckung ------------------------------*/

li.indent {
 margin: 0 12px 0 12px;
 }

/*---- Trennlinie -----------------------------*/

ul.trennlinie {
 width: 65%;
 margin: 80px auto;
 }

/*------------------------------ Branding ----------------*/

ul#branding {
 position: fixed;
 top: 0;
 height: 155px;
 width: 990px;
 z-index: 10;
 }

li#brand_head {
 height: 170px;
 width: 990px;
 margin-bottom: -50px;
 }
 
li#brand_head_left, li#brand_head_right {
 position: relative;
 top: -376px;
 left: 0px;
 height: 50px;
 width: 8px;
 }
 
li#brand_head_right {
 top: -426px;
 left: 982px;
 }

li#brand_logo {
 position: relative;
 top: -140px;
 left: 320px;
 height: 155px;
 width: 460px;
 }
 
li#brand_line {
 position: relative;
 top: 11px;
 left: 135px;
 height: 25px;
 width: 830px;
 }

li#brand_bulle {
 position: relative;
 top: -280px;
 left: 25px;
 height: 135px;
 width: 106px;
 }
 
li#brand_baer {
 position: relative;
 top: -388px;
 margin: 0 25px 0 auto;
 height: 110px;
 width: 77px;
 }

/*------------------------------ Navigation Main ---------*/

ol#nav_main {
 position: fixed;
 height: 325px;
 width:130px;
 margin: 245px auto auto -3px;
 z-index: 6;
 }

ol#nav_main > li a {
 position: absolute;
 left: 16px;
 height: 28px;
 width: 99px;
 }
 
a#nav_main_home {
 top: 18px;
 } 

a#nav_main_boerse {
 top: 45px; 
 }

a#nav_main_browser {
 top: 72px;
 } 
 
a#nav_main_kontakt {
 top: 99px;    
 } 

a#nav_main_news {
 top: 126px;    
 }  

a#nav_main_referenzen {
 top: 153px;    
 }  

a#nav_main_software {
 top: 180px;
 }

a#nav_main_videos {
 top: 207px;    
 } 
 
ul.optimiert {
 position: relative;
 top: 250px;
 left: 8px;
 width: 90%;
 padding-top: 15px;
 text-align: center;
 }
 
/*------------------------------ Navigation Sub ----------*/
 
ol#nav_sub {
 position: relative;
 top: 162px;
 left: 87px;
 width: 905px;
 z-index: 4;
 background-color: #333;
 } 

ol#nav_sub > li{
 position: fixed;
 height: 45px;
 width: 195px;
 }
 
li#nav_sub_hoverfeld  ol[id=nav_sub_menu_content] {
 display: none;
 margin-left: 50px;  
 }

ol#nav_sub_menu_content {
 display: none;
 margin-left: 50px;  
 }

li#nav_sub_hoverfeld:hover ol[id=nav_sub_menu_content] {
 display: block;
 height: 91px;
 margin-left: 50px; 
 }

ol#nav_sub_menu_content {
 display: block;
 height: 91px;
 margin-left: 50px; 
 } 
 
ol#nav_sub_menu_content {
 position: relative;
 top: 42px;
 left: -6px;
 z-index: 0;
 }
 
ol#nav_sub_menu {
 position: fixed;
 height: 91px;
 width: 104px;
 text-align: center;
 }

ol#nav_sub_menu_boerse_background, ol#nav_sub_menu_software_background, ol#nav_sub_menu_videos_background {
 position: fixed;
 width: 90px;
 margin-left: 4px;
 text-align: center;
 }

ol#nav_sub_menu_boerse_background {
 height: 53px;
 }

ol#nav_sub_menu_software_background {
 height: 107px;
 }
 
ol#nav_sub_menu_videos_background {
 height: 107px;
 }

ol#nav_sub_menu_text {
 position: relative;
 top: 0px;
 overflow: hidden;
 text-align: center;
 }
 
ol#nav_sub_topzurueck, ol#nav_sub_top, ol#nav_sub_zurueck {
 position: relative;
 height: 23px;
 width: 150px;
 margin: 0 auto 0 auto;
 z-index: 6;
 }

ol#nav_sub_top, ol#nav_sub_zurueck {
 width: 70px;
 }

a#nav_sub_top, a.nav_sub_top, a.nav_sub_zurueck {
 position: absolute;
 top: 0px;
 left: 0px;
 height: 23px;
 width: 70px;
 }
 
a#nav_sub_zurueck {
 left: 81px;
 }
 
a.nav_sub_zurueck {
 left: 0px;
 }

/*------------------------------ Inhalt allgemein --------*/

div#content_fixed, div#content_scroll {
 position: absolute;
 top: 130px;
 left: 135px;
 width: 750px;
 padding: 110px 40px 0 40px;
 z-index: 2;
 }

div#content_fixed {
 height: 455px;
 }  

a.top {
 padding-top: 180px;
 width: 0;
 height: 0;
 }

/*------------------------------ Einleitungen allgemein --*/

ul#einleitung {
 position: relative;
 top: 0px;
 margin: 0px 70px 85px 70px;
 padding: 35px 30px 40px 30px;
 overflow: hidden;
 z-index: 5;
 }

ul#einleitung img {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 }

/*------------------------------ Home --------------------*/

li#home_background {
 position: relative;
 height: 333px;
 width: 500px;
 margin: 0 auto 0 auto;
 }

/*------------------------------ Boerse ------------------*/

li img#boerse {
 height: 280px;
 width: 610px;
 }
 
li.foto {
 position: relative;
 height: 300px;
 width: 400px;
 margin: 30px auto 0px auto;
 }
 
ul.wkn {
 position: relative;
 top: 50px;
 text-align: center;
 }


/*------------------------------ Browser -----------------*/

li img#browser {
 height: 340px;
 width: 610px;
 }

table.browser_statistiken {
 width: 50%;
 height: 45px;
 margin: 0 auto 10px auto;
 }

tr.table_head {
 height: 25px;
 }

/*------------------------------ Kontakt -----------------*/

ul#einleitung_kontakt {
 position: relative;
 padding: 20px 30px;
 margin: 0 70px 0 70px;
 }
 
li#kontakt_background {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: -1;
 }
 
li#kontakt_flaschenpost {
 position: relative;
 height: 242px;
 width: 250px;
 top: 40px;
 margin: 5px auto -18px auto;
}
 
/*------------------------------ News --------------------*/ 

li img#news_background {
 height: 230px;
 width: 610px;
 }

table#news {
 width: 80%;
 margin: 25px auto 65px auto;
 }

table#news td {
 padding: 10px;
 vertical-align: top; 
 }
 
ol.aenderung {
 margin: 5px 0 0 15px;
 list-style-type: disc;
 }
 
li#news_zeitungen_pic {
 position: relative;
 height: 107px;
 width: 200px;
 top: 0px;
 left: 0px;
 margin: 0px auto 50px auto;
 }
 
/*------------------------------ Referenzen --------------*/

li img#referenzen {
 height: 360px;
 width: 610px;
 }

ol.referenz_vorstellung {
 position: relative;
 height: 320px;
 width: 100%;
 margin: 50px 0 50px 0;
 }

ol.referenz_vorstellung img {
 height: 309px;
 width: 350px;
 margin: 3px 15px 0 20px;
 float: right;
 }
 
ul.referenz_link, ul.referenz_link1 {
 position: relative;
 left: 75px;
 width: 200px;
 margin: 60px 0 0 0;
 text-align: center;
 }
 
ul.referenz_link1 {
  margin: 45px 0 0 0;
  }
 
ul.ref_linie_oben, ul.ref_linie_unten {
 height: 10px;
 width: 200px;
 } 
 
li.online {
 margin: 5px 0 0 0;
 }

/*------------------------------ Software ----------------*/

li img#software {
 height: 230px;
 width: 610px;
 }

ol#screenshots {
 position: relative;
 text-align: center;
 }

li.abstand {
 height: 100%;
 width: 100%;
 margin: 50px auto 15px auto;
 }

li#xpantispy {
 height: 441px;
 width: 437px;
 margin: 50px auto 50px auto;
 }
 
ul#erklaerung {
 margin: 120px 0 0 0;
 }
 
/*------------------------------ Video -------------------*/

li img#video {
 height: 320px;
 width: 610px;
 }

div#content_flash {
 position: absolute;
 top: 140px;
 left: 135px;
 width: 750px;
 margin-top: -50px;
 padding: 110px 40px 0 40px;
 z-index: 2;
 }  

div.flash {
 position: relative;
 width:550px;
 margin: 35px auto 40px auto;
 padding: 15px;
 line-height: 20px;
 text-align: center;
 }

div#alternativ {
 padding: 15px;
 }

ul.flash_text {
 text-align: center;
 }
 
li.oben_margin_negativ {
 position: absolute;
 top: 0px;
 }

.content_video_links, .content_video_rechts {
 height: 195px;
 width: 50%;
 min-width: 450px;
 padding: 5px 10px 5px 10px;
 }

.content_video_links {
 margin: 20px auto 20px 11.8%;
 }
 
.content_video_rechts {
 margin: 20px 11.8% 20px auto;
 }

a#video_breadlessart, a#video_deep_black, a#video_cerena, a#video_hochzeit {
 position: relative;
 top: -5px;
 left: 5px;
 height: 116px;
 width: 206px;
 float: left;
 margin: 15px 15px 50px 0;
 } 
 
li#video_einleitung_pic, li#video_flash_pic {
 position: relative;
 height: 116px;
 width: 150px;
 top: -110px;
 left: 300px;
 margin: 0 auto -150px auto;
 z-index: 106;
 }

li#video_flash_pic {
 top: 415px;
 left: 235px;
 }

/*------------------------------ Footer ------------------*/

#footer_div_fixed {
 position: relative;
 top: 106px;
 left: -40px;
 height: 31px;
 width: 830px; 
 text-align: center;
 }

#footer_fixed {
 position: absolute;
 left: 50%;
 height: 31px;
 width: 700px;
 margin-left: -350px;
 padding-top: 8px;
 z-index: 3;
 }
 
#footer_line_fixed {
 position: absolute;
 top: 15px;
 z-index: 2;
 }

#footer_div_scroll {
 position: relative;
 left: -40px;
 height: 31px;
 width: 830px; 
 margin: 50px 0 -45px 0;
 padding: 0 0 30px 0;
 text-align: center;
 }
 
#footer_scroll {
 position: absolute;
 left: 50%;
 margin-left: -350px;
 height: 31px;
 width: 700px;
 padding-top: 8px;
 z-index: 3;
 }
 
#footer_line_scroll {
 position: absolute;
 left: 0px;
 top: 15px;
 z-index: 2;
 }