body
	{
	margin: 0;
	padding: 0;
	background-image: url(bg.jpg);
	font-size: 11px;
	font-family: arial;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
  overflow: auto;  		
	}

h1 {
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color: #cf4447;
	line-height: 22px;
	text-decoration: none
}

#container
	{
		margin: auto;
		margin-top: 5px;
		margin-bottom: 0px;
		width: 950px;
		background-color: #ffffff;
		background-image: url(leftright.jpg);
		border: 5px #808080 solid;
		
	}
	
#container_intro
	{
		margin: auto;
		margin-top: 5px;
		margin-bottom: 0px;
		width: 980px;
		text-align: center;
		
	}
	
#top
	{
		margin: auto;
		margin-top: 30px;
		margin-bottom: 0px;
		width: 960px;
		height: 68px;
		
	}
	
#logo
	{
		margin: 0px;
		width: 250px;
		height: 68px;
		border: 0px;
		float: left;
		
	}
	
#slogan
	{
		margin: 0px;
		width: 650px;
		height: 68px;
		border: 0px;
		text-align: right;
		padding: 0px 10px;
		float: right;
		
	}
	
#header
	{
		margin: 0px;
		padding: 0px;
		width: 950px;
		height: 75px;
		border: 0px;
			
	}
	
#flash
	{
		margin: 0px;
		width: 700px;
		border: 0px;
		padding: 0px;
		border: 0px;
		float: left;
			
	}
	
#maxbox
	{
		margin: 0px;
		width: 950px;
		height: 40px;
		border: 0px;
		background-color: #222222;
		color: #ffffff;
		float: left;
			
	}
	
#content
	{
		margin: 0px;
		width: 660px;
		border: 0px;
		padding: 10px;
		border: 0px;
		float: left;
			
	}
	
#content a
	{
		text-decoration: none;
		color: #cf4447;			
	}
	
#content a:hover
	{
		text-decoration: underline;
		color: #cf4447;
	}
	
#content ul
	{
		padding-left: 20px;
		margin-left: 0px;
		list-style-type: none;
	}
	
#content li
	{
		list-style-image: url(arrow-content.jpg);
		padding: 0px 3px 0px 3px;
	}
	
#reglist
	{
		margin: 0px;
		width: 680px;
		border: 0px;
		padding: 0px;
		border: 0px;
		float: left;
			
	}
	
#reglist ul
	{
		padding-left: 20px;
		margin-left: 0px;
		list-style-type: none;
	}
	
#reglist li
	{
		list-style-image: url(arrow-reglist.jpg);
		padding: 0px 3px 0px 3px;
	}
	
#pages
	{
		margin: 0px;
		width: 680px;
		border: 0px;
		padding: 3px 0px 0px 0px;
		border: 0px;
		text-align: right;
		color: #CCC
			
	}
	
#right
	{
		margin: 0px;
		width: 250px;
		border: 0px;
		padding: 0px;
		border: 0px;
		text-align: center;
		font-size: 11px;
		line-height: 14px;
		color: #ffffff;
		float: right;
			
	}

	
#right a
	{
		text-decoration: none;
		color: #f5c711;			
	}
	

	
#right a:hover
	{
		text-decoration: underline;
		color: #f5c711;
	}

	
#rightx
	{
		margin: 20px 0px 20px;
		width: 230px;
		border: 0px;
		padding: 0px;
		border: 0px;
		text-align: center;
		font-size: 11px;
		line-height: 14px;
		color: #ffffff;
		float: right;
			
	}

#right_nutzen
	{
		padding: 20px 10px 0px 10px;
		width: 230px;
		border: 0px;
		margin: 0px;
		border: 0px;
		text-align: left;
		font-size: 11px;
		line-height: 14px;
		color: #ffffff;
		float: right;
			
	}
	

#right_nutzen ul
	{
		padding-left: 20px;
		margin-left: 0px;
		list-style-type: none;
	}
	
	
#right_nutzen li
	{
		list-style-image: url(arrow-nutzen.jpg);
		padding: 0px 3px 0px 3px;
	}
	
#bottom
	{
		margin: 0px;
		width: 950px;
		height: 15px;
		border: 0px;
			
	}
	
#copy
	{
		margin: auto;
		margin-top: 1px;
		width: 960px;
		height: 30px;
		background-image: url(bg_copy.jpg);
		border: 0px;
		
	}
	
#copyleft
	{
		margin: 0px;
		width: 350px;
		height: 30px;
		border: 0px;
		padding-left: 10px;
		float: left;
		
	}
	
#copyright
	{
		margin: 0px;
		width: 350px;
		height: 30px;
		border: 0px;
		padding-right: 10px;
		text-align: right;
		float: right;
		
	}
	
#navi
	{
    margin: 0px;  
    padding: 0px;      		
		width: 950px;
		height: 25px;
		background-color: #252525;
		color: #ffffff;		
		border: 0px;
		border-top: 1px #959b9b solid;
	
	}
	
#home
	{
   float: right;
   margin-right: 0px;		
	}
	
	
	
	
/* CLASSES */


.copy {
	font-size: 10px;
	color: #7e8181;
	text-decoration: none;
}
.copy a {
	font-size: 10px;
	color: #7e8181;
	text-decoration: none;
}
.copy a:hover {
	font-size: 10px;
	color: #cf4447;
	text-decoration: none;
}

.fokus
	{
    margin: 0px 0px 10px 0px;
    padding:  0px 10px 10px 10px;  
		width: 660px;
	}  
	
.fokusleft
	{
    margin: 0px;
    padding: 0px 10px 0px 0px;
		width: 300px;
		float: left;
		border: 0px;
	}	    	
  
.fokusright
	{
    margin: 0px;
    padding: 0px 10px 0px 10px;
		width: 300px;
		float: left;
	}

.kontakt
	{
    margin: 0px;
    padding:  0px;  
		width: 660px;
	}  
	
.kontaktleft
	{
    margin: 0px;
    padding: 0px;
		width: 250px;
		float: left;
		border: 0px;
	}	    	
  
.kontaktright
	{
    margin: 0px;
    padding: 0px 10px 0px 10px;
		width: 350px;
		float: left;
	}
	

.art
	{
    margin:  10px 10px 15px 0px;
    padding: 0px 0px 0px 0px;
	width: 30px;
	height: 30px;
	float: left;
	}
	


/* MENU */

#menu { width: 100%; background: #252525; float: left; }

    #menu ul { list-style: none; margin: 0px; padding: 0; width: 80px; float: left;
    } 

    #menu a, #menu h2
      { font: bold 11px/16px arial, helvetica, sans-serif;
      display: block; border-width: 1px; border-style: solid;
      border-color: #ccc #888 #555 #bbb;
      margin: 0; padding: 2px 3px; } 

    #menu h2 { color: #FF8635; background: #252525; text-transform: uppercase;
    } 

    #menu a { color: #000; background: #252525; text-decoration: none; }

    #menu a:hover { color: #a00; background: #fff; }

    #menu li {position: relative;} 

    #menu ul ul { position: absolute; z-index: 500; }

    #menu ul ul ul { position: absolute; top: 0; left: 100%; } 

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;} 

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;}