body {
	background: #7d8a2e;
	text-align: center; /* for older browsers */
	font-family: Verdana, Arial, serif;
}

#page-wrap {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	position: relative;
}

.left {float: left;}
      
.clear {
	clear: both;
}

/* --- TOP OF THE PAGE --- */

	/* -- LOGO -- */
#logo {
	float: left;
	background: url('../images/light-trans.png') no-repeat;
	width: 268px;
	height: 98px;
} 

#logo h1 {
	text-indent: -9999px;
	background: url('../images/logo-trans.png') no-repeat;
	width: 250px;
	height: 80px;
	margin: 5px 0px 0px 38px;
} /* SEO improvement */

	/* -- TOP NAVIGATION MENU -- */
ul#topnav {
	margin-top: 27px;
	float: right;
}

ul#topnav li{
	float: left;
} /* it is a horizontal menu */

ul#topnav a:hover, ul#topnav a:focus{
	color: white;
	z-index: 40;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    overflow: hidden;
}

.lavaLamp li a {
 	position: relative; overflow: hidden;
    text-decoration: none;
	font-size: 15px;
	color: #282925;
	text-align: center;
    padding: 12px 10px;
	z-index: 10;
	display: block;
} 

.lavaLamp li.current a {
	color: #f6ffc9;
} 


.lavaLamp li.back {
    background: url(../images/nav_bg.jpg) repeat-x;
    height: 41px;
    z-index: 8;
    position: absolute;
    color: white;
} 

/* --- HEADER --- */
.header {
	width: 960px;
	height: 220px;
	border-top: 1px solid #abb863;
	border-bottom: 1px solid #abb863;	
}

.header.home {
	background: url('../images/home_header_image.jpg') no-repeat;
} 

.header.uebersetz {
	background: url('../images/uebersetz_header_image.jpg') no-repeat;
} 
.header.web {
	background: url(../images/web_header_image.jpg) no-repeat;	
}
.header.text {
	background: url(../images/header_text.jpg) no-repeat;	
} 

.header.contact {
	background: url(../images/contact_header_image.jpg) no-repeat;	
} 

.header.referenz {
	background: url(../images/referenz_header_image.jpg) no-repeat;	
} 

.header h2 {
	text-indent: -9999px;
}

.shadow {
	background: url('../images/shadow.png') no-repeat;
	width: 100%;
	height: 10px;
	margin-bottom: -10px; 
	z-index: 100; 
	position: relative; 
}

/* --- CONTENT --- */

#content {
	background: white;
	margin-top: 20px;
	padding-bottom: 45px;
	position: relative;
}

/* --- FOOTER --- */

#footer {
	font-size: 11px;
	color: #41471c;
	margin-bottom: 10px;
}

#footer #copy_info {
	font-size: 12px;
	color: #1d1d1b;
	display: block;
	text-align: center;
	margin: 6px 0px 35px 0px;
} /* copyright information styling */

#footer_left {
	float: left;
	margin-left: 56px;
} /* left footer column */

#footer_right {
	float: right;
	margin-right: 56px;
} /* right footer column */

#footer .section, #footer a:hover {
	color: #25271a;
}

#footer a {
	text-decoration: none;
	color: #41471c;
}

footer p {
	color: #2d3113;
}


/* - SERVICES PAGE - */

/* --- Services Navigation Menu --- */

ul#services_menu {
	position: absolute;
	top: 320px;
	right: 235px;
	background: #c9d787 url(../images/services_menu_bottom.png) repeat-x bottom left;
	z-index: 3;
	padding: 50px 30px 14px 43px;
	width: 128px;
} /* positioning */

ul#services_menu a {
	font-size: 13px;
	color: #6d6d6d;
	text-decoration: none;	
}

ul#services_menu li {
	margin-bottom: 30px;	
}

ul#services_menu a.current, ul#services_menu a:hover {
	color: #49420b;
}

/* --- Services Article --- */

.article {
	width: 530px;
	font-size: 12px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 65px;
} /* info about services */

.article h3 {
	color: #4d6d04;
	font-size: 20px;
	margin-bottom: 40px;
}

.article img {
	margin: 0px 20px 0px 0px;
	float: left;
	margin-right: 0px;
}

.article p {
	font-size: 12px;
	color: #838580;
	line-height: 23px;
}

/* - uebersetzungen - */
/* --- linke spalte --- */
#team {
	float: left;
	width: 580px;
}

#team h3, #our_history h3, #leftcol h3 {
	color: #658025;
	font-size: 20px;
} 

#team h3, #leftcol h3 {
	padding: 35px 0px 0px 65px;
}

#team img {
	width: auto;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-right: 32px;
	margin-bottom: 10px;
	margin-left: 10px;
}

	/* -- Member of the team block -- */
.member {
	padding: 20px 0px 0px 90px;
}

.member h4 {
	color: #454544;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 10px;
}

.member p {
	font-size: 12px;
	color: #838580;
	line-height: 23px;
}

/* --- right COLUMN --- */
#our_history {
	float: right;
	width: 380px;
}

#our_history h3 {
	padding: 35px 65px 0px 0px;
	text-align: right;
}

#history_wrap {
	background: #ffc0a9 url(../images/history_top.gif) repeat-x top left;
	margin: 20px 62px 0px 0px;
} 

#history {
	background: url(../images/history_bottom.gif) repeat-x bottom left; /* adds bottom gradient */
	padding: 18px;
}

#history p {
	font-size: 11px;
	color: #000000;
	line-height: 30px;
	}
	
}

/* --- CONTACT US PAGE --- */
	/* - Left Column */
body#contact_us #leftcol {
	width: 520px;
	float: left;
}

#leftcol #required {
	display: block; /* to nudge the span content to the right */
	text-align: right;
	font-size: 11px;
	color: #959a91;
	margin: 8px 0px 22px;
} 

.purple {
	color: #af259e;
} /* styling of the asterisk sign */

	/* CONTACT US FORM */
#leftcol form#contact_us {
	padding-left: 65px;
}

#leftcol form#contact_us label {
	font-family: Arial;
	color: #4b4d47;
	float: left;
	width: 165px;
	margin: 0px 0px 10px 0px;
} /* Labels styling */

#leftcol form#contact_us input, #leftcol form#contact_us textarea {
	float: right;
	background: #c9d787;
	border: none;
	width: 285px;
} /* Inputs and textarea styling */

#leftcol form#contact_us .submit-button {
	width: 85px;
	height: 30px;
	background: url(../images/submit.png) no-repeat;
	font-size: 13px;
	color: #545552;
	text-transform: uppercase;
	font-family: Arial;
	margin-top: 20px;
	padding: 0px;
} /* Submit button styling */
	
	/* - CONTACT US - ADDITIONAL INFORMATION - */
body#contact_us #additional {
	width: 320px;
	float: right;
	margin-top: 98px;
	margin-left: 98px;
}

#additional p {
	color: #3c3a3a;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 25px;
	margin-right: 30px;
	line-height: normal;
}

#additional2 .info {
	color: #4b4d47;
	font-weight: bold;
}

body#contact_us #additional2 {
	width: 520px;
	float: left;
	margin-top: 98px;
	margin-left: 98px;
}

#additional2 p {
	color: #3c3a3a;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 25px;
	margin-right: 30px;
	line-height: normal;
}

#additional2 .info {
	color: #4b4d47;
	font-weight: bold;
}

/* --- HOME PAGE --- */

body#home #content #left-col, body#home #content #center-col, body#home #content #right-col {
	width: 300px;
	float: left;
	margin-right: 30px;	
} /* common actions applied to all 3 columns in the content area */

body#home #content .heading {
	display: block;
	width: 100%;
	background: #5d652b;
	color: #df7f82;
	padding: 13px 0px;;	
	position: relative;
} /* heading block for columns */

body#home #content #left-col ul#news, body#home #content #right-col ul#partners {
	background: #c9d787 url('../images/news_bottom.jpg') no-repeat center bottom;
	padding: 20px 9px 10px 20px;
} /* common styling for 2 columns (left and right) */

body#home #content .heading h3 {
	font-family: Arial; 
	font-size: 27px; 
} /* common styling (for 3 columns) */

body#home #content .heading img {
	position: absolute; 
} /* absolutely positioned icons for headings */


	/* CONTENT LEFT COLUMN */
body#home #content #left-col .heading h3 {
	margin-left: 28px;
} /* additional alignment */

body#home #content #left-col .heading #news-icon {
	top: 4px;
	right: 10px;
	width: 30px;
	height: 47px;
	position: absolute;
	background: url('../images/news_icon-trans.png') no-repeat;	
} /* left column icon */

#left-col ul#news {
	margin-left: 27px; 
}

body#home #content #left-col ul#news li {
	padding-bottom: 23px;
	margin-bottom: 6px;
	position: relative;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #cac078;
}

body#home #content #left-col ul#news li .date {
	
	color: #ab6b63;
	font-size: 11px;
	position: absolute; 
	bottom: 7px;
	right: 4px;
} /* absolutely positioned date */

body#home #content #left-col ul#news a {
	font-size: 11px;
	text-decoration: none;
	color: #6d6d6d;

}

body#home #content #left-col ul#news a:hover {
	color: white; 
}
#left-col p {
	line-height: 20px;
}
	/* CONTENT RIGHT COLUMN */

body#home #content #right-col {
	margin-right: 0px; /* no margin-right for right column */	
}

body#home #right-col .heading {
	text-align: right;	
}

body#home #right-col .heading h3 {
	margin-right: 28px;
}

body#home #content #right-col .heading #earth-icon {
	top: 0px;
	left: 10px;
	width: 58px;
	height: 50px;
	position: absolute;
	background: url('../images/earth_icon.png') no-repeat;	
} /* right column icon */

#right-col ul#partners {
	margin-right: 27px;
}

#right-col ul#partners li {
	padding: 11px 0px 24px 40px;
}

	/* CONTENT CENTER COLUMN */

body#home #center-col .heading {
	text-align: center;	
}

body#home #center-col .heading .hot-icon {
	background: url(../images/hot_icon.png) no-repeat;
	height: 47px;
	width: 39px;
	position: absolute;
	top: 3px;
} /* common styling for center column icons */

.hot-icon.left {
	left: 30px;
}

.hot-icon.right {
	right: 30px;
}

body#home #center-col #hot_offer {
	background: #ffc0a9 url('../images/hot_offer_bottom.jpg') no-repeat center bottom;
	padding: 24px 24px 60px; 
	margin: 0px 15px;
}

#hot_offer p {
	font-size: 11px;
	color: #6d6d6d;	
	line-height: 20px;
}

#center-col h4 {
	margin: 8px 0px 22px;
	font-size: 13px;
	font-weight: bold;  
}

#center-col a {
	color: #6d6d6d;	
	text-decoration: none;
}

#center-col a:hover {
	color: black;
}

/* zitate */

body#home blockquote {
	margin: 30px 24px 0px 34px;
	padding: 2px 7px 0px 30px;
	font-size: 18px;
	color: #807875;
	line-height: 29px;
}

blockquote .blockquote_author {
	text-align: right;
	display: block;
	font-size: 11px;
	color: #373331;
}

body#home #left-col blockquote {
	background: url(../images/blockquote.gif) no-repeat left top;
} /* top (") for the left column  */
body#home #center-col blockquote {
	background: url(../images/blockquote.gif) no-repeat left top;
}

body#home #right-col blockquote {
	background: url(../images/right_blockquote.gif) no-repeat right bottom;
	padding-bottom: 0px;
	padding-right: 22px;
	padding-left: 8px;
} /* bottom (") for the right column  */