html {
height:100%;
margin-bottom:1px;
}

/*  **** Grundformatierungen  **** */
body 
{
background-color: #ffffff; 
color:#000000;
font-family: Verdana, Arial, helvetica, sans-serif;
margin:0px;
padding-top:0px;
text-align: center;
    	}

body.contentpane 
{
background-color: #ffffff; 
color:#000000;
font-family: Verdana, Arial, helvetica, sans-serif;
margin:0px;
padding-top:0px;
}

.clear 
{
float: none;
clear:both;
height: 1px;
background-color: #FFFFFF;
width: 1px;
}	
	 
#container 
{  		
width: 800px; 
height: 100%; 
margin: 0px auto; /* !!! */
text-align: left; /* !!! */
background: #FFFFFF;
}

#start_1 
{ 
width: 800px; 
height: 150px; 
text-align:left;
background: #FFFFFF;
}
											


#logo_1 
{  
width: 500px;
height: 150px; 
text-align:left;
background: url(../images/logo_start_oben.jpg) no-repeat;
padding:0px;
margin: 0px;
float: left;
}

#platz
{  
width: 300px; 
height: 150px;
background: url(../images/leer.jpg) no-repeat;
text-align:left;
margin: 0px;
float: left;
}

#start_1 
{ 
width: 800px; 
height: 250px; 
text-align:left;
background: #FFFFFF;
}


#logo_2 
{  
width: 500px;
height: 250px; 
text-align:left;
background: url(../images/logo_start_unten.jpg) no-repeat;
padding:0px;
margin: 0px;
float: left;
}

#log 
{  
width: 300px;
height: 250px; 
text-align:left;
margin: 0px;
float: left;
} 

#text 
{  
width: 300px; 
text-align:left;
margin: 0px;
float: left;
} 

#login 
{  
width: 300px; 
text-align:left;
margin: 0px;
float: right;
}
	

#start_2 
{ 
width: 810px; 
height: 200px; 
text-align:left;
background: #FFFFFF;
}
	
#b1
{  
width: 300px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/bogen1.jpg) no-repeat;
float: left;
}


#dtsch
{  
width: 100px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/dtsch.jpg) no-repeat;
float: left;
}

#engl
{  
width: 100px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/engl.jpg) no-repeat;
float: left;
}

#franz
{  
width: 100px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/franz.jpg) no-repeat;
float: left;
}

#span
{  
width: 100px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/span.jpg) no-repeat;
float: left;
}		
		
#b2
{  
width: 100px;
height: 200px; 
text-align:left;
padding:0px;
margin: 0px;
background: url(../images/bogen2.jpg) no-repeat;
float: left;
}	

#ani
{  
width: 800px;
text-align:left;
padding:0px;
margin: 0px;
float: left;
}
				
p, h1,h2 {margin: 0}



/* **** Ueberschrift **** */
div.moduletable-login h3
{
font-size: 12px;
font-weight: bold;
padding-top:5px;
margin-bottom:5px;
}
		

/* **** FORMATIERUNG MENUE ALLGEMEIN **** */ 

ul#mainlevel-top 
{ 	          
list-style: none; 		          
padding: 0px; 	          
margin: 0px;	          
font-size: 11px; 	          
float: left;                  
}

/* *** LISTENPUNKT FORMATE *** */ 

ul#mainlevel-top li 
{              
background:#DCDCDC;             
padding-left: 0px;             
padding-right: 0px;             
float: left;             
margin: 0px;             
line-height: 20px;             
color: #FFF;                   
}

/* *** LINK-FORMATE  *** */ 

ul#mainlevel-top li a 
{	
display: block;
width:auto;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: #333333;
}

/* *** LINK-FORMATE HOVER  *** */ 

ul#mainlevel-top li a:hover
{
color: #FFFFFF;
} 
 
ul#mainlevel-top #active_menu-top {
color: #FFFFFF;
background: #DCDCDC;
} 		


/* **** FORMATIERUNG HAUPTMENUES **** */
.mainlevel {
	display: block;
	background: url(../images/menu_hg.png) no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	color: #004998;
	text-align: left;
	padding-left: 0px;
	height: 22px !important;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_hg.png) no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	color: #004998;
	text-align: left;
	padding-left: 0px;
	height: 22px !important;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -22px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
        background-position: 0px -44px;
	color:#fff;
	font-weight: bold;
}


a.sublevel:link,a.sublevel:visited
{
	display: block;
	vertical-align: middle;
	font-size: 10pt;
	color: #004998;
	text-align: left;
	padding-left: 0px;
	height: 22px !important;
	width: 110px;
	text-decoration: none;
}

a.sublevel:hover
{
	background-position: 0px;
	text-decoration: underline;
	color: #004998;
}

/* AKTIVER MENUEPUNKT */
a.sublevel#active_menu 
{
	background-position: 0px;
	font-weight: bold;
	color: #004998;
}




/* **** FORMATE INHALTSBEREICH **** */

a:link, a:visited
{
color: #004998;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}



table.contentpaneopen 
{
width: 100%;
padding: 0px;
margin: 0px;
}


table.contentpaneopen td.contentheading 
{
font-size: 12px;
letter-spacing: 1px;

font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
color: #004998;
}


.contentheading 
{
font-size: 12px;
letter-spacing: 1px;

font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
color: #004998;
}


.contentpagetitle
{
font-size: 11pt;
letter-spacing: 1px;

font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
color: #004998;
}

a.contentpagetitle 
{
font-weight: bold;
color: #004998;
}


a.blogsection:link,
a.blogsection:visited 
{
color: #333333;
text-decoration: underline;
}

a.readon
{
line-height: 1px;
margin: 0px;
padding: 0px;
color: #800000;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

a.readon:hover
{
text-decoration: underline;
font-weight: bold;
}


span.article_seperator 
{ 
display: block; 
height: 20px;   
width:100%;
}


.back_button 
{
float: left;
text-align: center;
font-size: 10px;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}