html
{
margin:0px; 
padding:0px;
font-family:arial;
height:100%;
color: #333;
/*background-color:#000099;*/
}

body
{
margin:0px; 
padding:0px;
height:100%; 
background-color:#fff;
}


h1
{
margin:0px 0px 2px 0px; 
padding:0px 0px 2px 0px;
color:#cc0033;
font-size:160%;
line-height:150%;
}

h2
{
clear:both;
margin:0px 0px 2px 0px; 
padding:0px 0px 2px 0px;
color:#555;
font-size:130%;
line-height:150%;
}

h3
{
margin:0px 0px 2px 0px; 
padding:0px 0px 2px 0px;
color:#cc0033;
font-size:110%;
line-height:150%;
}

h4
{
margin:0px 0px 2px 0px; 
padding:0px 0px 2px 0px;
color:#555;
font-size:110%;
line-height:150%;
}

h5
{
margin:2px 0px 2px 0px; 
padding:1px 0px 1px 0px;
font-size:95%;
color:#312e2f;
font-weight:normal;
line-height:120%;
}


h6
{
margin:2px 0px 0px 0px; 
padding:2px 0px 0px 0px;
font-size:85%;
color:#312e2f;
font-weight:normal;
line-height:120%;
}

a:link, a:visited, a:focus, a:active 

{
color: #333;
margin: 0px;
padding: 0px;
text-decoration:none;
}

a:hover

{
color:#cc0033;
margin: 0px;
padding: 0px;
text-decoration:none;

}


p
{
margin:5px 0px 5px 0px; 
padding:5px 0px 5px 0px;

}

p.border
{
margin:5px 0px 5px 0px; 
padding:5px 0px 5px 0px;
border-top: 1px dotted #ccc;
clear:both;
}

.quelle
{
font-size:80%;
}

br
{
margin:5px 0px 5px 0px; 
padding:5px 0px 5px 0px;
}


strong
{
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

	strong.red
	{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	color:#cc0033;
	
	}
	
	strong.blue
	{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	color:#000099;
	}

b
{
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}


img
{
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

	img.border
	{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	border: 1px solid #ccc;
	}

	img.left
	{
	margin:2px 6px 2px 0px; 
	padding:2px 6px 2px 0px;
	float:left;
	}
	
	img.right
	{
	margin:2px 0px 2px 6px; 
	padding:2px 0px 2px 6px;
	float:right;
	}
	
	img.leftborder
	{
	margin:2px 6px 2px 0px; 
	padding:2px 6px 2px 0px;
	float:left;
	border: 1px solid #ccc;
	}
	
	img.rightborder
	{
	margin:2px 0px 2px 6px; 
	padding:2px 0px 2px 6px;
	float:right;
	border: 1px solid #ccc;
	}
	
ul
{

list-style-image:url('/images/list.gif');
list-style-type:square;
}



input
{
border: solid 1px #ccc;
margin: 1px;
padding: 4px;

}

select 
{
border: solid 1px #ccc;
margin: 1px;
padding: 4px;

}

input.submit
{
border: solid 1px #888;
color:#333;
background-color:#ccc;
margin: 0px;
padding: 3px 6px;
font-weight:bold;
}


textarea
{
border: solid 1px #ccc;
font-family:arial;
font-size:10pt;
margin: 1px 0px 1px 1px;
padding: 4px;

}

.error
{
color:#e11926;
}

#all
{
margin:0px; 
padding:0px;
width:850px;
height:100%;

}

#header
{
margin:0px; 
padding:0px;
width:850px;
height:200px;
}

#navigation1
{
margin:0px 0px 26px 0px; 
padding:10px 0px 0px 0px;
width:850px;
text-align:right;
font-size:80%;
}

td
{ 
	padding-bottom:5px;
	
}

	#navigation1 a:link, #navigation1 a:visited, #navigation1 a:focus, #navigation1 a:active
	{
	text-decoration:none;
	margin:0px 0px 0px 9px; 
	padding:0px 0px 0px 8px;
	background-image:url('/images/layout/pfeil-grau.gif');
	background-repeat:  no-repeat;
	background-position:   0% 50%;
	}

	
/*	#navigation1 a:hover, #navigation1 a.aktiv */
/*	{*/
/*	text-decoration:none;*/
/*	margin:0px 0px 0px 9px; */
/*	padding:0px 0px 0px 8px;*/
/*	background-image:url('/images/layout/pfeil-rot.gif');*/
/*	background-repeat:  no-repeat;*/
/*	background-position:   0% 50%;*/
/*	}*/



#navigation2
{
margin:0px 0px 0px 0px; 
padding:0px;
width:155px;
height:auto;
text-align:left;
float:left;
font-size:80%;

}

	#navigation2 a:link, #navigation2 a:visited, #navigation2 a:focus, #navigation2 a:active
	{
	text-decoration:none;
	margin:1px 0px 1px 0px; 
	padding:5px 0px 0px 5px;
	display:block;
	width:155px;
	height:22px;
	background-color:#ccc;
	border-left:2px solid #cc0033;
	background-image:url('/images/layout/pfeil-grau.gif');
	background-repeat:  no-repeat;
	background-position:  3% 50%;
	text-indent:8px;
	}
	
	#navigation2 a:hover, #navigation2 a.aktiv
	{
	text-decoration:none;
	margin:1px 0px 1px 0px; 
	padding:5px 0px 0px 5px;
	display:block;
	width:155px;
	height:22px;
	background-color:#cc0033;
	border-left:2px solid #cc0033;
	color:#fff;
	background-image:url('/images/layout/pfeil-weiss.gif');
	background-repeat:  no-repeat;
	background-position:  3% 50%;
	text-indent:8px;
	}
	

	#navigation2 a.empty:link, a.empty:visited, a.empty:focus, a.empty:active, a.empty:hover
	{
		text-decoration:none;
		margin: 0px; 
		padding:0px;
		display:block;
		width:0px;
		height:0px;
		background-color:#ccc;
		background-image:url('');
		background-repeat:  no-repeat;
		text-indent:0px;
		border-width:0px;
		border-style: solid;
		border-color:#ffffff;
	}



	#navigation2 div
	{
	margin:0px 0px 20px 0px; 
	padding:8px 0px 3px 6px;
	border-left:2px solid #cc0033;
	}
	
	#navigation2 p
	{
	margin:18px 0px 5px 0px; 
	padding:0px 0px 0px 0px;
	font-size:9pt;
	font-weight:bold;
	color:#cc0033;
	}


#divIFrame
	{
		border-left-width:0px;
		border-style: solid;
		border-color:#ffffff;
		display:block;
		background-color:#ddd; 
		width:154px; 
		height:305px; 
		position:relative; 
		top:0px; 
		left:0px; 
		z-index:5;
		background-color: rgb(255,255,255); 
	}


#divIFrameBeispiele 
	{
		border-left-width: 0px;
		border-style: solid;
		border-color: #ffffff;
		display:inline;
		width:140px; 
		height:300px; 
		position:relative; 
		top:-300px; 
		left:0px; 
		z-index:20; 
		font-size:0px;
		line-height:0px;	
		background-color: rgb(255,255,255); 
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
	}


#IFrameArbeitsbeispiele
	{	
		border-left-width:0px;
		border-style: solid;
		border-color:#ffffff;
		display:inline;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		background-color: rgb(255,255,255); 
	}


#content
{
margin:15px 0px 0px 22px; 
padding:0px 0px 22px 0px;
width:673px;
text-align:left;
font-size:80%;
line-height:150%;
float:left;

}

	#content a:link, #content a:visited, #content a:focus, #content a:active 
	
	{
	color: #990033;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	}
	
	#content a:hover
	
	{
	color:#cc0033;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	
	}


#line
{
clear:both;
border-top:1px solid #999999;
width:100%;
height:1px;
}

#page-container {
	position: relative;
	min-height: 100%;
}

#footer
{

bottom:0;
with: 100%;
heigth: 50px;
color:#4f334f;
font-size:80%;
background-color:#ccc;
text-align:center;

/*clear:both;
background-color:#ccc;
margin:0px 0px 0px 0px; 
padding:5px 0px 0px 0px;
width:100%;
height:50px;
color:#4f334f;
font-size:80%;*/
}

	#footer a:link, #footer a:visited, #footer a:focus, #footer a:active 
	
	{
	color: #4f334f;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	}
	
	#footer a:hover
	
	{
	color:##4f334f;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	
	}