/*
Theme Name: MGKN
Theme URI: http://www.metagraphic.deg/
Description: The metagraphic KN theme
Author: Jörn Zimmermann
Author URI: http://metagraphic.de/
Tags: 
*/



@charset "UTF-8";
/* CSS Document */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	LAYOUT
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	/* background-image: url(img/footer-bg-tile.jpg);
	background-repeat: repeat-x;
	background-position: 0px -140px; */
	color: #666666;
}

.border	{
	width: 930px;
	padding-top: 1em;
	margin-left: 15px;
	border-bottom: 1px solid #e5e5e5;
	visibility: visible;
	margin-bottom: 2em;
}

.borderInner	{
	width: 100%;
	padding-top: 1em;
	margin-left: 0px;
	border-bottom: 1px solid #e5e5e5;
	visibility: visible;
	margin-bottom: 2em;
}

.borderInnerTop	{
	width: 100%;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-left: 0px;
	border-bottom: 1px solid #e5e5e5;
	visibility: visible;
	margin-bottom: 2em;
}


/* ------------------------------- Header ------------------------------- */

#siteHeader	{
	position: relative;
	height: 150px;
	line-height: 150px;
	background-image: url(img/separator-top.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#siteHeaderLogo	{
	height: 150px;
}

#siteHeaderLogo img	{
	margin-top: 37px;
}

#siteHeaderLogo a img	{
	text-decoration: none;
}

#siteHeaderLocations	{
	height: 150px;
	line-height: 150px;
	text-align: right;
}

/* ------------------------------- Body ------------------------------- */


#siteBody	{
	position: relative;
	min-height: 350px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#siteBodyTitle	{
	position: absolute;
	top: 53px;
	left: 409px;
	width: 500px;
	height: 30px;
	text-align: center;

}

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

#siteFooter	{
	min-height: 250px;
	background-image: url(img/separator-bottom.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

#footer	{
	width: 960px;
	padding-top: 50px;
	margin-bottom: 0;
	text-align: left;
}

.footerIconMG	{
	background-image: url(img/footer-icons-mg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.footerIconFaves	{
	background-image: url(img/footer-icons-faves.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.footerIconWeb	{
	background-image: url(img/footer-icons-web.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* .separator	{
	width: 100%;
	background-image: url(img/footer-separator-2.jpg);
	height: 2px;
	margin: 1em 0 1em 0;
} */

#footer h3 {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	HEADER DISPLAY
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
/* ------------------------------- C2A Button ------------------------------- */

#displayButtonC2a	{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 0px;
}

a.buttonC2a	{
	position: relative;
	display: block;
	width: 213px;
	height: 58px;
	line-height: 1em;
	text-align: center;
	background-image: url(img/button-c2a.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px #000000;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

a.buttonC2a:hover	{
	background-position: bottom;
}

a.buttonC2a	span.labelMain	{
	position: relative;
	top: 12px;
	display: block;
	font-size: 15px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	color: #fff;
	letter-spacing: 1px;
}

a.buttonC2a	span.labelSub	{
	position: relative;
	top: 15px;
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
	color: #999;
}

a.buttonC2a:hover	span.labelMain	{
	color: #e5e5e5;
}

a.buttonC2a:hover	span.labelSub	{
	color: #fff;
}


/* ------------------------------- Start Page ------------------------------- */

#siteBodyDisplay	{
	position: relative;
	width: 930px;
	height: 360px;
	border: 1px solid #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(img/display-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#siteBodyDisplay p	{
	margin-bottom: 10px;
}


#siteBodyDisplay #displayImgStart	{
	position: absolute;
	top: 42px;
	left: 40px;
	width: 340px;
	height: 315px;
}

#siteBodyDisplay #displayStartTagline	{
	position: absolute;
	top: 53px;
	left: 409px;
	width: 500px;
	height: 30px;
	text-align: center;
}

#siteBodyDisplay #displayStartTagline.subPageTagline	{
	position: absolute;
	top: 113px;
	left: 390px;
	width: 500px;
	height: 30px;
	text-align: center;
}

/* ------------------------------- Start Page ------------------------------- */

#siteBody #header-SubPage	{
	position: relative;
	width: 930px;
	left: 15px;
	height: 240px;
	margin-bottom: 30px;
	 background-image: url(img/display-sub-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#header-SubPage #imageSubPage	{
	position: absolute;
	top: 20px;
	left: 33px;
	width: 245px;
	height: 215px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	NAVIGATION START PAGE
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

   
#navStartPage	{
	text-align: left;
	margin: 40px 0px -20px 0px;
}   

  
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	NAVIGATION SUB PAGE
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
#navSubPage	{
	text-align: right;
	height: 150px;
}   

#navSubPageBG	{
	position: relative;
	width: 450px;
	height: 42px;
	line-height: 42px;
	background-color: #cccccc;
	background-image: url(img/nav-subpage-bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	font-size: 14px;
	text-shadow: 0px 2px 1px #ffffff;
	margin-bottom: 60px;
	margin-top: 40px;
}   

#navSubPageBG.startNav	{
	margin-bottom: 20px;
}   


/* ------------------------------- Links ------------------------------- */

#navSubPageBG a	{
	color: #666666;
	text-shadow: 0px 1px 0px #ffffff;
	text-decoration: none;
}   

#navSubPageBG a:hover	{
	color: #ffffff;
	text-shadow: 0px 1px 0px #000000;
	text-decoration: none;
}   

   
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	TEXT-LINKS
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   

p a:link	{
	text-decoration: none;
	color: #cfd51b;
}   

p a:active	{
	text-decoration: none;
	color: #cfd51b;
}   

p a:hover	{
	text-decoration: underline;
	color: #cfd51b;
}   

p a:visited	{
	text-decoration: none;
	color: #cfd51b;
}   

#footer p a:link	{
	text-decoration: none;
	color: #cccccc;
}   

#footer p a:active	{
	text-decoration: none;
	color: #cccccc;
}   

#footer p a:hover	{
	text-decoration: underline;
	color: #999999;
}   

#footer p a:visited	{
	text-decoration: none;
	color: #cccccc;
}  

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	CUSTOMER SECTION LINKS
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
.customerSection a:link 	{
 	color: #666666;
	text-decoration: none;
 }

.customerSection a:hover 	{
 	color: #cfd51b;
	text-decoration: underline;
 }
 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	TYPO
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#siteHeaderLocations {
	color: #cccccc;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}

#siteBodyTitle	h1 {
	font-size: 32px;
	color: #e5e5e5;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 1em;
	text-shadow: 0px -1px 1px #333333;
}

#siteBodyDisplay #displayStartTagline p	{
	font-size: 22px;
	color: #999999;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", serif;
}

p {
	color: #666666;
	line-height: 155%;
}

#bodyContent p {
	padding: 0 15px;
}

#footer p,h3 {
	color: #cccccc;
}

h1 {
	color: #cfd51b;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
}

#bodyContent h1 {
	padding: 0 15px;
}

#bodyContent h2 {
	color: #666666;
	line-height: 120%;
	font-size: 22px;
	margin-bottom: 0.5em;
	padding: 0 15px;
}

h2.h1Subline {
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	/* font-family: Georgia, "Times New Roman", serif; */
	margin-top: -2em;
}

h2.tagline2 {
	color: #999999;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
}

#footer h3 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 1.5em;
}

.portfolioTitle	{
	color: #999999;
}

.portfolioTag	{
	color: #999999;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	PORTFOLIO
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.picPortfolio	{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 3px;
	margin-bottom: 20px;
}

.portfolioTitle	{
	font-size: 16px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	PORTFOLIO CATEGORIES
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#portfolioCategories ul	{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#portfolioCategories ul li	{
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0.5em;
}

#portfolioCategories ul li a	{
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#portfolioCategories ul li a:hover	{
	color: #333333;
	text-decoration: underline;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	IMG
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.imgBorder	{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 3px;
	margin-right: 2em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	SECTION PARTNER
	
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.partnerName	{
	font-weight: bold;
}

.partnerSubline	{
	font-size: 13px;
}

.partnerCompany	{
	margin-bottom: 0;
	color: #cccccc;
}