# bulletproof.css
# created: 2008-05-29 / Maico
# lastmod: 2008-06-12 / Maico
#


body {
  font-size: small;
  }

h1 {
  font-size: 150%;
  }
h2 {
  font-size: 130%;
  }
h3 {
  font-size: 120%;
  }

ul li {
  font-size: 90%;
  }

.note {
  font-size: 85%;
  }


#container {
  font-size: 110%;
  }



#nav {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0 0 46px;
  list-style: none;
  background: #FFCB2D url(img/nav_bg.gif) repeat-x bottom left;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  font-family: "Lucidia Grande", sans-serif;
  font-size: 55%;
  }

#nav a {
  float: left;
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color #333;
  text-decoration: none;
  border: 1px solid #9B8748;
  border-bottom: none;
  background: #F9E9A9 url(img/off_bg.gif) repeat-x top left;
  }


#nav a:hover, body#intro #t-intro a {
  color #333;
  padding-bottom: 5px;
  text-decoration: none;
  border-color: #727377;
  background: #fff url(img/on_bg.gif) repeat-x top left;
  }


hr
{
  color:            green;
  line-height:      7px;
}


.smaller
{
  font-size:        75%;
  line-height:      50%;
}

.copyrite
{
  font-size:        10px;
  line-height:      12px;
}


a:link {
  color: blue;
  font-style: normal;
  font-weight: normal;
}

a:visited {
  color: gray;
  font-style: normal;
  font-weight: normal;
}

a:active {
  color: red;
  font-style: normal;
  font-weight: bold;
}

a:hover {
  color: magenta;
  font-style: italic;
  font-weight: normal;
}


#box_head {
  margin: 0px;
  width: 630px;
  height: 90px;
  position: absolute;
  top: 0px; 
  left: 0px;
  border: 0px solid red;
}

#box_data {
  margin: 0px;
  width: 630px;
  height: 780px;
  position: absolute;
  top: 100px; 
  left: 0px;
  border: 0px solid red;
}

#box_logo {
  margin: 0px;
  width: 120px;
  height: 90;
  position: absolute;
  top: 0px; 
  left: 0px;
  border: 0px solid black;
}

#box_title {
  margin: 0px;
  width: 500px;
  height: 60px;
  position: absolute;
  top: 0px; 
  left: 130px;
  border: 0px solid blue;
}

#box_navi {
  margin: 0px;
  width: 500px;
  height: 30px;
  position: absolute;
  top: 60px; 
  left: 130px;
  border: 0px solid green;
}


.cls_welcome {
  font-family: times, serif;
  color: green;
  font-style: italic;
  font-size: 28px;
  padding: 2px;
  line-height : 0px;
}

.cls_name {
  font-family: times, serif;
  color: red;
  font-style: italic;
  font-size: 24px;
  padding: 2px;
  line-height : 0px;
}

.cls_navi {
  font-family: times, serif;
  color: black;
  font-style: normal;
  font-size: 18px;
  padding: 2px;
  line-height : 24px;
}

.title
{
  color: black;
  background-color : #CCCC99; /* old gold */
  font-style: italic;
  font-size: 20px;
  padding: 2px;
  line-height : 12px;
}



# Aufruf einer .Klasse via <TAG class="Klasse"> ... </TAG>
# Bsp.
#
#  p.Klasse
#  {
#    position: relative;
#    left: 15%;
#    width: 80%;
#    padding: 30px;
#    padding-bottom: 45px;
#    border: 1px solid black;
#    line-height: 1.5em;
#    color: black;
#    font-weight: bold;
#    text-align: justify;
#    background-color: #eeeeee
#  }