/*

CLIENT:	LIFESTYLE & FRIENDS
CODE: Timo Lessmoellmann, tl@emodia.de, emodia.de
V: 3.1
		
ATTENTION! Sollte nach mir jem. am Coderumschrauben:
Versau die Syntax nicht!

*/



/* ------------------------------------------------------------ */
/* RESET */
/* ------------------------------------------------------------ */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; position: relative;}
a:active, a:focus { outline: none;}



/* ------------------------------------------------------------ */
/* MAIN */
/* ------------------------------------------------------------ */
html {
	height:100%;
}

body {
	margin: 0px auto;
	background: #5b5b5b url(bg_shadow.png) repeat-y top center;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	height:100%;
}
#container {
	margin: 0px auto;
	width: 1000px;
	background: #e2e2e2;
	height:100%;
}
#container-content {
	margin: 0px auto;
	width: 1000px;
	min-height:98%;
	margin: 0 0 30px 0;
}

/* HEAD */
#head {
	margin: 0px auto;
	width: 1000px;
	height: 80px;
	background: #291431 url(bg_head.jpg) repeat-x;
}
#head #logo {
	position: absolute;
	display: block;
	margin: 10px 0 0 75px;
	width: 120px;
	height: 57px;
	background: url(headline_logo.png) no-repeat;
}

/* CONTENT */
#content {
	margin: 0 auto;
	width: 850px;
	background: #e2e2e2;
	padding: 30px;
}
#content p {
	color: #414141;
	padding: 0 0 1.8em 0;
	width: 850px;
	font-size: 13px;
	line-height: 1.3em;
	text-align: justify;
	background: #e2e2e2;
}

#content p a {
	color: #1f1f1f;
	text-decoration: underline;
}
#content p a:hover {
	color: #1f1f1f;
	text-decoration: none;
}
#content h1 {
	font-size:14px;
	color: #1c0832;
	margin: 5px 0 6px 0;
	font-weight: bold;
}
#content h2 {
	font-size:14px;
	color: #1c0832;
	margin: 6px 0 6px 0;
	font-weight: bold;
}
#content .logol {
	float: left;
	margin: 0 30px 20px 0;
}
#content .logor {
	float: right;
	margin: 0 0 20px 30px;
}

/* FOOT */
#foot {
	margin-top:-50px;
	margin-bottom: 5px;
	width: 1000px;
	height: 32px;
	background: #291431 url(bg_head.jpg) repeat-x;
}
#foot .left {
	font: normal 0.5em "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	line-height: 31px;
	float: left;
	margin: 0 0 0 75px;	

}
#foot .right {
	font: normal 0.5em "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	line-height: 31px;
	float: right;
	margin: 0 75px 0 0;	
}
#foot .right a {
	color: #FFF;
	text-decoration: underline;
}
#foot .right a:hover {
	text-decoration: none;
}



/* ------------------------------------------------------------ */
/* NAVIGATION - HEAD */
/* ------------------------------------------------------------ */
/*#head ul.nav {
	width: 100%;
	float: left;
	margin: 2px 0px -4px 22px;
	font: normal 0.6em "Lucida Grande", Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	z-index: 10;
}

#head ul li {
	font-style: normal;
}
#head ul li a {
	float: left;
	padding: 5px 2px;
	font-weight: bold;
	text-decoration: none;
	border: none;
	color: #cbcbcb;
}
#head ul li .fon {
	margin: 0;
	margin: 0 0 0 22px;
	padding: 5px 2px;
	text-decoration: none;
	border: none;
	color: #908f8e;
}
#head ul li a:hover, #head ul li .fon:hover{
	color: #FFF;
	border: none;
}
*/	
	
/* ------------------------------------------------------------ */
/* NAVIGATION - MAIN */
/* ------------------------------------------------------------ */
.droplinebar{
	margin: 0px auto;
	width: 1000px;
	height: 45px;
	background: #FFFFFF url(navi_bg.jpg) repeat-x;
	overflow: hidden;
}

.droplinebar ul{
list-style-type:none;
margin:0 0 0 75px;
padding:0;
width: 980px;
float: left;
font: bold 13px Arial;
line-height: 27px;
}

.droplinebar ul li{
display: inline;
float:left;
overflow:hidden;
text-indent:-9999px;
}


.droplinebar ul li a{
background:url(navigation_main.png);display:block;height:45px; margin: 0 16px 0 0
}

.droplinebar ul li a.profil{background-position:-15px 11px;width:42px;}
.droplinebar ul li a.profil:hover,.droplinebar ul li a.profil:focus,.droplinebar ul li a.profil:active{background-position:-15px 55px;}
.droplinebar ul li a.profilactive{background-position:-15px 55px; width:42px;}

.droplinebar ul li a.kompetenz{background-position:-77px 11px;width:100px;}
.droplinebar ul li a.kompetenz:hover,.droplinebar ul li a.kompetenz:focus,.droplinebar ul li a.kompetenz:active{background-position:-77px 55px;}
.droplinebar ul li a.kompetenzactive{background-position:-77px 55px; width:100px;}

.droplinebar ul li a.referenzen{background-position:-200px 11px;width:99px;}
.droplinebar ul li a.referenzen:hover,.droplinebar ul li a.referenzen:focus,.droplinebar ul li a.referenzen:active{background-position:-200px 55px;}
.droplinebar ul li a.referenzenactive{background-position:-200px 55px;width:99px;}

.droplinebar ul li a.jobs{background-position:-325px 11px;width:45px;}
.droplinebar ul li a.jobs:hover,.droplinebar ul li a.jobs:focus,.droplinebar ul li a.jobs:active{background-position:-325px 55px;}
.droplinebar ul li a.jobsactive{background-position:-325px 55px;width:45px;}

.droplinebar ul li a.kontakt{background-position:-390px 11px;width:77px;}
.droplinebar ul li a.kontakt:hover,.droplinebar ul li a.kontakt:focus,.droplinebar ul li a.kontakt:active{background-position:-390px 55px;}
.droplinebar ul li a.kontaktactive{background-position:-390px 55px;width:77px;}



/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: url(subnavi_bg.png);
visibility: hidden;
margin: 0 0 0 -75px;
padding: 0 0 0 20px;
}

/* Sub level menu links style */
.droplinebar ul li a.sub{
clear: both;
font: normal 9px Verdana;
padding: 10px;
padding-right: 10px;
margin: 0;
color: #1c0732;
background: none;
text-indent: 0px;
text-decoration: none;
height: 13px;
font-weight: bold;
}

.droplinebar ul.sub li.sub a.sub:hover{ /*sub menu links' background color onMouseover */
background: #d3d3d3;
color: #1c0732;
}



/* MAIN NAVI AAAAAAAALT!    ------------------------------------------------------------

#mainnavigation {
	margin: 0px auto;
	width: 1000px;
	height: 45px;
	background: #FFFFFF url(navi_bg.jpg) repeat-x;
}

ul#navigation {position:relative;float:left;list-style-type:none;margin:0 0 0 75px;padding:0;width:900px;}
ul#navigation li{float:left;overflow:hidden;text-indent:-9999px;}
ul#navigation li a{background:url(navigation_main.png);display:block;height:45px; margin: 0 16px 0 0}

ul#navigation a.profil{background-position:-15px 11px;width:42px;}
ul#navigation a.profil:hover,ul#navigation a.profil:focus,ul#navigation a.profil:active{background-position:-15px 55px;}
ul#navigation li.selected a.profil{background-position:-15 11px;}

ul#navigation a.livekomm{background-position:-77px 11px;width:130px;}
ul#navigation a.livekomm:hover,ul#navigation a.livekomm:focus,ul#navigation a.livekomm:active{background-position:-77px 55px;}
ul#navigation li.selected a.livekomm{background-position:-78px -195px;}

ul#navigation a.grafik{background-position:-227px 11px;width:129px;}
ul#navigation a.grafik:hover,ul#navigation a.grafik:focus,ul#navigation a.grafik:active{background-position:-227px 55px;}
ul#navigation li.selected a.grafik{background-position:-204px -195px;}

ul#navigation a.marketing{background-position:-376px 11px;width:114px;}
ul#navigation a.marketing:hover,ul#navigation a.marketing:focus,ul#navigation a.marketing:active{background-position:-376px 55px;}
ul#navigation li.selected a.partners{background-position:-288px -195px;}

ul#navigation a.produktion{background-position:-510px 11px;width:77px;}
ul#navigation a.produktion:hover,ul#navigation a.produktion:focus,ul#navigation a.produktion:active{background-position:-510px 55px;}
ul#navigation li.selected a.produktion{background-position:-449px -195px;}

ul#navigation a.salesm{background-position:-606px 11px;width:127px;}
ul#navigation a.salesm:hover,ul#navigation a.salesm:active,ul#navigation a.salesm:focus{background-position:-606px 55px;}
ul#navigation li.selected a.salesm{background-position:-542px -195px;}

ul#navigation a.services{background-position:-751px 11px;width:128px;}
ul#navigation a.services:hover,ul#navigation a.services:active,ul#navigation a.login:focus{background-position:-751px 55px;}
*/


/* ------------------------------------------------------------ */
/* HEADPICS */
/* ------------------------------------------------------------ */
.headpic {
	margin: 0px auto;
	width: 1000px;
	height: 250px;
	background: no-repeat;
}

.headpic-kontakt {
	margin: 0px auto;
	width: 1000px;
	height: 450px;
	background: no-repeat;
}

.headpic#start {background: #f0f0f0 url(headpic/headpic-start.jpg) no-repeat top left;}
.headpic#referenzen {background: #f0f0f0 url(headpic/headpic-referenzen.jpg) no-repeat top left;}
.headpic#jobs {background: #f0f0f0 url(headpic/headpic-jobs.jpg) no-repeat top left;}
.headpic#kontakt {background: #f0f0f0 url(headpic/headpic-kontakt.jpg) no-repeat top left;}
.headpic#impressum {background: #f0f0f0 url(headpic/headpic-impressum.jpg) no-repeat top left;}
.headpic#consulting {background: #f0f0f0 url(headpic/headpic-kompetenz_consulting.jpg) no-repeat top left;}
.headpic#dialogmarketing {background: #f0f0f0 url(headpic/headpic-kompetenz_dialogmarketing.jpg) no-repeat top left;}
.headpic#grafik {background: #f0f0f0 url(headpic/headpic-kompetenz_grafik.jpg) no-repeat top left;}
.headpic#kreation {background: #f0f0f0 url(headpic/headpic-kompetenz_kreation.jpg) no-repeat top left;}
.headpic#livekommunikation {background: #f0f0f0 url(headpic/headpic-kompetenz_livekommunikation.jpg) no-repeat top left;}
.headpic#online {background: #f0f0f0 url(headpic/headpic-kompetenz_online.jpg) no-repeat top left;}
.headpic#pr {background: #f0f0f0 url(headpic/headpic-kompetenz_pr.jpg) no-repeat top left;}
.headpic#produktion {background: #f0f0f0 url(headpic/headpic-kompetenz_produktion.jpg) no-repeat top left;}
.headpic#salesmanagement {background: #f0f0f0 url(headpic/headpic-kompetenz_salesmanagement.jpg) no-repeat top left;}
.headpic#services {background: #f0f0f0 url(headpic/headpic-kompetenz_services.jpg) no-repeat top left;}




/* ------------------------------------------------------------ */
/* HEADLINE - PICS */
/* ------------------------------------------------------------ */
.headline {
	margin: 0px auto;
	width: 1000px;
	height: 56px;
	border-bottom: 1px solid #b5b5b5;
}
.headline#start {background: #f0f0f0 url(headline/headline-start.jpg) no-repeat top left;}
.headline#referenzen {background: #f0f0f0 url(headline/headline-referenzen.jpg) no-repeat top left;}
.headline#jobs {background: #f0f0f0 url(headline/headline-jobs.jpg) no-repeat top left;}
.headline#kontakt {background: #f0f0f0 url(headline/headline-kontakt.jpg) no-repeat top left;}
.headline#impressum {background: #f0f0f0 url(headline/headline-impressum.jpg) no-repeat top left;}
.headline#consulting {background: #f0f0f0 url(headline/headline-kompetenz_consulting.jpg) no-repeat top left;}
.headline#dialogmarketing {background: #f0f0f0 url(headline/headline-kompetenz_dialogmarketing.jpg) no-repeat top left;}
.headline#grafik {background: #f0f0f0 url(headline/headline-kompetenz_grafik.jpg) no-repeat top left;}
.headline#kreation {background: #f0f0f0 url(headline/headline-kompetenz_kreation.jpg) no-repeat top left;}
.headline#livekommunikation {background: #f0f0f0 url(headline/headline-kompetenz_livekommunikation.jpg) no-repeat top left;}
.headline#online {background: #f0f0f0 url(headline/headline-kompetenz_online.jpg) no-repeat top left;}
.headline#pr {background: #f0f0f0 url(headline/headline-kompetenz_pr.jpg) no-repeat top left;}
.headline#produktion {background: #f0f0f0 url(headline/headline-kompetenz_produktion.jpg) no-repeat top left;}
.headline#salesmanagement {background: #f0f0f0 url(headline/headline-kompetenz_salesmanagement.jpg) no-repeat top left;}
.headline#services {background: #f0f0f0 url(headline/headline-kompetenz_services.jpg) no-repeat top left;}