@CHARSET "UTF-8";

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 130%;
	color: #8c8c8c;
}
img {
	border: none;
}
a {
	color: #8c8c8c;
}
ul {
	margin: 0px;
	padding: 0px;
}
a:hover {
	/*color: 000;*/
}
h1, h2, h3 {
	margin: 0px;
}
h1 span, h2 span, h3 span {
	display: none;
	height: 0px;
}
h1 {
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 23px 3px;
	margin-right: 2px;
}
h2 {
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-top: 25px;
	font-size: 8pt;
}
.clearFix {
	clear: both;
}
#wrapper {
	width: 800px;
	margin: 28px auto 0px auto;
	text-align: left;
}
#mainCol {
	float: left;
	width: 554px;
	line-height: 1.6;
}
#mainCol p {
	margin: 0px;
}
#sidebar {
	float: right;
	width: 218px;
}
#footer {
	border-top: 1px dotted #8C8C8C;
	width: 800px;
	margin: 40px auto 0px auto;
	padding-top: 10px;
	padding-bottom: 50px;
	font-size: 10px;
	text-align: left;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
}	
#footer.no-border {
	border-top: none;
	margin-top: 5px;
	text-align: right;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.footerText {
	float: right;
	margin: 3px 5px 0px 0px;
}
#mediaPlayer {
	float: right;
}

/********************************* menu *********************************/
.menuList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 72px;
	margin-bottom: 20px;
}
.menuList li {
	float: left;
}
.menuLink span {
	display: none;
}
.ov_home, .ov_agentur, .ov_kontakt, .ov_leistungen, .ov_neuigkeiten, .ov_projekte {
	position: absolute;
	visibility: hidden;
	margin-left: -74px;
}
.ov_agentur {
	margin-left: -102px;
}
.ov_kontakt {
	margin-left: -89px;
}
.ov_leistungen {
	margin-left: -97px;
}
.ov_neuigkeiten {
	margin-left: -103px;
}
.ov_projekte {
	margin-left: -87px;
}
.logo {
	float: left;
}
/********************************* sidebar *********************************/
#sidebar h3 span {
	display: none;
}
#sidebar h3 {
	display: block;
	height: 30px;
	margin: 0px;
	background-color: #cccccc;
}
.teaserItem {
	margin-bottom: 30px;
}
h3.sidebarKontakt {
	background: url(../img/sidebar/phone.gif) 152px top no-repeat;
}
h3.sidebarNachricht {
	background: url(../img/sidebar/mail.gif) 77px top no-repeat;
}
h3.sidebarFlame {
	background: url(../img/sidebar/flame.gif) 142px top no-repeat;
}
h3.sidebar_corporate_design {
	background: url(../img/sidebar/corporate.gif) 62px top no-repeat;
}
h3.sidebar_newmedia {
	background: url(../img/sidebar/webdesign.gif) 61px top no-repeat;
}
h3.sidebar_print_design {
	background: url(../img/sidebar/print.gif) 127px top no-repeat;
}
h3.sidebar_druck {
	background: url(../img/sidebar/druck.gif) 160px top no-repeat;
}
.teaserIcon {
	border-right: 1px solid #fff;
}
.txtInput, .txtInputBig {
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	display: block;
	width: 216px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	color: #8c8c8c;
}
.txtInputBig {
	width: 273px;
}
.button, .buttonBig {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	color: #fff;
	text-align: right;
	background-color: #8c8c8c;
	width: 218px;
	border: none;
	cursor: pointer;
	display: block;
	text-decoration: none;
	padding-right: 10px;
}
.buttonBig {
	width: 275px;
}
.button:hover, .buttonBig:hover {
	background-color: #cccccc;
}
.brandneu {
	width: 208px;
	padding: 1px 10px 1px 0px;
}
.brandneuImg {
	margin-top: 2px;
}
.brandneuTxt {
	font-size: 7.5pt;
	line-height: 1.4;
	padding: 8px 0px 8px 0px;
}
.imageLink {
	display: block;
	margin-top: 1px;
}
.projectsLink {
	width: 208px;
	padding: 1px 10px 1px 0px;
	margin-top: 1px;
}
.projectsTeaserItem {
	margin-bottom: 15px;
}
/********************************* contents *********************************/

/************
 * agentur  *
 ************/
h1.agentur {
	background-color: #352d20;
}
h2.agentur {
	background-color: #fff;
}
/**************
 * leistungen *
 **************/
h1.leistungen {
	background-color: #703f00;
}
h2.leistungen {
	background-color: #fff;
}
/***************
 * neuigkeiten *
 ***************/
h1.neuigkeiten {
	background-color: #526000;
}
h2.neuigkeiten {
	background-color: #fff;
	margin-top: 0px;
	height: 45px;
}
.newsTextLeft, .newsTextRight {
	width: 255px;
	float: left;
	padding-top: 3px;
	padding-right: 10px;
}
.newsTextRight {
	padding-left: 10px;
}
.pageNavigator {
	padding-bottom: 20px;
	margin-top: 20px;
	text-align: right;
	color: #526000;
}
.pageNavigator a {
	color: #526000;
}
.pageNavigator a:hover {
	color: #8C8C8C;
}
/***********
 * kontakt *
 ***********/
h1.kontakt {
	background-color: #3f0937;
}
h2.kontakt {
	background-color: #fff;
}
#contactSmallOverlay {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
#contactSmallInfoBox {
	display: none;
	width: 400px;
	position: absolute;
	padding: 20px 20px 10px 20px;	
}
#boxTop {
	background: url(../img/top.png) top left no-repeat;
	width: 400px;
	height: 20px;
}
#boxBottom {
	background: url(../img/bottom.png) top left no-repeat;
	width: 400px;
	height: 20px;
}
#boxContent {
	background: url(../img/content.png) top left repeat-y;
	padding: 20px 40px 10px 50px;
}
#closeBtn {
	float: right;
	margin-top: -20px;
}
.boxError {
	color: red;
}
/*************
 * impressum *
 *************/
.headImpressum {
	display: block;
	height: 30px;
	margin: 0px;
	background: #cccccc url(../img/headImpressum.gif) 20px 0px no-repeat;
	margin-bottom: 10px;
}
.headImpressum span {
	display: none;
}
/*******
 * agb *
 *******/
.headAgb {
	display: block;
	height: 30px;
	margin: 0px;
	background: #cccccc url(../img/headAgb.gif) 20px 0px no-repeat;
	margin-bottom: 10px;
}
.headAgb span {
	display: none;
}
 
 
/************
 * projekte *
 ************/
h1.projekte {
	background-color: #052935;
	margin-right: 2px;
}
h2.projekte {
	background-color: #fff;
}
.categoryImg {
	float: left;
	margin: 2px 2px 0px 0px;
}
.categoryLink span {
	display: none;
}
#coverFlow {
	width:552px;
	height:230px;
}
#productBtnContainer {
	height: 62px;
}
#productBtnContainer li {
	float: left;
	list-style-type: none;
	margin: 2px 3px 0px 0px;
}
#productBtnContainer li.last {
	margin-right: 0px;
}
#productBtnContainer a {
	display: block;
	width: 218px;
	height: 25px;
}
#productBtnContainer a span {
	display: none;
}
#productBtnContainer .print {
	background: url(../img/btn_print.gif) 0px 0px no-repeat;
}
#productBtnContainer .druck {
	background: url(../img/btn_druck.gif) 0px 0px no-repeat;
}
#productBtnContainer .newmedia {
	background: url(../img/btn_new_media.gif) 0px 0px no-repeat;
}
#productBtnContainer .cd {
	background: url(../img/btn_cd.gif) 0px 0px no-repeat;
}
#projectContent {
	margin-top: 15px;
	clear: both;
}
#projectContent h2 {
	display: block;
	background-color: #27241f;
	background-position: 20px 1px;
	background-repeat: no-repeat;
	height: 30px;
	margin-bottom: 10px;
}
.loading {
	height: 200px;
	background: url(/img/loading.gif) center center no-repeat;	
}
.imgRight {
	float: right;
	margin: 2px 2px 0px 0px;
}
.imgLeft {
	float: left;
	margin-top: 2px;
}
.projectImages {
  margin-bottom: 2px;
}
.headNeuigkeiten {
	background: #526000 url(../img/newsHead.gif) 0px 0px no-repeat;
	display: block;
	height: 30px;
}
ul.projectCategory {
	overflow: auto;
	margin: 0 0 0 0;
	list-style-image: none;
	list-style-type: none;
}
ul.projectCategory li {
	float: left;
	margin: 2px 2px 0 0;
	list-style-type: none;
}
ul.projectCategory img {
	display: block;
}
ul.projectCategory a:focus {
	outline: none;
}
a.projektBtn {
	width: auto;
	margin: 0 2px 20px 0;
}