/* CSS Document */

body {
 margin: 0;
padding: 1%;
  font-family:arial, sans-serif ;
  font-size:12px;
}

a {
	color: #0B4D8C;
	text-decoration: none;
} 



h1 {
	font-size: 12px;
	padding: 0.6em 0 0.2em 2%;
	margin: 0;
	/*font-variant: small-caps;*/
	color:#666666;
}

.minititle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing: 1px;
	margin-top: 45px;
	
	}
	
.fleft { /* Sachen, an denen der Text vorbeiflie?en soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen sch?nen Abstand w?hlen, sonst kleben die Sachen so am Text. */
}
.leftyclear
{
clear:left;
}

.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}



/* -- Layoutspezifisches -- */

#contentcenter	{
width:767px;
position:absolute;
left:50%;
margin-left:-382px;
}

#maincontent	{
width:765px;
background-color:#FFFFFF;
}
#os
{
	margin:30px 5px 25px 5px;
}
#ios
{
	margin:100px 5px 100px 5px;
}
#mitte
{
margin:auto;
width:600px;
	}
	#mitte img
	{
	float:left;
	}
#textmitte
{
	margin:55px 5px 10px 55px;
	text-align:left;
	width:600px;
	}

#us
{
margin:100px 5px 30px 5px;
}

#footer {

  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav l?nger sein sollte. */

  padding: 0 20px;

}

/* - Men? - */

#menu {
margin:25px 5px 10px 5px;
color: #66CCCC; /* Hier definieren wir die Farbe des Men?punktes, der kein Link ist, also den Men?punkt der Seite auf der wir uns gerade befinden. */
}

#menu li {
	font-size: 12px;
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 15px;
	text-transform: capitalize;
	word-spacing: 1px;
	background-image: url(../media/img/seismotremb.jpg);
}
#menu li a 
{
color: #000000; 
text-decoration: none;
}
#menu li a:link 
{
color: #000000; 
text-decoration: none;
}
#menu li a:hover 
{
color: #CCCCCC; 
text-decoration: none;
}
#submenu 
{
margin:40px 5px 20px 8px;
color: #66CCCC; /* Hier definieren wir die Farbe des Men?punktes, der kein Link ist, also den Men?punkt der Seite auf der wir uns gerade befinden. */
text-align:left;
}
#submenu li 
{
	font-size: 10px;
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0 15px;
	text-transform: capitalize;
	word-spacing: 0,3;
}
#submenu li a 
{
color: #000000; 
text-decoration: none;
}
#submenu li a:link 
{
color: #000000; 
text-decoration: none;
}
#submenu li a:hover 
{
color: #CCCCCC; 
text-decoration: none;
}
img
{
float:left;
margin: 0.1em 1em 0.1em 0;
}
a img 
{
border:0 none;
}
table
{
	font-size:11px;
}
input
{
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
font-size:10px;
}