/* @override 
	http://localhost:8888/PC-Galerie/website/wwwDummy/css/pc-galerie_styles.css
*/

/*+++++++++++++++++++++++++++++++++++++++++++++++
Styles by applexx media solutions; Josip Pusic 2008
++++++++++++++++++++++++++++++++++++++++++++++++*/

/* @group global elements */
/***********************************************
globale Elemente
************************************************/
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #fff;
  color: #666666;
}

a {
	color: #0094aa;
}
a:link {
	color: #0094aa;
}
a:visited{
	color: #46aab9;
}
a:focus {
  outline: none;
}
a:hover {
	color: #494742;
	text-decoration: none;
}
img {
  border: none;
}
h1 {
	display: none;
}
.clear{
	clear: both;
}

/* @end */

/* @group layout elements */

#page {
	margin: 0 auto;
	width: 936px;
}
#topServiceNavi {
	margin-top: 30px;
	padding: 0 10px 0 0;
	text-align: right;
	visibility: hidden;
}
#topServiceNavi a {
	font-size: 12px;
	color: #555555;
	padding: 0px 10px 0 10px;
	text-decoration: none;
}
#topServiceNavi a:hover {
	color:#0094aa;
}
#logo {
	width: 182px;
	height: 50px;
	cursor: pointer;
	margin: 0 0 16px 20px;
	background: url(../pics/logo.png) no-repeat left top;
}
#mainNavi {
	position: relative;
	width: 936px;
	height: 48px;
	background: url(../pics/topNaviBar.png) no-repeat left top;
	display: none;
}
#mainNavi span {
	position: absolute;
	right: 48px;
	padding: 0px 2px 0 0;
	background: url(../pics/divider.png) no-repeat;
	background-position: right 2px;
}
#mainNavi a {
	/*border: 1px solid;*/
	font-size: 13px;
	color: #555555;
	height: 24px;
	padding: 20px 26px 0 26px;
	margin: 2px 0px 0 0px;
	float: left;
	display: block;
	text-decoration: none;
	background: url(../pics/topNaviBtn.png) no-repeat;
}
#mainNavi a:hover {
	color:#333333;
	background-position: 0 -46px;
}
#mainNavi a.aktiv {
	color:#333333;
	background-position: 0 -46px;
}
#wideHeader {
	margin-top: 16px;
	width: 936;
}
#wideHeader.startPage {
	height: 281px;
	background-image: url(../pics/startHeader.jpg);
}
.quarterBox{
	/*border: 1px solid;*/
	float: left;
	margin: 16px 16px 0 0;
	width: 222px;
	background: url(../pics/quarterBoxHead.png) no-repeat;
	display: none;
}
.rightBox {
	margin-right: 0;
}
.boxHeader {
	font-size: 13px;
	color: #555;
	padding: 12px 20px 9px 20px;
	height: 15px;
}
.boxContent {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.boxContent p {
	padding: 12px 20px 4px 20px;
	line-height: 1.45;
}
.boxContent img {
	margin: 0 1px -8px 1px;
	border-bottom: 1px solid #dddddd;
}
.quarterBoxBottom {
	font-size: 1px;
	height: 12px;
	background: url(../pics/quarterBoxFoot.png) no-repeat left bottom;
}

#leftCol {
	/*border: 1px solid;*/
	float: left;
	width: 238px;
}
#contentCol {
	float: right;
	margin-top: 16px;
}
.halfBox {
	float: left;
	margin: 16px 16px 0 0;
	width: 460px;
	background: url(../pics/halfBoxHead.png) no-repeat;
}
.halfBoxBottom {
	font-size: 1px;
	height: 12px;
	background: url(../pics/halfBoxFoot.png) no-repeat left bottom;
}
/* @end */

/* @group Left Navi */
#leftNavi ul {
	padding: 10px 20px 20px 20px;
	list-style: none;
}
#leftNavi ul li{
	border-bottom: 1px solid #dddddd;
}
#leftNavi ul ul{
	margin: 0;
	padding: 0 0 8px 6px;
}
#leftNavi ul ul li{
	border: none;
}
#leftNavi a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #777;
	white-space: nowrap;
	height: 22px;
	padding: 8px 0 0 0px;
}
#leftNavi ul ul li a{
	height: 16px;
	padding: 2px 0 0 10px;
	/*border: 1px solid;*/
}
#leftNavi ul ul ul li a{
	height: 16px;
	padding: 2px 0 0 20px;
	/*border: 1px solid;*/
}
#leftNavi ul li a:hover{
	color: #0094aa;
}
#leftNavi .aktiv {
	color: #0094aa;
}
#leftNavi ul ul .aktiv {
	color: #333333;
}
#leftNavi ul ul ul .aktiv {
	color: #333333;
	background: url(../pics/arrow.png) no-repeat 8px center;
}


/* @end */


/* @group footer */
#footerBox {
	position: relative;
	margin: 16px 0 30px 0;
	background: url(../pics/footerHead.png) no-repeat left top;
}
#footerBox .boxHeader {
	font-size: 1px;
	padding-top: 0;
	height: 0px;
}
#footerBox .boxContent {
	padding-top: 0px;
}
#footerBox .boxContent p {
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1;
}
#footerBox .bottom {
	font-size: 1px;
	height: 11px;
	background: url(../pics/footerFoot.png) no-repeat left bottom;
}
#footerBox #footerNavi {
	position: absolute;
	top: 14px;
	right: 12px;
	text-align: right;
}
#footerNavi {
	visibility: hidden;
}
#footerNavi p {
	padding: 10px 8px 0 0;
	text-align: right;
	
}
#footerNavi a {
	font-size: 12px;
	color: #555555;
	padding: 0px 8px 0 8px;
	text-decoration: none;
}
#footerNavi a:hover {
	color:#0094aa;
}
/* @end */