/* Allgemein Anfang ------------------------------------------------- */

body {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #fff;
    background-image: url(images/body_bg.png);
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    z-index: 0;
}

ul {
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #ec7404;		
}

h5 {
	font-size: 18px;
	font-weight: bold;
	color: #ec7404;		
}

div {
    border: 0px solid black;
} 

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	color: #000;
}

img {
	border-style: none;
}

a {
	color: #ec7404;
	text-decoration: none;
	text-align: left;
	outline: none;
	font-weight: bold;
}

a:hover {
	color: #000;
}

span {
    color: #000;
    font-size: 10px;
}

/* Allgemein Ende ------------------------------------------------- */

/* Page Anfang ------------------------------------------------- */

#page {
	padding: 20px 0px 0px 0px;
	margin: auto;
	width: 929px;
	background-color: #fff;
	z-index: 1;
}

#left_bar {
	width: 186px;
	min-height: 500px;
	margin: 84px 0px 0px 0px;
	z-index: 2;
	float: left;
}	

#right_bar {
	width: 743px;
	min-height: 500px;
	float: right;	
}

#over_main_left {
	background-image: url(images/over_main_left.png);
	width: 186px;
	height: 27px;
	margin: 3px 0px 0px 0px;
}

#over_main_right {
	background-image: url(images/over_main_right.png);
	width: 742px;
	height: 27px;
}

#main_left {
	width: 484px;
	float: left;
	padding: 0px 20px 0px 10px;
}

#main_right {
	width: 227px;
	float: right;
	text-align: right;
	font-size: 10px;
	padding: 0px 2px 0px 0px;
}

/* Head Anfang ------------------------------------------------- */

#head_agentur, #head_meta, #head_referenzen, #head_internet, #head_print, #head_textil {
	width: 742px;
	height: 313px;
}

#head_agentur {
	background-image: url(images/head_agentur.png);	
}

#head_meta {
	background-image: url(images/head_meta.png);	
}

#head_internet {
	background-image: url(images/head_internet.png);	
}

#head_print {
	background-image: url(images/head_print.png);	
}

#head_textil {
	background-image: url(images/head_textil.png);	
}

#head_referenzen {
	background-image: url(images/head_referenzen.png);	
}

/* Head Ende ------------------------------------------------- */

/* Menu Anfang ------------------------------------------------- */

#menu {
	background-image: url(images/menu_bg.png);
	background-repeat: no-repeat;
	width: 186px;
	height: 108px;	
	font-size: 10px;
}

#menu_ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	z-index: 4;
}
.menu_font {
	margin: 0px 0px 0px 0px;
	height: 17px;
	width: 186px; 
	background-image: url(images/menu_li_bg.png);  	
}
 
.menu_font a {
	color: #fff;
	margin: 0px 0px 0px 1px;
	padding: 2px 186px 2px 15px;
	height: 17px;
	width: 186px;
	background-image: url(images/menu_li_bg.png);  	
}

.menu_font a:hover {
	color: #000;
	height: 17px;
	width: 186px;
    background-image: url(images/menu_li_bg.png);  	
}

.menu_font_active {
	background-image: url(images/menu_active.png);
	height: 17px;
	width: 186px;
}

.menu_font_active a  {
	color: #fff;
	background-image: url(images/menu_active.png);
	height: 17px;
	width: 184px;
	margin: 0px 0px 0px 0px;
	padding: 2px 186px 2px 20px;
}

/* Menu Ende ------------------------------------------------- */

/* Footer Anfang ------------------------------------------------- */

#footer {
	clear: both;	
	color: #999;
	background-image: url(images/main_logo_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 142px;	
}

#footer_content {
	padding: 73px 0px 0px 0px;
}

#footer a:hover {
	color: #000;
	font-weight: bold;
}

#footer_ul {
	list-style-type: none;		
}

.footer_menu_nactive a {
	color: #999;
	font-weight: normal;	
}

.footer_menu_nactive {
	color: #999;
	font-weight: normal;	
}

.footer_menu_active a {
	color: #000;
	font-weight: bold;	
}

.footer_menu_active {	
	color: #000;
	font-weight: bold;
}

/* Footer Ende ------------------------------------------------- */

/* Diverse Anfang ------------------------------------------------- */

.gestalteragentur {
	color: #ec7404;	
}

.gestalteragentur_grau {
	color: #999;	
}

#rechtshinweis {
	font-style: italic;
	color: #999;	
}

.referenz_line {
	color: #ccc;	
}

#kontakt_box {
	font-size: 10px;
	color: #999;	
}

.kontakt_text {
	color: #999;
	margin: 0px 0px 0px 5px;	
}

#flash_teaser {
	width: 742px;
	height: 313px;
	background-image: url(images/head_startseite.png);
}

#google_maps {
	border: 1px solid #000;	
}

.ul_content {
	padding: 0px 0px 0px 15px;	
	list-style-type: square;
}

.referenz_line {
	width: 480px;
	height: 5px;
	background-image: url(images/referenz_line.png);	
}

#gallery {
	width: 484px;
	height: 430px;
	border: 1px solid #f5f5f5;
}
/* Diverse Ende ------------------------------------------------- */

/* Page Ende ------------------------------------------------- */