*{
	margin: 0;
	padding: 0;
}
body{
	/* background: url(../images/body_bg.jpg) center 0px no-repeat;  */
}



#top_bar{
	width: 100%;
	background: url(../images/bar_top_bg.gif) repeat-x;   
	height: 11px;
	position: fixed;	
	top: 0;
}


#page{
	width: 900px;
	margin: 0 auto;	
}
#page #head{
	margin-top: 30px;
	margin-left: 0px;	
	height: 70px;	
	float: left;
}
#page #head #logo{
	float: left;
	text-decoration: none;	
}
#page #head #logo img{
	border: 0;	
}
#page #head #main_nav{
	float: left;
	padding: 0px 0px 0px 40px;
	margin: 23px 0px 0px 10px;		
}
#page #head #main_nav li{
	float: left;
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;	
}
#page #head #main_nav li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#page #head #main_nav li a:hover,
#page #head #main_nav .active a{
	color: #009ee0;
}


#page #teaser{
	padding: 10px 0px 0px 0px;
}

/****************************************************************************************  CONTENT */

#page #content_wrapper{
	margin: 20px 0px 40px 0px;
}
#page #content_wrapper h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding: 0;
	margin: 0px 0px 15px 0px;
}
#page #content_wrapper h1 span{
	color: #009ee0;
}
#page #content_wrapper h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
#page #content_wrapper p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
}
#page #content_wrapper a{
	color: #009ee0;
	text-decoration: none;
	/* font-weight: bold; */
}
/********************************************************* LISTEN */
#page #content_wrapper .checklist{	
	list-style: none;	
}
#page #content_wrapper .checklist li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-left: 25px;	
	margin: 0px 0px 10px 0px;
	background: url(../images/checkbox.gif) 0px 0px no-repeat;  
}
#page #content_wrapper .pointlist{
	list-style: none;	
}
#page #content_wrapper .pointlist li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #333333;
	padding-left: 20px;	
	margin: 0px 0px 10px 0px;
	background: url(../images/button_mini_g.gif) 0px 1px no-repeat;  
}
.p_r li{
	background-image:url(../images/button_mini_g.gif)!important;	
}
.p_o li{
	background-image:url(../images/button_mini_o.gif)!important;	
}
.p_g li{
	background-image:url(../images/button_mini_g.gif)!important;	
}
#page #content_wrapper .pointlist li ul{
	list-style: none;	
}

#page #content_wrapper .pointlist li ul li{
	margin: 10px 0px 10px 0px;
}

/********************************************************** SPALTEN */
#page #content_wrapper .col_1{
	width: 280px;
	padding: 0px 10px 10px 10px;
	float: left;
}
#page #content_wrapper .col_2{
	width: 280px;
	padding: 0px 10px 10px 10px;
	float: left;
	background: url(../images/pixel_line_v.gif) repeat-y;
}
#page #content_wrapper .col_2 .button_row{
	padding-left: 75px;	
}
#page #content_wrapper .col_2 .row_1{
	background: url(../images/button_r.gif) 0px 0px no-repeat;
}
#page #content_wrapper .col_2 .row_2{
	background: url(../images/button_o.gif) 0px 0px no-repeat;
}
#page #content_wrapper .col_2 .row_3{
	background: url(../images/button_g.gif) 0px 0px no-repeat;
}

#page #content_wrapper .col_3{
	width: 280px;
	padding: 0px 10px 10px 10px;
	float: left;
	background: url(../images/pixel_line_v.gif) repeat-y;
}
/* kontakt form col_1 + col_2 = col_12 */
#page #content_wrapper .col_12{
	width: 560px;
	padding: 0px 10px 10px 10px;
	float: left;
}
#page #content_wrapper .col_12 form{	
}


#page #content_wrapper #row_bottom{
	color: #CCCCCC;
	
}
#p_age #content_wrapper #row_bottom{
	width: 900px;
	height: 50px;
	clear: both;
	/* background: url(../images/pixel_line_v.gif) repeat-x; */
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#page #content_wrapper #row_bottom li{
	float: left;
	list-style: none;
}
#page #content_wrapper #row_bottom li a{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
/********************************************************** REIHEN */
#page #content_wrapper .row_1_1{
	width: 280px;
	padding: 15px 10px 10px 10px;
	float: left;
	background: url(../images/pixel_line_h.gif) repeat-x;
}
#page #content_wrapper .row_1_2{
	width: 280px;
	padding: 15px 10px 10px 10px;
	float: left;
	background: url(../images/pixel_line_h.gif) repeat-x;
}
#page #content_wrapper .row_1_3{
	width: 280px;
	padding: 15px 10px 10px 10px;
	float: left;
	background: url(../images/pixel_line_h.gif) repeat-x;
}
#page #content_wrapper .row_1_3 span{
	color: #009ee0;
	font-weight: bold;
}
.project_link{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.client_link{
	color: #333333;
}

#bottom_bar{
	width: 100%;	
	background: url(../images/bar_bottom_bg.gif) repeat-x;   	
	height: 42px;
	position: fixed;
	bottom: 0;
	text-align: center;
}
#bottom_bar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccffff;	
	margin-top: 12px;		
}
#bottom_bar p span{
	margin-left: 320px;
}
.clearer{
   height: 0;
   clear: left;    
   line-height: 0;
   height: 0;
}