/* =================================================
Stylesheet für die meine Portalseite "Zentraler Zugang" 
Datei: portal.css
Datum: 01. Febr. 2012 
Autor: Dieter Meyer 

Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles 
        3. Styles für Layoutbereiche    
        4. Sonstige Styles 

================================================== */


/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */

* { padding: 0; margin: 0; }
html { overflow-y: scroll; }

/* Abstände nach unten */ 
h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
/* ggfs. weitere Abstände restaurieren */ 


/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */

body { 
     background-color: #666666; 
     background-image: URL(../_elemente/bgsandstein_mittelgrau.jpg);
     background-attachment: fixed;
     margin-top: 0px;
     margin-left: 0px;
}
/*
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
*/

h1 { color: #FF9900;
       font-family: "arial";
       font-size: 22px;
       font-weight: 100;
       padding: 0px;
       margin: 0px  }
h2 { color: #FFCC66;
       font-family: "Comic Sans MS";
       font-size: 17px;
       font-weight: 100;
       padding: 0px;
       margin: 0px  }
h3 { color: #FF9900;
       font-family: "arial";
       font-size: 15px;
       font-weight: 100;
       padding: 0px;
       margin: 0px  } 
h4 { color: #FF9900;
       font-family: "arial";
       font-size: 22px;
       font-weight: 100;
       padding: 5px 10px 10px 40px;
       margin: 0px;
       border-style:solid;
       border-width:1px;
       border-color: #0000FF;
      background: URL(../_elemente/bgleinen_mittelgrau.jpg);
       background-color: #333333;  }
h5 { color: #FFCC66;
       font-family: "arial";
       font-size: 16px;
       font-weight: 100;
       padding: 0px;
       margin: 0px  }
h6 { color: #CCCCCC;
       font-family: "arial";
       font-size: 15px;
       font-weight: 100;
       padding: 0px;
       margin: 0px  } 

a:link { color: #FF9900 }
a:visited { color: #FF9900 }
a:hover { color: #FF3300 }
a:active { color: #66CC66 }

                      
/*
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
address {
  text-align: center;   
  font-size: 80%;      
  font-style: normal;  
  letter-spacing: 2px; 
  line-height: 1.5;   
}
*/

/* Hyperlinks gestalten */ 
/*
a { text-decoration: none; }
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  text-decoration: underline; 
}
a:active { 
  background-color: #d90000; color: white; 
}
7*

/* Allgemeine Klassen und IDs */
/* 
img#logo {  
  background-color: white;
  color: black;
  padding: 10px; 
  border: 10px solid #d9d9d9; 
}
*/



/* ====================================== 
   3.  Styles für die Layoutbereiche 
====================================== */

div#wrapper { 
  background-color: #999999; 
  background-image: URL(../_elemente/bgsandstein_mittelgrau.jpg);
  color: black; 
  width: 815px; 
  margin: 30px auto; 
}

div#titelbild {
      width:785px;
      height:480px;	
      margin: auto;
      padding: 15px 15px 15px 15px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #003300;
      background: URL(../_elemente/bgleinen_mittelgrau.jpg);
      color: #FFCC66;
      text-align: center;
      overflow: hidden;
        } 

img#titelbild1 {
      margin: 35px auto;
}

div#titelbild2 {
      width:815px;
      height:500px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #003300;
      background: URL(../_elemente/bgleinen_mittelgrau.jpg);
      color: #FFCC66;
      text-align: center;
      overflow: hidden;
        } 



.startbox {
      position: relative;
      width:765px;
      margin: 0px;
      padding: 15px 25px 15px 25px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #003300;
      background: URL(../_elemente/bgleinen_dunkelgruen.jpg);
      color: #FFCC66;
      text-align: left;
      overflow: hidden;
        } 
        
div#etrackerbox {
      postition: abolute;
      top: 10px;
      left: 20px;
      }


div#domainstartbox {
       position: relative;
       top:-23px;
       left:520px;
       width: 457px;
       color: #FF9900;
        }
div#textstartbox {
       position: absolute;
       top: 100px;
        }
div#einzellinkbox {
        width: 690px;
        padding-left: 40px;
        }
div#einzellinkbox h4{        
        font-size:18px;
        line-height: 1.5em;
        }
div#einzellinkbox h6{        
        font-size:14px;
        line-height: 1.0em;
        margin-bottom: 0px;
        }

.bildbox {
       position: absolute;
       top:15px;
       left:20px;
       width: 340px;
       height:184px;
        }     
        
.linkbox {
      position: relative;
      width:800px;
      height:184px;
      margin: 0px;
      padding: 15px 0px 15px 15px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #333333;
      background:  URL(../_elemente/bgleinen_mittelgrau.jpg);
      color: #FFCC66;
      text-align: left;
      overflow: hidden;
        } 

.medienbox {
      position: relative;
      width:645px;
      left:35px;
      margin: 0px;
      padding: 35px 0px 35px 35px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #333333;
      background: URL(../_elemente/bgleinen_mittelgrau.jpg);
      color: #FFCC66;
      text-align: left;
      overflow: hidden;
        } 




.domainbox {
       position: absolute;
       top:17px;
       left:343px;
       width: 457px;
       height: 130px;
       color: #FF9900;
        }
        
.domainbox1 {
       position: absolute;
       top:62px;
       left:343px;
       width: 457px;
       height: 100px;
       color: #FF9900;
        }
        
.domainbox2 {
       position: absolute;
       top:62px;
       left:560px;
       width: 250px;
       height: 100px;
       color: #FF9900;
        }

.textbox {
       position: absolute;
       top:150px;
       left:343px;
       width:427px;
       padding:0px 10px 0px 10px;
       text-align:right;
       background-color: #666666;
}
       
.textbox2 {
       position: absolute;
       top:180px;
       left:343px;
       width:437px;
       height:17px;
       color: #999999;
       font-family: "arial";
       font-size: 14px;
       font-weight: 100;
       margin:0px;
       padding:0px 0px 0px 10px;
       text-align:right;
       text-valign:middle;
       background-color: transparent;
}       

.pseudomap {
       position: absolute;
       top:0px;
       left:0px;
         }       

.s21box {
      width:785px;
      margin: 50px 0 0 0;
      padding: 25px 15px 15px 15px;
      border-style: ridge;
      border-width: 2px;
      border-color: #FFFFFF;
      background-color: #003300;
      background: URL(../_elemente/bgleinen_mittelgrau.jpg);
      color: #FFCC66;
      text-align: left;
      overflow: hidden;
        } 

       
/*
div#kopfbereich {
  background: #ffe574 url(farbverlauf.jpg) repeat-y left top;
  color: black;
  padding: 10px 20px 0 20px; 
}
  p#slogan span {
    color: #d90000; 
  }
div#navibereich {
  padding: 5px 20px; 
}
div#textbereich {
  padding: 20px; 
}
  div#textbereich a { 
    border-bottom: 1px dotted #cc0000; 
  }
  div#textbereich a:hover,
  div#textbereich a:focus { 
    border-bottom: 1px solid #d90000; 
    text-decoration: none; 
  }
div#fussbereich {
  padding: 10px 20px 20px 20px; 
  border-top: 1px solid #8c8c8c;
  margin-top: 0;  
}
*/


  
  /* ====================================== 
     4. Sonstige Styles 
  ====================================== */
  



  
  
/* ======================================= 
   Ende des Stylesheet bildschirm.css  
   ======================================= */