/*CSS-Datei zu Montis Blog - Coda mk1

Präfix "in-":   Design der index.html Datei (Startseite) (index)
Präfix "apr-":  Design der projects.html Datei (Meine Projekte) (all projects)
Präfix "spr-":  Design der spezifischen Projektdateien (specific projects)
Präfix "ab-":   Design des Impressums (about)

*/


body {
    background-color: white;
}



#webseite{
    width: 980px;
    font-family: Arial;
    font-size: 16;
    margin: 0 auto;
    color: #666666;
    position: static;
}

#menue{
    font-size: 18;
    color: grey;
    text-align: center;
}

#botlane{
    clear: both;
    color: #4e4e4e;
    text-align: right;
    margin-top: 60px;
}

#news{
    font-family: Arial;
    background-color: #8c8c8c; /*4e4e4e*/

    color: white;

    border-radius: 10px;
    border-width:1px;
    border-style:solid;
    border-color:black;

    width: 150px;
    height: 200px;
    text-align: center;
    padding: 5px;
    top: 8px;
    position: fixed;
    margin-left: 990px;
    float: right;
}

#news u1{
    font-size: 18;
}

a:link {
color:#0096ff; }

a:visited {
color:#999999; }

a:hover {
color:#006bff; }

a:active {
color:#ff0000; }



#inheader {
    background-image: url("Bilder/Cover/inCoverPic.jpg");
    margin-top: 10px;
    border-radius: 10px;
    height: 365px;

}

#inCovertext {
    font-size: 40;
    font-weight: bold;
    color:#4e4e4e;
    padding-left:15px;
    padding-top: 6px;
    height: 50px;
    width: 245px;
    background-color: white;
    position:absolute;
    top: calc(95px + 291px);  /* Added 95px here to accommodate for montebaur.tech header. */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#inContent {
    margin: 0 auto;
    width: 900px;
    margin-top: 40px;
}



#aprheader {
    background-image: url("Bilder/Cover/aprCoverPic.jpg");
    margin-top: 10px;
    border-radius: 10px;
    height: 183px;
}

#aprCovertext {
    font-size: 40;
    font-weight: bold;
    color:#4e4e4e;
    padding-left:15px;
    padding-top: 6px;
    height: 50px;
    width: 339px;
    background-color: white;
    position:absolute;
    top: calc(95px + 75px);  /* Added 95px here to accommodate for montebaur.tech header. */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

#aprNews {
    margin-left: -130px;
    margin-top: 133px;
    width: 100px;
    float: left;
    text-align: center;
    border: 2px solid black;
    border-radius: 10px;
    padding: 5px;
    background-color: #eeff84;
    color: black;
}

#aprContent {
    margin: 0 auto;
    width: 900px;
    margin-top: 30px;
}

#aprProject {
    clear: both;
    margin: 0 auto;
    width: 900px;
    margin-top: 30px;
}

#aprProjectPic {
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 450px;
    height: 299px;
    border:2px solid #4e4e4e;
}

#aprProjectTxt {
    color: grey;
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 20px;
    width: 426px;
    line-height: 1.5;
}

#aprProjectTxt u1 {
    color: #0096ff;
    font-weight: bold;
    font-size: 18;
    text-decoration: underline;
}



#sprheader {
    margin-top: 10px;
    height: 470px;
    width: 980px;
    border-radius: 10px;
}

#sprTitle {
    font-size: 40;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 20px;
}

#sprDate {
    font-size: 30;
    font-weight: bold;
    color: #0096ff;
    margin-top: -5px;
    margin-left: 38px;
}

#sprContent {
    margin: 0 auto;
    width: 900px;
    margin-top: 20px;
}

#sprContentTxt {
    margin: 0 auto;
    margin-top: 5px;
    clear: both;
    width: 880;
}

#sprContentTxt u1 {
    font-weight: bold;
}

#sprContentPic {
    float: left;
    border:2px solid #4e4e4e;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}

#sprContentPicpl {
    float: left;
    border:2px solid #4e4e4e;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sprContentPicpr {
    float: right;
    border:2px solid #4e4e4e;
    margin-top: 5px;
    margin-bottom: 5px;
}



#abheader {
    background-image: url("Bilder/Cover/about_Header.jpg");
    margin-top: 10px;
    border-radius: 10px;
    height: 340px;
}

#abCovertext {
    font-size: 40;
    font-weight: bold;
    color:#4e4e4e;
    padding-left:15px;
    padding-top: 6px;
    height: 50px;
    width: 230px;
    background-color: white;
    position:absolute;
    top: calc(95px + 270px);  /* Added 95px here to accommodate for montebaur.tech header. */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

#abContent {
    margin: 0 auto;
    width: 900px;
    margin-top: 20px;
}

#abContentTxtpl {
    float: left;
    margin-top: 5px;
    width: 280px;
}

#abContentTxtpl u1 {
    font-weight: bold;
}

#abContentTxtpr {
    float: right;
    margin-top: 5px;
    width: 550px;
}

#abContentTxtpr u1 {
    font-weight: bold;
}

#abContentPic {
    float: left;
    border:2px solid #4e4e4e;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
}




#menue ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  background: transparent url(Bilder/NavBar/nav_bar.png) repeat-x top left;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 10px;
  border-width:1px;
  border-style:solid;
  border-color:black;
}

#menue li {
  display: block;
  float: left;
  margin-left: 135px;
  width: 150px;
  padding: 0;
}

#menue li a {
  display: block;
  float: left;
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 20px 0 20px;
}

#menue li a:hover {
  color: #FFFFFF;
  height: 22px;
  background: transparent url(Bilder/NavBar/nav_bar.png) 0px -30px no-repeat;
  border-radius: 10px;
}

#menue li.active a {
  display: inline;
  height: 22px;
  background: transparent url(Bilder/NavBar/nav_bar.png) 0px -30px no-repeat;
  float: left;
  margin: 0;
  border-radius: 10px;
}