body { font-size: 0.9em; font-family: Arial,Helvetica,Verdana,sans-serif; text-align: left; color: #464646;margin:0;line-height: 1.2em;background-color:#eaeaea;}

#container {
  position:relative; 
  }
#menu {
  text-align:center; 
  position:relative; 
  height:2em;
  padding-top:1em;
  }
.box {
  position:relative; 
  float:left; 
  top:10px;
  }
#menu a, #menu a:visited {
  position:relative; 
  font-weight:bold;
  font-size: 1.2em;
  text-decoration:none; 
  background-color:#eaeaea; 
  color:#b5b5b5; 
  display:block; 
  height:15px; 
  padding:8px;
  margin:0 1px;
  }
  
#menu a.active {
  position:relative; 
  font-weight:bold;
  font-size: 1.2em;
  text-decoration:none; 
  background-color:#eaeaea; 
  color:#ff9900; 
  display:block;  
  height:15px; 
  padding:8px;
  margin:0 1px;
}
  
#menu a .topleft, #menu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#menu a:hover
{
  background-color:#eaeaea;
  color: #ff9900; 
 }




a[href^="http:"] {
background: transparent url('http://www.reticon.de/bilder/extern.gif') 100% 50% no-repeat;
padding-right: 18px;
}

a[href $='.pdf'] {
   padding-right: 21px;
   background: transparent url(http://www.reticon.de/bilder/pdficon.gif) 100% 50% no-repeat;
}

a[href $='.ppt'] {
   padding-right: 21px;
   background: transparent url(http://www.reticon.de/bilder/ppticon.gif) 100% 50% no-repeat;
}

a[href^="http://reticon.de"],
a[href^="http://reticon-server"],
a[href^="http://www.reticon.de"],
a[href^="http://www.bildungs-tag.de"],
a[href^="http://www.bildungs-suche.de"],
a[href^="http://www.klipfarm.com"],
a[href^="http://www.bitfolge.de"]
{
background: transparent;
padding-right: 0px;
}

#main {
color: #464646;
width: 1000px;
margin: 0;
text-align:left;
padding:1px;
}

#top_logo {
position:absolute;top:100px;left:0px;
width:1000px;
text-align:right;
}
#top {
width: 800px;
background-color: #eaeaea; color: #464646;
text-align:left;
padding-bottom:2px;
}
#content_top {
width: 1000px;
background-color: black; color: white;
text-align:left;
padding-bottom:0;
}
#nest {
font-size: 0.9em;
line-height: 0.9em;
font-family: Arial,Helvetica,Verdana,sans-serif;
color: #464646;
text-align: left;
margin-left: 5px;

}
#leftBox-breit
{
font-size: 0.7em;
line-height: 1.5em;
font-family: Arial,Helvetica,Verdana,sans-serif;
color: #464646;
width: 595px;
margin-left:10px;
float:left;
}
#leftBox-schmal {
color: #464646;
width: 298px;float:left;
}
#leftBox-rest {
font-size:1em;
line-height: 1.3em;
color: #464646;
width: 160px;
height: 400px;
float:left;
margin-left: 0;
margin-right: 5px;
}
#comment {
color: #464646;
width: 550px;
margin-left: 10px;
float:left;
height:100%;
}
#content-schmal {
font-size:0.9em;
color:#464646;
margin-left: 645px;
width: 350px;
}
#content-breit {
color:#464646;
margin-left: 170px;
width: 600px;
}
#content-shop {

color:#464646;
padding:5px;
margin-left: 0px;
width: 800px;
height:100%;
}
#content-rest {
font-size:0.7em;
font-family: Arial,Helvetica,Verdana,sans-serif;
color:#464646;
margin-left: 180px;
width: 800px;
}
#content-rest-medientipps {
font-size:0.7em;
font-family: Arial,Helvetica,Verdana,sans-serif;
color:#464646;
margin-left: 180px;
width: 800px;
}

#footer_1
{
font-size: 0.7em;
line-height: 1.2em;
font-family: Arial,Helvetica,Verdana,sans-serif;
 text-align: center;
 width:130px;
 float:left;
 margin: 15px 14px;
 padding: 4px;
 border: 1px solid #666666;
}
#footer_2
{
font-size: 0.7em;
line-height: 1.2em;
font-family: Arial,Helvetica,Verdana,sans-serif;
 text-align: center;
 width: 130px;
 float:left;
 margin: 15px 14px;
 padding: 4px;
 border: 1px solid #666666;
}
 #footer_3
{
font-size: 0.7em;
line-height: 1.2em;
font-family: Arial,Helvetica,Verdana,sans-serif;
 text-align: center;
 width: 130px; float:left;
 margin: 15px 14px;
 padding: 4px;
 border: 1px solid #666666;
 }
  #footer_4
{
display:none;
  }
H1 {font-family: Arial,Helvetica,Verdana,sans-serif; FONT-SIZE: 1.6em; FONT-WEIGHT: bold;line-height: 1em; margin-bottom:5pt;margin-top:0pt}
H2 {FONT-SIZE: 1.3em; FONT-WEIGHT: bold;text-align:center;line-height: 16pt;}
H3 {FONT-SIZE: 1.2em; FONT-WEIGHT: bold;text-align:left;line-height: 11pt;}
a {font-family: Arial,Helvetica,Verdana,sans-serif; FONT-SIZE: 1em; FONT-WEIGHT: bold;line-height: 1em; margin-bottom:5pt;margin-top:2pt;color:#464646}

.formular
{
 border-top:10px;
 margin-top:0px;
 width:35em;
 float:left;
}

.ebene {
 clear: both;
 padding: 2px 0
}

.label {
 text-align:right;
 margin-right: 10px;
 float:left;
 width:6em
}
input { font-size:1em; background-color:#F2F2F2; color:#464646; border:solid 1px;}
textarea { font-size:1em; background-color:#F2F2F2; color:#464646; border:solid 1px;}
