body
{
font: 80% arial, hevetica, sans-serif;
text-align: center;
color: #000066;
background-color: #CCCCCC;

}

a:link { color: #990000; }
a:visited { color: #300; }
a:hover, a:active
{color: #fff;
background-color: #900;
}

a:link.teaserlink{
color: #000066;
text-decoration: none;
}
a:visited.teaserlink{
color: #000033;
text-decoration: none;
}
a:hover.teaserlink{
color: #990000;
background-color: #E6E6E6;
text-decoration: none;
}


h1 {font-size:120%;
color: #006}

h2
{
color: #006;
font-size: 90%;
font-weight: bold;
margin-bottom: 5px;
}


h3
{color: #006;
font: 100%;
}

#container
{margin: 3em auto;
width: 800px;
text-align: left;
background-color: #e6e6e6;
border: 1px solid #333;
border-top: 3px solid #900;
}

#header
{
height: 60px;
width: 100%;
background-color: #fff;
background-image: url(florianaigner340.jpg);
background-repeat: no-repeat;
background-position: left;
border-bottom: 2px solid #900;
position: relative;
}

#contents {
margin: 20px 260px 40px 20px;
border: 0px solid #000;
clear:left;
}

#leftcolumn{
margin: 0px 0px 20px 20px;
width: 245px;
float: left;
display: inline;
border: 0px solid #0f0;
}


#rightcolumn{
margin: 0px 0px 20px 10px;
width: 245px;
float: left;
display: inline;
padding-left: 10px;
border-left: 1px solid #ccc;
}

#contents p { line-height: 135%; }


#footer
{
color: #fff;
background-color: #900;
text-align: right;
font-size: 90%;
margin-top: 40px;
clear:both;
}

#footer:after
{
margin: 0 0 0 0;
padding: 0 0 0 0;
content:"Copyright © Florian Aigner 2009";
}


img.imagefloat
{
float: right;
padding: 0px;
border: 1px solid #006;
margin: 0px 0 10px 10px;
}

#piccaption
{
width: 210px;
float: right;
font-size: 80%;
border: 1px solid #006;
margin: 5px 10px 15px 10px;
}

img.teaser
{
float: left;
padding: 0px;
border: 0px solid #006;
margin: 0px 20px 15px 0px;
}

img.imagefloatl
{
float: left;
padding: 0px;
border: 1px solid #006;
margin: 0px  20px 10px 0px;
}

.teaserbox
{
height: 100px;
padding-top: 0 px;
padding-bottom: 0px;
margin: 0 0 0 0;
border: 0px solid #900;
}


#links
{
float: right;
display: inline;
margin: 20px 20px 10px 10px;
width: 190px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-left: 15px;
padding-right: 15px;
background-image: url(http://www.florianaigner.at/pics/smoothgray.jpg);
background-repeat: repeat-x;
padding-top: 15px;
line-height: 110%;
}

#links h2
{
color: #900;
font-size: 100%;
font-weight: bold;
}

#links p
{
font-size: 70%;
line-height: 100%;

}


.linkpic
{
float: left;
border: 1px solid #006;
margin: 0 5px 0px 0px;
}

.linkbox
{
padding-top:5px;
padding-bottom:5px;
border: 0px solid #900;
}

.stuffbox
{
background-color: #EEE;
margin-bottom: 15px;
padding:15px;
border-top: 1px solid #900;
border-bottom: 1px solid #900;
color: #900;
font-size:100%;
}

.piclinkbox
{
height: 70px;
padding-top:1px;
padding-bottom:1px;
border: 0px solid #900;
}

.separator
{
margin: 15px 0 5px 0;
border-top: 1px solid #ccc;
border-bottom: 0px solid #ccc;
}


.linkseparator
{
margin: 2px 0 5px 0;
border-top: 1px solid #ccc;
border-bottom: 0px solid #ccc;
}

.clearseparator
{
margin: 10px 0 0px 0;
border-top: 1px solid #ccc;
border-bottom: 0px solid #ccc;
clear:left;
}

#menu
{
  height: 45px;
  width: 100%;
  background-image: url(menubar3.jpg);
  background-repeat: no-repeat;
  background-position: left;
  border-top: 1px solid #900;
  border-bottom: 1px solid #900;
  font-size: 10%;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}

#menu .home {
  width: 70px;
  height: 35px;
  background: url(home2.gif) no-repeat;
  left: 40px;
  top: 4px;
}

#menu .texte {
  width: 78px;
  height: 35px;
  background: url(text2.gif) no-repeat;
  left: 126px;
  top: 4px;
}

#menu .physik {
  width: 109px;
  height: 35px;
  background: url(physik2.gif) no-repeat;
  left: 220px;
  top: 4px;
}

#menu .privat {
  width: 70px;
  height: 35px;
  background: url(privat2.gif) no-repeat;
  left: 346px;
  top: 4px;
}

#menu .kontakt {
  width: 70px;
  height: 35px;
  background: url(kontakt2.gif) no-repeat;
  left: 434px;
  top: 4px;
}