body {
	background-color:#ffffff;
	background-image:url('../images/limesoda_bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px;
	padding:0px;

}

/* Global Style ===================================================================================================*/
body, div, p, td, th, h1, h2, h3, h4, h5, h6, ul, ol, li, option, select, textarea {
	color:#000000;
	font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:11px;
	line-height:14px;
}
a:link, a:hover, a:visited {
	color:#000000;
	text-decoration:underline;
}

h1 {
	font-size:16px;
	line-height:14px;
	}

h2 {
	font-size:14px;
	line-height:12px;
	}
	
h3 {
	font-size:12px;
	line-height:13px;
	margin-bottom:6px;
	}

h4 {
	font-size:11px;
	line-height:12px;
	margin-bottom:2px;
	margin-top:8px;
	padding:0px;
	}

img {
	border:0px;
	}
	
.clearme {
clear:both;
}
	
/* Wrapper & Header ===================================================================================================*/
#wrapper {
	margin:0px auto;
	width:970px;
	 
}
#header {
	text-align:center;
	}

#header h1 {
	display:none;
	}
#header p {
	display:none;
	}
/* Navigation ===================================================================================================*/
#navigation {
	
	margin:0px;
	list-style-type:none;
	
	}
	
div.div_navlink {
position:relative;
 top:15px; 
 left:0px;
 }

#navigation li {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.navlink {
	display:block;
	float:left;
    padding:0px;
	margin:0px;
      width:970px;
	  height:100px
}
.navlink span {
	display:none;
}

.home {
	
	width:571px;
	
}

li.n0a a.home,
a.home:hover,
a.home:active {
	
	width:571px;
}

/**/
.kunden {
	background-image:url('../images/nav-kunden.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:57px;
}

li.n0a a.kunden,
a.kunden:hover,
a.kunden:active {
	background-image:url('../images/nav-kunden.gif');
	background-position:0px 0px;
}
/**/
.projekte {
	background-image:url('../images/nav-projekte.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:62px;
}

li.n0a a.projekte,
a.projekte:hover,
a.projekte:active {
	background-image:url('../images/nav-projekte.gif');
	background-position:0px 0px;
}
/**/
.leistungen {
	background-image:url('../images/nav-leistungen.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:82px;
}

li.n0a a.leistungen,
a.leistungen:hover,
a.leistungen:active {
	background-image:url('../images/nav-leistungen.gif');
	background-position:0px 0px;
}
/**/
.ueberuns {
	background-image:url('../images/nav-ueberuns.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:71px;
}

li.n0a a.ueberuns,
a.ueberuns:hover,
a.ueberuns:active {
	background-image:url('../images/nav-ueberuns.gif');
	background-position:0px 0px;
}
/**/
.kontakt {
	background-image:url('../images/nav-kontakt.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:45px;
	
}

li.n0a a.kontakt,
a.kontakt:hover,
a.kontakt:active {
	background-image:url('../images/nav-kontakt.gif');
	background-position:0px 0px;
}

/* Spotlight ===================================================================================================*/

#spotlight {
	  width:970px;
	  
	}

#spotlight1 {
	background-image:url('../images/spotlight-wir-sind-limesoda.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:282px;
	height:207px;
	float:left;
	}
#spotlight2 {
	background-image:url('../images/spotlight-online-social-media.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:268px;
	height:207px;
	float:left;
	}
#spotlight3 {
	background-image:url('../images/spotlight-kontakt-anfrage.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:257px;
	height:207px;
	float:left;
	}
	
.spotlight_inner {
	line-height:16px;
	margin-top:75px;
	width:223px;
	margin-left:12px;

	}
.red {
	font-weight:bold;
	color:#b20303;
	}
	
#sprite-facebook {
    height:32px;
    width:32px;
    background: url('../images/sprites_social.png')  0px -128px;
	background-repeat:no-repeat;
	
}
#sprite-twitter {
    height:32px;
    width:32px;
    background: url('../images/sprites_social.png')  0px -96px;
	background-repeat:no-repeat;
	
}
#sprite-youtube {
    height:32px;
    width:32px;
    background: url('../images/sprites_social.png')  0px -32px;
	background-repeat:no-repeat;
	
}
#sprite-tumblr {
    height:32px;
    width:32px;
    background: url('../images/sprites_social.png')  0px 0px;
	background-repeat:no-repeat;
	
}
#sprite-flickr {
    height:32px;
    width:32px;
    background: url('../images/sprites_social.png')  0px -64px;
	background-repeat:no-repeat;
	
}
	
/* CONTENT ===================================================================================================*/

#kunden {
	width:970px;
	margin-top:54px;
	position:relative;
	}
#kunden h2 {
	background-image:url('../images/hl_unsere-kunden.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:197px;
	height:28px;
	position:relative;
	left:400px;
	}
#kunden span {
	display:none;
	}
	
	
#kunden_logos {
	width:662px;
	height:400px;
	top:110px;
	left:175px;
	position:relative;
	}
	
/* Projekte ==============*/
	
#projekte1  {
	margin-top:205px;
	width:970px;
	position:relative;
}

#projekte1 .up {
	position:absolute;
	top:0px; right:20px;
	}

#projekte1 h2 {
	background-image:url('../images/hl_projekte-referenzen.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:246x;
	height:27px;
	margin-left:380px;
	
	}
#projekte1 span {
	display:none;
	}
	
	
#projekte2 {
	width:970px;
	height:2039px;
	margin-top:50px;
	background-image:url('../images/bg_projekte.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	}

#projekte2 h3 {
	font-size:14px;
	}

.image-left {
	float:left;
	width:560px;
	margin-top:50px;
	}
	
.content-right {
	float:right;
	width:410px;
	padding-top:20px;
	margin-top:20px;
	}

	
.content-right p{
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height:16px;
	padding-left:20px;
	}
.content-left p {
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height:16px;
	padding-left:20px;
	margin-bottom:4px;
	}

.image-right {
	float:right;
	width:537px;
	margin-top:50px;
	text-align:left
	}
	
.content-left {
	float:left;
	width:433px;
	padding-top:20px;
	margin-top:50px;
		}
	
/* Leistungen ==============*/
	
#leistungen1  {
		margin:0px; 
		padding:0px;
		background-image:url('http://exchange.limesoda.vss.kapper.net/limesoda/images/leistungen_all.jpg');
		background-position:0px 0px;
		background-repeat:no-repeat;
		height:2336px;
		width:970px;
		position:relative;
}

#leistungen11 {
	height:230px;

}

#leistungen1 .up {
	position:absolute;
	top:0px; right:20px;
	}


#leistungen1 h2 {
	background-image:url('../images/hl_leistungen-portfolio.png');
		background-position:0px 0px;
		background-repeat:no-repeat;
	width:247px; 
	height:27px;
	margin:0px;
	padding:0px;
	margin-left:420px;
	}
	
#leistungen1 span {
	display:none;
	}
	
#leistungen2  {
		margin:0px; 
		padding:0px;
		
		height:300px;
		width:970px;
		position:relative;
}

#leistungen2  .content {
		position:absolute;
		top:90px;
		left:547px;
		width:420px;
		
	}

#leistungen3  {
		margin:0px; 
		padding:0px;
		
		height:350px;
		width:970px;
		position:relative;
}

#leistungen3  .content {
		position:absolute;
		top:110px;
		left:0px;
		width:400px;
		
	}

#leistungen4  {
		margin:0px; 
		padding:0px;
		
		height:258px;
		width:970px;
		position:relative;
}


#leistungen4  .content {
		position:absolute;
		top:20px;
		left:570px;
		width:400px;
		
	}

#leistungen5  {
		margin:0px; 
		padding:0px;
		
		height:232px;
		width:970px;
		position:relative;
}

#leistungen5  .content {
		position:absolute;
		top:65px;
		left:0px;
		width:400px;
		
	}

#leistungen6  {
		margin:0px; 
		padding:0px;
		
		height:344px;
		width:970px;
		position:relative;
}

#leistungen6  .content {
		position:absolute;
		top:110px;
		left:560px;
		width:410px;
		
	}


#leistungen7  {
		margin:0px; 
		padding:0px;
		
		height:302px;
		width:970px;
		position:relative;
}


#leistungen7  .content {
		position:absolute;
		top:65px;
		left:0px;
		width:400px;
		
	}

#leistungen8  {
		margin:0px; 
		padding:0px;
		
		height:321px;
		width:970px;
		position:relative;
}

#leistungen8  .content {
		position:absolute;
		top:25px;
		left:570px;
		width:300px;
		color:#ffffff;
		
	}
#leistungen8  p {
		color:#ffffff;
		
	}
	
/* LimeSoda ==============*/
	
#limesoda1  {
		margin:0px; 
		padding:0px;
		background-image:url('../images/limesoda_team.jpg');
		background-position:0px 0px;
		background-repeat:no-repeat;
		height:1039px;
		width:970px;
		position:relative;
}

#limesoda1 .up {
	position:absolute;
	top:5px; right:20px;
	}

#limesoda1 h2 {
	background-image:url('../images/hl_ueber-uns.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:247px; 
	height:27px;
	margin:0px;
	padding:0px;
	margin-left:375px;
	
	}
	
#limesoda1 span {
	display:none;
}




#limesoda1  .content {
		position:absolute;
		top:135px;
		left:580px;
		width:400px;
		
		
	}
	
		
#limesoda2  {
		margin:0px; 
		padding:0px;
		height:447px;
		width:970px;
		position:relative;
		margin-top:550px;
}
	
#impressum {
	position:relative;
	left:450px;
	width:100px;
	}
#impressum a:link {
	color:#aaaaaa;
	text-decoration:none;
}

#sprite-dzu {
      height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px 0px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}
#sprite-stroh {
     height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -17px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}

#sprite-springer {
     height:14px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -68px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}

#sprite-summersplash {
     height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -51px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}

.sprite-limesoda {
	height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -100px;
	padding-left:20px;
	background-repeat:no-repeat;
	
	}
#sprite-ursprung {
	height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -118px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
	}
	
#sprite-hoanzl {
      height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -34px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}

#sprite-frencys {
      height:16px;
	  padding-top:2px;
    background: url('../images/sprites.gif')  0px -83px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:4px;
}

.div_cta {
	margin-bottom:40px;
	margin-top:40px;
	text-align:center;
	width:970px;
	}

.div_floater {
	float:left;
	}
	
.div_social {
	text-align:center;
	width:230px;
	margin-top:14px;
}