/* A L L G E M E I N */


html, body
{
	margin:0px;
}




/* L A Y O U T */


.header
{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	height:110px;
	width:100%;
	border-bottom: 1px solid rgb(200,200,200);
}


.navi
{
	position:absolute;
	margin-top:110px;
	margin-left:0px;
	height:100%;
	width:110px;
	padding-top:5px;
	padding-left:0px;
	padding-right:40px;
/*	border:1px solid green;*/
/*	border-right: 1px solid rgb(200,200,200);*/
}


.adress
{
	position:relative;
	height:auto;
	width:auto;
	text-align:right;
}


.content
{
	position:absolute;
	margin-top:110px;
	margin-left:150px;
	padding:4px;
	padding-bottom:100px;
	height:auto;
	width:520px;
/*	border:1px solid black;*/
	border-left:1px solid rgb(200,200,200);
}


/*content box viertel breite*/
.c_box_v
{
	position:relative;
	height:120;
	width:120;
	padding:4px;
	float:left;
/*	border:1px solid green;*/
}


/*content box halbe breite*/
.c_box_h
{
	position:relative;
	height:120;
	width:248px;
	padding:4px;
	float:left;
/*	border:1px solid red;*/
	
}


/*content box dreiviertel breite*/
.c_box_dv
{
	position:relative;
	height:auto;
	width:376px;
	padding:10px;
	float:left;
/*	border:1px solid blue;*/
}


/*content box volle breite*/
.c_box_full
{
	position:relative;
	height:auto;
	width:504px;
	padding:4px;
	float:left;
/*	border:1px solid yellow;*/
}


.navi_pic
{
	border:1px solid rgb(200,200,200);
}

/* T Y P O */

/*fliesstext, normal*/
.ft
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(14,12,17);
}


/*fliesstext, normal, ocker*/
.ft_o
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(51,51,0);
}

/*fliesstext, normal, ocker, klein*/
.ft_o_small
{
	font-family:Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(14,12,17);
}


/*fliesstext, bold, ocker*/
.ft_b_o
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bolder;
	font-variant: normal;
	color: rgb(51,51,0);
}

.fact_points
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(14,12,17);	
}


/*headline, bold, ocker*/
.h_b_o
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	font-variant: normal;
	color: rgb(132,133,25);
}


/*headline, normal, ocker*/
.h_o
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: 100;
	font-variant: normal;
	color: rgb(169,171,42);
}


/*headline, bold, dunkel-ocker*/
.h_b_do
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(132,133,25);
}


/*headline, bold, dunkel-ocker*/
.h_do
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(132,133,25);
}


/*headline, normal, ocker, klein*/
.h_o_small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	font-weight: 100;
	font-variant: normal;
	color: rgb(169,171,42);
}


/*fliesstext, normal, ocker, sehr klein*/
.ft_small
{
	font-family:Verdana;
	font-size: 10px;
	font-style: normal;
	line-height:16px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(51,51,0);
}

/* L I N K S */


a.navi_left:link
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(132,133,25);
}


a.navi_left:hover
{
	color: rgb(100,100,100);
}


a.navi_left:visited
{
	font-family:Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(132,133,25);
}


a.navi_left:aktiv
{
	color: rgb(100,100,100);
}



/*N A V G A T I O N*/


/*Was sind Sinn-Bilder*/
a.step_1
{ 
	display:block;
    background-image:url(media/sb_1_120_120.gif);
    width:120px; 
	height:120px;
	border:1px solid rgb(200,200,200);
}

a.step_1:hover 
{ 
    background-image:url(media/sb_2_120_120.gif); 
}


/*Was funktionieren Sinn-Bilder*/
a.step_2
{ 
	display:block;
    background-image:url(media/sbf_1_120_120.gif);
    width:120px; 
	height:120px;
	border:1px solid rgb(200,200,200);
}

a.step_2:hover 
{ 
    background-image:url(media/sbf_2_120_120.gif);
}


/*Beispiel Sinn-Bild*/
a.step_3
{ 
	display:block;
    background-image:url(media/wb_1_120_120.gif);
    width:120px; 
	height:120px;
	border:1px solid rgb(200,200,200);
}

a.step_3:hover 
{ 
    background-image:url(media/wb_2_120_120.jpg);
}


/*UEBER UNS – BUERO*/
a.step_4
{ 
	display:block;
    background-image:url(media/ueu_1_120_120.gif);
    width:120px; 
	height:120px;
	border:1px solid rgb(200,200,200);
}

a.step_4:hover 
{ 
	background-image:url(media/ueu_2_120_120.jpg); 
}


/*LOGO link*/
a.logo_link
{
	text-decoration:none;
	border:none;
}



/*LOGO link*/
a.contact_link
{
	font-family:Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(14,12,17);
	text-decoration:none;
	border:none;
}

a.contact_link:hover
{
	font-family:Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(132,133,25);
	text-decoration:none;
	border:none;
}