/* @override http://localhost/herrklugert/css/layout.css */

:focus,
:active {
	outline-style: none;
}

#page {
	margin-top: 40px;
	position: relative;
	z-index: 10;
}

#header {
	position: relative;
	height: 230px;
	
}
#header-top {
	border-bottom: 1px solid #ccc;
	height: 75px;
}

#bubble {
	padding-top: 21px;
	background: url(img/bubble-arrow.png) 100px 0px no-repeat;
}

#header-bottom {
    position: absolute;
    top: 63px;
}

#header-bottom p {
	background-color: #000;
	color: #fff;
	font-size: 16px;
	line-height: 1.2em;
	padding: 10px;
}

#nav-main ul {
	margin: 0 0 0 20px;
	padding: 30px 0px 0px 0px;
	height: 20px;
	display: block;
	background: url(img/nav-main-bg.png) 0px 28px no-repeat;
	border-top: 1px solid #ccc;
}

#nav-main li {
	float: left;
	list-style-type: none;
	height: 20px;
	margin-right: 16px;
	padding: 0;
	margin-left: 0;
}

#nav-main li a {
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	background-color: transparent;
}


#nav-main li a:hover,
#nav-main li a:active {
	background-position: 0 -20px;
}

#nav-main-who a {
	background-image: url(img/nav-main-who.png);
	width: 44px;
}

#nav-main-references a {
	background-image: url(img/nav-main-references.png);
	width: 122px;
}

#nav-main-contact a {
	background-image: url(img/nav-main-contact.png);
	width: 84px;
}

.section-head {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

#who,
#references,
#contact {
	margin-bottom: 70px;
	position: relative;
	z-index: -1;
}

#contact {
	/*background: url(img/circle-small.png) center 10px no-repeat;*/
}

#circle-big,
#circle-small,
#circle-tiny {
	position: absolute;
	z-index: 100;
	display: block;
}
#circle-big {
	top: 22px;
	right: 10px;
	width: 309px;
	height: 309px;
}
#circle-small {
	top: 10px;
	left: 400px;
	width: 139px;
	height: 139px;
}
#circle-tiny {
	top: 0px;
	left: 170px;
	width: 50px;
	height: 50px;
}

.info-description {
	padding-top: 91px;
}

#footer {
	min-height: 40px;
	/*background: url(img/circle-tiny.png) 170px 0px no-repeat;*/
	margin-bottom: 20px;
	position: relative;
}

#footer span.inner {
	display: block;
	margin-top: 15px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

a.lnk-totop {
	padding-left: 23px;
	background: url(img/link-up.png) 0px 4px no-repeat;
}
a.lnk-totop:hover,
a.lnk-totop:active {
	color: #008bd2;
}