/*
*********************************************************************
* The following styles handle every global defaults					*
* --> all styles arranged by clearly comments						*
* --> mukutu GmbH 15.02.2010										*
*********************************************************************
*/

/* +++++++++++++++++++ DEFAULT STYLES CONTENT +++++++++++++++++++ */

/* NORMALISIERT MARGIN, PADDING */
body, div, dl, dt, dd, dul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{	
	margin: 0;
	padding: 0;
}

/* NORMALISIERT FONT-SIZE F�R �BERSCHRIFTEN */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
}

/* ENTFERNT LIST-STYLES AUS LISTEN */
ol, ul
{
	list-style: none;
}

/* ENTFERNT BORDER AUS FIELDSET UND IMG */
fieldset, img {
	border: 0;
}

/* NORMALISIERT FONT-STYLE UND FONT-WEIGHT AUF NORMAL */
address, caption, cite, code, dfn, em, th, var, h1, h2, h3 {
	font-style: normal;
	font-weight: normal;
}


/* NORMALISIERT TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RICHTET TEXT IN CAPTION UND TH LINKS AUS */
caption, th {
	text-align: left;
}

/* ENTFERNT ANF�HRUNGSZEICHEN AUS Q */
q:before, q:after {
	content: '';	
}


/* DEFAULT STYLES */

body {
	background: #b7985e;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	position: relative;
	text-align: left;
 	width: 960px;
}

body.alt {
	background: #000 url(/public/img/home.jpg) 0 0 no-repeat;
}


/* ++++++++++ BRANDING ++++++++++ */

#branding {
	height: 291px;
	overflow: hidden;
	position: relative;
	width: 127px;
	z-index: 15000;
}

#branding h1 {
	background: url(/public/img/logo.png) 0 0 no-repeat;
	float: left;
	height: 291px;
	text-decoration: none;
	width: 127px;
}

#branding blockquote {
	display: none;
}

#branding h1 a {
 	display: block;
 	height: 291px;
 	text-indent: -9999px;
 	width: 127px;
 }
 
#branding h1 a[title] {
/*
 	background: #fff;
 	color: #e2007a;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
*/
 }
 

 /* ++++++++++ HOME STYLES ++++++++++ */
 
#navigation.alt {
 	height: 151px;
 	left: 124px;
	position: absolute;
	top: 428px;
	width: 785px;
}

.home_nav, .home_nav li {
	float: left;
}

.home_nav li a span, .main_nav li a span, .subnav li a span {
	display: none;
}

.home_nav li a.agentur, .home_nav li a.referenzen, .home_nav li a.leistungen, .home_nav li a.blog {
	color: #fff;
	display: block;
	height: 151px;
	margin: 0 12px 0 0;
}

.home_nav li a.agentur {
	background: url(/public/img/navigation/agentur_alt.png) 0 0 no-repeat;
	width: 143px;
}

.home_nav li a.referenzen {
	background: url(/public/img/navigation/referenzen_alt.png) 0 0 no-repeat;
	width: 149px;
}

.home_nav li a.leistungen {
	background: url(/public/img/navigation/leistungen_alt.png) 0 0 no-repeat;
	width: 261px;
}

.home_nav li a.blog {
	background: url(/public/img/navigation/blog_alt.png) 0 0 no-repeat;
	width: 183px;
}

 /* ++++++++++ NAVIGATION ++++++++++ */
 
#navigation {
 	left: 127px;
	position: absolute;
	top: 0;
	z-index: 16000;
}

.main_nav {
	float: left;
	margin: 18px 0 0 58px;
	width: 135px;
}

.main_nav li a {
	font-family: HelveticaNeue, Helvetica, Arial;
	text-decoration: none;
}

.main_nav li {
	background: #b7985e;
	height: 18px;
	margin: 0 0 2px 0;
}

.main_nav li a.agentur, .main_nav li a.referenzen, .main_nav li a.leistungen, .main_nav li a.blog {
	color: #fff;
	display: block;
	height: 18px;
}

.main_nav li a.agentur {
	background: url(/public/img/navigation/agentur.png) 0 0 no-repeat;
	width: 97px;
}

.main_nav li a.agentur:hover, .main_nav li a.agentur.active {
	background: url(/public/img/navigation/agentur_active.png) 0 0 no-repeat;
}


.main_nav li a.leistungen {
	background: url(/public/img/navigation/leistungen.png) 0 0 no-repeat;
	width: 126px;
}

.main_nav li a.leistungen:hover, .main_nav li a.leistungen.active {
	background: url(/public/img/navigation/leistungen_active.png) 0 0 no-repeat;
}

.main_nav li a.referenzen {
	background: url(/public/img/navigation/referenzen.png) 0 0 no-repeat;
	width: 133px;
}

.main_nav li a.referenzen:hover, .main_nav li a.referenzen.active {
	background: url(/public/img/navigation/referenzen_active.png) 0 0 no-repeat;
}

.main_nav li a.blog {
	background: url(/public/img/navigation/blog.png) 0 0 no-repeat;
	width: 54px;
}

.main_nav li a.blog:hover, .main_nav li a.blog.active  {
	background: url(/public/img/navigation/blog_active.png) 0 0 no-repeat;
}

/* ++++++++++ SUBNAV ++++++++++ */

ul.subnav {
	float: left;
	margin: 18px 0 0 30px;
	width: 275px;
}

.subnav li {
	margin: 0 0 2px 0; 
}

.subnav li a.ref_gold, .subnav li a.ref_kunden {
	color: #fff;
	display: block;
	height: 19px;
}

.subnav li a.ref_gold {
	background: url(/public/img/navigation/subnav/gold.png) 0 0 no-repeat;
	width: 55px;
}

.subnav li a.ref_gold:hover, .subnav li a.ref_gold.active {
	background: url(/public/img/navigation/subnav/gold_act.png) 0 0 no-repeat;
}

.subnav li a.ref_kunden {
	background: url(/public/img/navigation/subnav/kunden.png) 0 0 no-repeat;
	width: 84px;
}

.subnav li a.ref_kunden:hover, .subnav li a.ref_kunden.active {
	background: url(/public/img/navigation/subnav/kunden_act.png) 0 0 no-repeat;
}

/*
.main_nav li a[title] {
	color: #fff;
	font-size: 2.3em;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 17px;
}
*/


.service_nav {
	font-size: 1.1em;
	left: -118px;
	position: absolute;
	top: 290px;
}

.service_nav li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.service_nav li a.active {
 	color: #e2007a;
 }
 
 /* ++++++++++ CONTENT ++++++++++ */
 
#content {
 	position: absolute;
 	top: 127px;
 	left: 182px;
 }
 
.content_main {
 	float: left;
 	overflow-y: hidden;
 }
 
.content_main a {
	color: #fff;
	text-decoration: none;
}

.content_main a.back {
	float: right;
}

.content_main a:hover, .service_nav li a:hover {
	color: #e2007a;
}
 
.content_main h1 {
  	font-size: 1.1em;
  	font-weight: bold;
  	margin: 25px 0 0 0;
}

.content_main h1.alt2 {
	font-size: 1.3em;
}

.content_main p, address, address em {
	font-size: 1.1em;
  	font-weight: bold;
  	line-height: 1.5;
	margin: 20px 0 0 0;
	width: 405px;
}

address.alt {
	margin: 10px 0 0 0;
}

address em {
	display: block;
	margin: 20px 0 20px 0;
}

address em.alt {
	font-size: 1em;
	margin: 0;
}

span.telwork.alt {
	display: block;
	margin: 10px 0 0 0;
}

.content_main p.alt em {
	display: block;
	margin: 0 0 18px 0;
}

.content_main p.alt em.alt {
	margin: 0;
}

.content_main p.alt {
	color: #e2007a;
	float: left;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 0 25px;
	width: 390px;
}

div.txt {
	float: left;
	overflow: hidden;
	width: 334px;
}


/* ++++++++++ REFERENZEN ++++++++++ */

h1.alt, h2.alt {
	margin: 0;
	text-align: center;
	width: 700px;
}

h2.alt {
 	margin: 5px 0 0 0;
}

#shutterbox {
	display: inline;
	padding: 10px;
	width: 636px;
}

#shutterbox img {
	float: left;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
}

img#shutterbox_preloader {
	float: left;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 20000;
}

/* ++++++++++ LISTEN ++++++++++ */

ul.v_01 {
	float: left;
}

ul.v_01 li {
	float: left;
	margin: 0 14px 0 0;
}

ul.v_02 {
	float: left;
	margin: 20px 0 0 0;
}

ul.v_02 li h2 {
	color: #e2007a;
	font-size: 1.1em;
	font-weight: bold;
}

ul.v_02 li p {
	margin: 0 0 20px 0;
}

ul.v_02 li {
	font-size: 1.1em;
}

ul.v_03 {
	float: left;
	margin: 32px 0 0 0;
}

ul.v_03 li {
	float: left;
	height: 50px;
	margin :0 55px 45px 0;
	width: 270px;
}

ul.v_04 {
	margin: 40px 0 0 0;
	width: 700px;
}

ul.v_04, ul.v_04 li {
	float: left;
}

ul.v_04 li {
	margin: 0 0px 0 100px;
	width: 100px;
}