/*
cavisual.com  -  www  aktuell
                                                                  
*/

/* Formatierung 2-Spalten */

  div#SeiteTop { position:relative; top:20px; color:#575757;  font-size: 14px; text-align: left;margin: 0 auto; width: 780px; padding: 0.5em; border: 0px ridge silver;} 
  div#SeiteTop p { padding:10px 0px; font-size:14px; width:780px; margin:0 auto; }
  div#SeiteTop p a { text-decoration:none; color:#CD2B3A; }
  div#SeiteTop p a:hover { text-decoration:underline; color:#7F000C; }
  div#SeiteTop h1 {font-size: 12px; margin: 0 0 0em;}
  div#SeiteTop h2 {font-size: 16px; margin: 0 0 0em; line-height:1.4em;}
  div#SeiteTop h3 {font-size: 18px; margin: 0 0 1em;}

 
  div#SeiteImp { position:relative; top:0px; color:#575757;  font-size: 10px; font: "Century Gothic", sans-serif; text-align: left;margin: 0 auto; width: 780px; padding: 0.5em; border: 0px ridge silver;}
  div#SeiteImp p { padding:10px 0px; font-size:14px; width:780px; margin:0 auto; }
  div#SeiteImp p a { text-decoration:none; color:#CD2B3A; }
  div#SeiteImp p a:hover { text-decoration:underline; color:#7F000C; }
  div#SeiteImp h1 {font-size: 10px; margin: 0 0 0em;}
  div#SeiteImp h2 {font-size: 12px; margin: 0 0 0em; line-height:1.4em;}
  div#SeiteImp h3 {font-size: 14px; margin: 0 0 0em;}
  div#SeiteImp h4 {font-size: 10px; font: "Century Gothic", sans-serif;  margin: 0 0 0em; line-height:1.4em;}

  div#Seite     { position:relative; left:20px; top:200px; color:#575757;  font-size: 14px; text-align: left;margin: 0 auto; width: 780px; padding: 0.5em; border: 0px ridge silver;}
  


  div#Seite p   { padding:10px 0px; font-size:14px; width:780px; margin:0 auto; }
  div#Seite p a          { text-decoration:none; color:#CD2B3A; }
  div#Seite p a:hover    { text-decoration:none; color:#575757; }
  div#Seite p a:link     { text-decoration:none; color:#575757; }
  div#Seite p a:visited  { text-decoration:none; color:#575757; }
  div#Seite p a:active   { text-decoration:none; color:#575757; }
  div#Seite p a:focus    { text-decoration:none; color:#575757; }


  div#Seite-zs     { position:relative; left:0px; top:200px; color:#575757;  font-size: 14px; text-align: left;margin: 0 auto; width: 755px; padding: 0.5em; border: 0px ridge silver;}
  div#Seite-zs p   { padding:10px 0px; font-size:14px; width:355px; margin:0 auto; }
  div#Seite-zs a          { text-decoration:none; color:#CD2B3A; }
  div#Seite-zs a:hover    { text-decoration:none; color:#575757; }
  div#Seite-zs a:link     { text-decoration:none; color:#575757; }
  div#Seite-zs a:visited  { text-decoration:none; color:#575757; }
  div#Seite-zs a:active   { text-decoration:none; color:#575757; }
  div#Seite-zs a:focus    { text-decoration:none; color:#575757; }
  div#Seite-zs h1  {font-size: 12px; margin: 0 0 0em;}
  div#Seite-zs h2  {font-size: 16px; margin: 0 0 0em; line-height:1.4em;}
  div#Seite-zs h3  {font-size: 18px; margin: 0 0 1em;}
  div#Seite-zs h4  {font-size: 10px; margin: 0 0 0em; line-height:1.4em;}


  div#Seite h1  {font-size: 12px; margin: 0 0 0em;}
  div#Seite h2  {font-size: 16px; margin: 0 0 0em; line-height:1.4em;}
  div#Seite h3  {font-size: 18px; margin: 0 0 1em;}
  div#Seite h4  {font-size: 10px; margin: 0 0 0em; line-height:1.4em;}

/*  div#Inhalt-L */
  div#Inhalt-L    { position:absolute; left:30px; top:75px; color:#575757; font-size: 14px;  margin: 0; padding: 0; border: 0px dashed silver; width: 360px; }
  div#Inhalt-L h1 { font-size: 16px; margin: 0 0 1em;}
  div#Inhalt-L h2 { font-size: 16px; margin: 0 0 1em;}
  div#Inhalt-L h3 { position:absolute; left: 0px; top:20px; font:100%  "Century Gothic", sans-serif; letter-spacing:1; font-size: 14px; margin: 0 0 0em; line-height:1.4em;}
  div#Inhalt-L p  { font-size:1em;   margin: 1em 0;}

/*  div#Inhalt-R */
  div#Inhalt-R    { position:absolute; left:410px; top:75px; color:#575757;  font-size: 14px;  margin:0, padding: 0; border: 0px dashed silver; width: 360px;}
  div#Inhalt-R h1 { font-size: 16px; margin: 0 0 1em;}
  div#Inhalt-R h2 { font-size: 16px; margin: 0 0 0 0em;}
  div#Inhalt-R h3 { position:absolute; left: 0px; top:20px; font:100%  "Century Gothic", sans-serif; letter-spacing:1; font-size: 14px; margin: 0 0 0em; line-height:1.4em;}
  div#Inhalt-R p  { font-size:1em;   margin: 1em 0;}


/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS    background-image:url("../images/BG_800pix_01.jpg"; background-repeat: no-repeat;   */

#background-image { url("../images/BG_1920pix_12.png"); background-position:top;  background-attachment:fixed }

#eu { height:432px; width:416px; margin:10 auto; background-image:url("../images/eu-starsblue.png"); background-position:top left; background-repeat:no-repeat; }

body { background-color:#ffffff; font:100%  "Century Gothic", sans-serif; letter-spacing:1; }


/* COMMON CLASSES */
.break { clear:both; }


/* VIDEO */

#video     { padding:26px 10px; position:absolute; top:75px; margin:0 auto; width:780px; hight:360px; border: 0px dashed silver; }
#quicktime { padding:26px 10px; position:absolute; top:75px; margin:0 auto; width:780px; hight:360px; border: 0px dashed silver; }


/* HEADER */
#header { height:300px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }

/* NAVIGATION */
#nav-outer  { margin:0 auto; height:40px; width:800px; padding-top:0px; position:relative; top:10px; background-image:url("../images/headerbg.png"); }
#nav-outer2 { margin:0 auto; height:25px; width:800px; padding-top:0px; position:relative; left:0px; top:65px; background-image:url("../images/headerbg_ori.png"); }
#nav-outer3 { margin:0 auto; height:40px; width:800px; padding-top:0px; position:relative; top:10px; background-image:url("../images/headerbg_ori.png"); }
#navigation { height:80px; width:800px; margin:10 auto; background-image:url("../images/logo_cav8.png"); background-position:top left; background-repeat:no-repeat; }
#navigation_eng { height:80px; width:800px; margin:10 auto; background-image:url("../images/logo_cav8_eng.png"); background-position:top left; background-repeat:no-repeat; }

/* MENU */
#menu { padding:0px 30px; position:relative; top:0px;}
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:14px; }
#menu ul li a { color:#ffffff; text-decoration:none; font-weight:bold; padding-right:25px; }
#menu ul li a:hover { color:#7d7d7d; text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:800px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* Position Buttons */
#PosBut { position:relative; top:150px; }
/* CONTROLS */
.btn  { height:32px; width:32px; float:left; cursor:pointer; }

.href-de    { background-image:url("../images/btn_de.png"); background-repeat:no-repeat;  height:32px; width:32px; padding:0px 32px 32px; margin-left:30px; display:block; cursor:pointer; margin-top:0px; }
.href-en    { background-image:url("../images/btn_en.png"); background-repeat:no-repeat;  height:32px; width:32px; padding:0px 32px 32px; margin-left:30px; display:block; cursor:pointer; margin-top:0px; }

.href-info  { background-image:url("../images/infobox.png"); background-repeat:no-repeat; height:299px; width:39px; padding:0px 0px 0px; margin-left:800px; display:block; cursor:pointer; margin-top:0px; }

#back    { background-image:url("../images/btn_back.png"); }
#next    { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { margin:0 auto; width:800px; }
#headernav { padding-left:730px; }

/* CONTENT */
#content { color:#575757; background-color:#eee; }
#content p { padding:10px 16px; font-size:14px;  width:800px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

/* freier Text */
#text { color:#575757; background-color:#ffffff; position:relative; bottom:0px;}
#text p { padding:10px 20px; font-size:14px; width:800px; margin:0 auto; }
#text p a { text-decoration:none; color:#CD2B3A; }
#text p a:hover { text-decoration:underline; color:#7F000C; }

/* freier Text Links*/
#text-l { color:#575757; background-color:#eee; }
#text-l p { padding:10px 20px; font-size:14px; hight:600px;  width:400px; float:left; position:relative; top:0px;  }
#text-l p a { text-decoration:none; color:#CD2B3A; }
#text-l p a:hover { text-decoration:underline; color:#7F000C; }

/* freier Text Rechts*/
#text-r { color:#575757; background-color:#eee; }
#text-r p { padding:10px 500px; font-size:14px; hight:600px;  width:400px; position:relative; top:0px;  }
#text-r p a { text-decoration:none; color:#CD2B3A; }
#text-r p a:hover { text-decoration:underline; color:#7F000C; }