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


/* Standard ------------------------------------------------------------------------------ */

body {
	background-image:url(bilder/background_grey.gif);
}

p {
	font-family: "Garamond", Times, serif;
	color: #FFFFFF;
	font-size:16px;
}

P.SubHeader {
	color: #d6ca41;
	font-style: italic;
}

P.Date {
	font-family: "Trebuchet MS",sans-serif;
	font-size:   11px;
	color: #f1e01a;
	margin-top: 0px;
	margin-bottom: 6px;
}

p.PageBody {
	font-family: "Garamond", Times, serif;
	color: #FFFFFF;
	font-size:16px;
	margin-bottom: 5px;
}

h1 {
	font-family:"Trebuchet MS", Arial;
	color:#FFFFFF;
	font-size:26px;
	margin-top: 0px;
}

a:link {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	color: #d6ca41;
}

a:visited {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	color: #d6ca41;
}

a:hover {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	color: #d6ca41;
}

a.yellow:link {
	text-decoration:none;
	border-bottom: 1px dotted #d6ca41;
	color: #d6ca41;
	padding-top: 1px;
	margin-top: -1px;
	padding-left: 4px;
	margin-left: -4;
	padding-right: 4px;
	margin-right: -4;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

a.yellow:visited {
	text-decoration:none;
	border-bottom: 1px dotted #d6ca41;
	color: #d6ca41;
}

a.yellow:hover {
	text-decoration:none;
	border-bottom: 1px dotted #d6ca41;
	color: #d6ca41;
	background-color: #332f09;
}

div {
	font-family: "Garamond", Times, Serif;
}

td.menuItem:hover {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	background-color: #c2b100;
}

td.menuItem:hover a {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	background-color: #c2b100;
}

td.menuItemSelected {
	background-color: #c2b100;
}

td.menuItemSelected:hover a {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	background-color: #c2b100;
}

a.menuItem {
	font-family: "Garamond", Times, Serif;
}

a.menuItem:link {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	color: #000000;
}

a.menuItem:visited {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	color: #000000;
}

a.menuItem:hover {
	text-decoration:none;
	border-bottom: 1px dotted #FFFF00;
	color: #000000;
	background-color: #c2b100;
}

a.menuItemSelected {
	font-family: "Garamond", Times, Serif;
}

a.menuItemSelected:link {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	color: #FFFFFF;
}

a.menuItemSelected:visited {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	color: #FFFFFF;
}

a.menuItemSelected:hover {
	text-decoration:none;
	border-bottom: 0px dotted #FFFF00;
	color: #FFFFFF;
}


/* Background and div around all content --------------------------------------------------*/

#bodytop{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:500px;
	background-image:url(bilder/top_background.gif);
	background-repeat: repeat-x;
}

#content {
	position:absolute;
	left: 50%;
	margin-left: -467px;
	width: 935px;
}


/* Top with menu --------------------------------------------------------------------------- */

#top {
	height:163px;
	width:935px;
	background-image:url(bilder/top.gif);
}

#logo {
	height: 125px;
	width: 125px;
	position: absolute;
	left: 40px;
	top:40px;
}

#menu_flash {
	position: absolute;
	top: 90px;
	left:220px;
	height: 27px;
	width: 700px;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222222;
	position: absolute;
	top: 95px;
	left:220px;
}

#home {
	height: 20px;
	width: 45px;
	position:absolute;
	left: 13px;
}

#home:hover {
	color:#FFFFFF;
}

#about {
	height: 20px;
	width: 49px;
	position:absolute;
	left: 75px;
}

#about:hover {
	color:#FFFFFF;
}

#portfolio {
	height: 20px;
	width: 63px;
	position:absolute;
	left: 139px;
}

#portfolio:hover {
	color:#FFFFFF;
}

#team {
	height: 20px;
	width: 48px;
	position:absolute;
	left: 217px;
}

#team:hover {
	color:#FFFFFF;
}

#contact {
	height: 20px;
	width: 62px;
	position:absolute;
	left: 278px;
}

#contact:hover {
	color:#FFFFFF;
}


/* Middle area with backgrounds ---------------------------------------------------------------*/

#middle {
	background-image:url(bilder/middle_bottom_bg.gif);
	background-repeat: repeat-y;
	width: 935px;
	float:left;
}

#leftcolumn {
	width: 350px;
	float: left;
	margin-left: 50px;
	margin-top: 25px;
}

#rightcolumn {
	width: 457px;
	float: left;
	margin-top: 25px;
	margin-left: 45px;
}


#maintext {
	float:left;
	width: 350px;
}


/* Mainpage image -----------------------------------------------------------------------*/

#imagearea {
	float:left;
	width: 457px;
	height: 195px;
	margin-bottom: 20px;
}

#imagetextBackground {
	position:relative;
	left: 0px;
	right: 0px;
	height: 31px;
	bottom: 31px;
	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}

#imagetext {
	position:relative;
	left: 15px;
	width: 427px;
	bottom:22px;
	color: #FFFFFF;
	font-size:12px;
	text-align: right;
}


/* Mainpage links on the left  ----------------------------------------------------------------------- */

#leftlinks {
	float: left;
	margin-top: 20px;
}

.leftlink {
	font-family: Times, serif;
	font-style:italic;
	color: #d6ca41;
	font-size: 14px;
/*	text-align:left; */
	margin-bottom:6px;
}

.leftlink:hover {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	cursor: pointer;
}


/* Mainpage links on the right  ----------------------------------------------------------------------- */

#rightlinks {
	float:right;
	margin-bottom: 20px;
}

.rightlink {
	font-family: Times, serif;
	font-style:italic;
	color: #d6ca41;
	font-size: 14px;
	text-align:right;
	margin-bottom:6px;
}

.rightlink:hover {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	cursor: pointer;
}

/* Bottom area --------------------------------------------------------------------------------*/

#bottomSpace {
	background-image:url(bilder/middle_bottom_bg.gif);
	background-repeat: repeat-y;
	height: 65px;
	width: 935px;
	float:left;
}

#bottom {
	height: 65px;
	width: 935px;
	background-color:#f2f2f2;
	background-image:url(bilder/bottom_background.gif);
	background-repeat:no-repeat;
	float:left;
}

/* News on mainpage ------------------------------------------------------------------------*/

table {
	width: 457px;
}


#news {
	width: 452px;
	float:right;
}

#newstop {
	background-image:url(bilder/news_top.gif);
	background-repeat: no-repeat;
	width: 452px;
	height: 23px;
}

.newsrow{
	background-image: url(bilder/news_item_bg.gif);
	background-repeat: no-repeat;
	height:32px;
	width: 452px;
	cursor: pointer;
}

.newsrow_hover{
	background-image: url(bilder/news_item_bg_over.gif);
	background-repeat: no-repeat;
	height:32px;
	width: 452px;
	cursor: pointer;
}

.newsdate{
	background-image: none;
	font-family:"Garamond", Times, serif;
	font-size:13px;
	color:#FFFFFF;
	width: 75px;
	padding-left: 15px;
	display:table-cell;
	vertical-align:middle;
}

.newsitem{
	background-image: none;
	font-family:"Garamond", Times, serif;
	font-size:13px;
	font-style: italic;
	color:#d6ca41;
	width: 377px;
	display:table-cell;
	vertical-align:middle;
}

.newsitem:hover {
	text-decoration:none;
	border-bottom: 0px dotted #d6ca41;
	cursor: pointer;
}

#newsbottom {
	background-image:url(bilder/news_bottom_slim.gif);
	background-repeat: no-repeat;
	width: 452px;
	height: 9px;
}
/*
#newsbottom:hover {
	background-image:url(bilder/news_bottom_over.gif);
	background-repeat: no-repeat;
}
*/

#showall {
	font-family: Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 2;
	width: 70px;
	height: 20px;
	position:absolute;
	bottom: 23px;
	right: 67px;
	background-image:url(bilder/more_symbol.png);
	background-repeat:no-repeat;
	background-position: right center;
}

#showall:hover {
	color:#FFFF00;
	background-image:url(bilder/more_symbol_hover.png)
}


/* Porfolio images  -----------------------------------------------------------------------*/

#portfoliocontainer {
	width: 497px;
	float:left;
}

.portfolioimage {
	float:left;
	width:218px;
	height:92px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.portfolioimagetext {
	font-family: Times, serif;
	font-style:italic;
	color: #FFFF00;
	font-size: 14px;
	text-align:right;
	margin-right: 8px;
	margin-top:6px;
}

.portfolioimagetext:hover {
	text-decoration:underline;
	cursor: pointer;
}


/* Footer contact info  ----------------------------------------------------------------------- */

#contactinfo {
	position: absolute;
	right: 0px;
	bottom: 24px;
	font-family: Times, serif;
	font-size:11px;
	color:#999999;
}

#e-mail {
	position:absolute;
	bottom: 0px;
	right: 20px;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	color: #CCCC00;
}

#phone {
	width: 90px;
	position:absolute;
	bottom: 0px;
	right: 105px;
}

#address {
	width: 200px;
	position:absolute;
	bottom: 0px;
	right: 200px;
}