/* ---------- Defaults -------------- */ /* 
  Links: grey
*/
.clear {
	clear: both;
}

/* ---------- Structure -------------- */
html {
	
}

body {
	width: 100%;
	position: relative;
	font-family: Arial, Geneva, sans-serif;
	color: #333333;
}

.wrapper {
	position: relative;
	width: 940px;
	padding-left: 25px;
	max-width:95%;
}

.header {
	position: relative;
	height: 172px;
}

.header-image {
	margin-left:-25px;
}
.header-slogan{
  font-size:26px;
  color: #B4B4B4;
  font-weight:bold;

}

.nav-lang {
	text-align: right;
	padding: 0px 0;
}

/* Link Lang Navi */
.nav-lang a:visited,.nav-lang a:link {
	color: #B4B4B4;
	text-decoration: none;
	font-size: 11pt;
}

.nav-lang a:hover,.nav-lang a:active {
	color: black;
}

.nav-lang .active a {
	color: black !important;
}

/* Main Navi */
.nav-main {
	padding-bottom: 30px;
	padding-top: 10px;
	position: relative;
}

#cbp-hrmenu {
	border-top: 1px solid rgb(204,204,204);
	font-size: 13pt;
	padding-top: 10px;
	font-weight:bold;
}

.search-holder {
	position: absolute;
	top: 20px;
	right: 0;
	color: #B4B4B4;
	font-size: 13pt;
	cursor:pointer;
	width:200px;
	text-align:right;
}

.search-text{
  font-size:11pt;
}

.search-input{
  display:none; 
}

.separator {
	color: #B4B4B4;
}

/* Navi */
.nav-li-0 a {
	color: #B4B4B4;
	padding: 0 14px;
	text-decoration: none;
}

.nav-li-1 a {
	color: #B4B4B4;
	padding: 0 6px 0 10px;
	text-decoration: none;
	line-height: 30px;
}

.cbp-hrmenu>ul>li>a:hover,.nav-li-1 a:hover {
	color: black !important;
}

.nav-main a:hover,.nav-main a:active {
	color: black;
}

.nav-main .active a {
	color: black !important;
}

li.cbp-hropen>a {
	color: black;
}

/* Content Structure */
.content-wrapper {
	padding: 2px 0 0 0;
}

.content {
	float: left;
	width: 76.6%;
	width:720px;
}

.content a:visited,.content a:link {
	color: #B4B4B4;
	text-decoration: none;
	font-size: 11pt;
}

.content a:hover,.content a:active {
	color: black;
}

.content-row {
	clear: both;
	width:940px;
}
.inner-row{
  clear:both;
}

.aside {
	float: left;
	width: 23.4%;
	width:215px;
}

.aside-wrapper {
	border-left: 1px solid rgb(204,204,204);
	margin-left: -10px;
	padding-left: 10px;
}
.actuel, .download{
  font-size:11pt;
  
}
.content-left {
	float: left;
	width: 237px;
}

.content-right {
	float: left;
	width: 67%;
	width:483px;
}

.content-left-spacer {
	margin: 0 20px 0 0;
	border-top: 1px solid rgb(204,204, 204);
	height: 105px;
}

.content-right-spacer {
	margin: 0 20px 0 0;
	border-top: 1px solid rgb(204, 204, 204);
	height: 10px;
}

.aside-spacer {
	border-top: 1px solid rgb(204, 204, 204);
}

.image {
	padding-top: 0px;
}

.contact-holder {
	padding-top: 2px;
}

.address,.actuel,.download {
	padding-bottom: 35px;
}

.actuel-holder p{
  padding: 4px 0 4px 0;
  line-height:120%;
}
.actuel,.download,.foot {
	border-top: 1px solid rgb(204, 204, 204);
	padding-top: 8px;
}

.download ul{
	list-style-image:url('../_image/araneugut/pdfdownload.png');
	margin-left:58px;
}
.download ul li{
  margin-top:10px;
}

.foot {
	text-align: right;
}

.aside a:visited,.aside a:link {
	color: #B4B4B4;
	text-decoration: none;
	font-size: 11pt;
}

.aside a:hover,.aside a:active {
	color: black;
}

.aside h3 {
	padding: 0 0 4px 0;
}

.footer-image {
	background-image: url(../_image/araneugut/footimage.jpg);
	background-repeat: y-repeat;
	width: 100%;
	height: 306px;
}
.footerimage{
  margin-left:-25px;
  margin-top:25px;
  width:962px;
}

.footer{
background-image: url(../_image/araneugut/footimage.jpg);
	background-repeat: y-repeat;
	width: 100%;
	height: 306px;
}
html, body {
	height: 99%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/* -----------------Inhalt--------------------- */
.content {
	position: relative;
	color: rbg(51, 51, 51);
}

.breadcrumb {
	font-size: 11pt;
}

.breadcrumb a:visited,.breadcrumb a:link {
	color: #B4B4B4;
	text-decoration: none;
}

.breadcrumb a:hover,.breadcrumb a:active {
	color: black;
}

h1.sitetitle {
	font-size: 28pt;
	font-weight: bold;
	padding: 25px 0 10px 0;
	color: #333333;
}

h2.content-title {
	font-size: 16pt;
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 9px;
	letter-spacing: .5px;
	padding-top: 35px;
	color: #333333;
}
h2.content-title a{
  font-size:16pt !important;
}

.content p,.content li {
	font-size: 13pt;
	line-height: 140%;
	padding-bottom: 9px;
	padding-left: 0px;
	padding-right: 15px;
	letter-spacing: .5px;
	color: #333333;
}

.content ul {
	padding-left: 20px;
}

.content ul li:before {
	content: ">";
	position: relative;
	left: -10px;
}

.content ul li {
	text-indent: -10px;
}

p.image-caption {
	color: rbg(51, 51, 51);
	font-size: 9pt;
	font-weight: bold;
	line-height: 16pt;
}

.contact-holder {
	font-size: 11pt;
	line-height: 140%;
	padding-bottom: 9px;
	letter-spacing: .5px;
	color: #333333;
}

label {
	width: 63px;
	display: inline-block;
}

/* ----------------- specials --------------------- */
	
/* Small Screens 
   Adressblock 
*/
@media only screen and (max-width: 785px) {
	.search-holder {
		top: 51px;
	}
	.aside {
		width: 400px;

	}
	.aside-spacer {
		border: none;
	}
	.contact-holder {
	  margin-top:35px;
	  border-top:1px solid rgb(204,204,204); 
	}
	
	.content-row{
	  width:100%;
	  
	}
	.content{
	 
	}
	
	.content-right{
	  width:67%;
	}
}

@media only screen and (max-width: 600px) {
	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}
	
	.separator {
		display: none;
	}
	.cbp-hrmenu>ul>li {
		border-bottom: none;
	}
	.cbp-hrmenu>ul>li>a {
		border: none;
		padding: 0.3em 2em;
	}
	.wrapper {
		position: relative;
		width: 700px;
		padding-left: 25px;
	}
	
	.content{
	  width:100%;
	}
	.content-left-spacer{
	  border:none;
	  height:0px;
	}
	.wrapper{
	  width:100%;
	}
	.content-right{
	  width:90%;
	  padding:0;
	  margin:0px;
	}
	.content p, .content li {
	}
}

/* Big Screens */
@media only screen and (min-width: 616px) {
}

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	} /* Black prints faster: h5bp.com/s */
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after {
		content: "";
	} /* Don't show links for images, or javascript/internal links */
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	} /* h5bp.com/t */
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}