/* 0 0 0 0 = oben - rechts - unten - left */

body	{
		width:100%;
		height: 100%;
		padding: 0;
		font-weight: normal;
		background: #f2fcff url(images/bg.png) repeat left top;
		}
		
html,body	{
		width:100%;
		height:100%;
		margin: 0px;
		padding: 0px;
		}

img		{
		border: 0px;
		}
 
a:link,a:visited{
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		background-color: transparent;
		}
 
a:active,a:hover{
		text-decoration: none;
		background-color: transparent;
		}

hr		{
		clear:both;
		text-align: left;
		margin-left: 0px;
		margin-top: 0px;
		width: 535px;
		color: transparent;
		height: 1px;
		line-height: 1px;
		border-bottom: 1px dashed #cccccc;
		border-top: 0px solid #cccccc;
		border-left: 9px solid #707070;
		border-right: 9px solid #707070;
		background: transparent url() no-repeat left top;
		}
		
html>body hr	{
		border: 0px solid transparent !important;
		height: 8px !important;
		background: transparent url(images/hr1.png) no-repeat left center;
		}
		
.hr2		{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		}

.textbox	{
		font: 8pt/120% Arial,Helvetica,sans-serif;
		color: #010000;
		padding: 2px;
		background: #f0f0f0 url() repeat-x left top;
		}
		
#header		{
		width: 100%;
		height: 95px;
		margin: 0px;
		text-align:center;
		background: #3366cc url(images/bg-header01.gif) repeat-x left top;
		border-bottom: 10px solid #ffffff;
		}
		
		
#navholder	{
		position:relative;
		width: 100%;
		height: 24px;
		margin: 0px;
		background: #fafabe url(images/bg-navleiste1.gif) repeat-x center bottom;
		}

#mainbg		{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height:100%;
		margin: 0px;
		background: #f4f4f4 url() repeat-y left top;
		z-index: 0;
		}
		
		
/* MainBG zusätzlich overflow. Jedoch IE aussshliessen da er Layoutfehler verursacht */
		
html>body #mainbg{
		overflow:auto;
		}

#siteholder	{
		position:relative;
		top: 0px;
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		text-align:center;
		border-top: 1px solid #6b80a4;
		border-bottom: 1px solid #6b80a4;
		background: #dce5f8 url() repeat-x left top;        
		}
		
#contentarea	{
		position:relative;
		left: 0px;
		width: 80%;
		margin: 0px auto 0px auto;
		padding: 5px 0px 5px 0px;
		border-right: 5px solid #6b80a4;
		border-left: 5px solid #6b80a4;
		border-top: 0px solid #6b80a4;
		background: #ffffff url() no-repeat left top;
		}
		
#rightframe	{
		position:relative;
		display:block;
		float:right;
		width: 235px;
		margin: 0px auto 0px auto;
		padding: 2px 0px 2px 0px;
		background: #cccccc url() no-repeat left top;
		}
		
#startblock1	{
		display:block;
		padding-left: 19px;
		padding-right: 10px;
		margin:auto;
		text-align:justify;
		top: 15px;
		width: 700px;
		border-left: 0px solid transparent;
		background: #ffffff url() no-repeat left top;
		}

#adressblock	{
		display:block;
		border-top: 1px solid #000000;
		padding-top: 5px;
		margin:auto;
		text-align:right;
		width: 775px;
		background: transparent url(images/l2.gif) no-repeat center top;
		}		
		
 
#footer		{
		text-align: center;
		width:100%;
		height:30px;
		margin: 0px;
		background: #3366cc url(images/bg-footer01.gif) repeat-x center top;
		border-top: 10px solid #ffffff;
		}
		
		
/* Transparenz Klasse für verschiedene Elemente */
		

.trans50	{
		opacity:0.70; 
		filter:alpha(opacity=70);
		}