body {
background-color: #d5d3d0;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;

font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}



a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color:#666;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a:active {
	color:#999;
	text-decoration: none;
}




#wrapper {
text-align: left;
margin: 0px auto;
padding: 0 0 0 0;
border:0;
width: 950px;
background-color:#FFFFFF;
}



#header {
margin: 0px;
text-align: center;
padding: 0px;

}


div.clear {
clear:both;
}


#naviwrapper {
background-image: url(img/Navi.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 13px;
margin: -3px 12px 10px 11px;
height: 33px;
line-height: 33px;
}


#navi_left{
	color:#999;
	font-weight:bold;
	display:block;
	text-align:left;
}

#navi_right {
color:#d6cecb;
text-align:right;
display:block;
}



/* */
#navlist li, ul
{
display: inline;
list-style-type: none;
padding: 0px 10px 0px 0px;

}

/* */




#left {
float: left;
width: 288px;
height: 288px;
margin: 20px 0 30px 10px;

}

#right {
float: right;
width: 288px;
height: 288px;
margin: 20px 10px 30px 0px;
}

#content {
float: left;
width: 274px;
padding: 0 40px 0 40px;
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
text-align: left;
color:#564b47;
margin: 10px 0 0 0;
}


#contentgesamt {

padding: 0px 10px 0px 13px;
margin: -2px 10px 10px 10px;
}




#footerwrapper {
	background-image: url(img/Footer.jpg);
	background-repeat: repeat-x;
	padding: 0px 23px 0px 23px;
	margin: 0px;
	height: 53px;
	line-height: 53px;
	color:#bbb;
}


#footer_left{
display:block;
text-align:left;
float:left;
margin: 0 222px 0 0;
color: #ccc;
}

#footer_right {
text-align:right;
display:block;
float: right;
z-index:1000px;
color: #ccc;
}

#footerpics {
margin-right:255px;
height: 53px;
width: 240px;
position:relative;
top:50%;
float:right;
margin-top:-80px;
}

.footer-buttons {
  display: flex;
  gap: 12px;              /* Abstand zwischen Buttons */
  align-items: center;    /* vertikal zentrieren */
  height: 100%;           /* nimmt volle Footerhöhe ein */
  position: relative;
  top: 0;                 /* entferne manuelles Verschieben */
  margin-top: 0;          /* ebenfalls */
}

.footer-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 23px;
  font-size: 12px;
  padding: 0 20px;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: normal;
}

/* Xing Button */
.footer-button.xing {
  background-color: #026466; /* heller als vorher */
  color: #ffffff;
}
.footer-button.xing:hover {
  background-color: #33b7e1;
  color: #ffffff;
  box-shadow: 0 0 5px #33b7e1;
}

/* VFLL Button */
.footer-button.vfll {
  min-width: auto; /* z.B. eine Mindestbreite */
  width: auto; /* falls gesetzt, besser entfernen */
  white-space: nowrap; /* verhindert Zeilenumbruch */
  padding: 0 20px;
  background-color: #fff;
  color: #b11e3b;
  border: 1px solid #b11e3b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-button.vfll:hover {
  background-color: #f8e9ec;
  color: #b11e3b;
  box-shadow: 0 0 5px #b11e3b;
}




div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 288px;
	height: 288px;
	overflow: hidden;

	border:1px solid #cccccc;
	}

	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/
		width:288px;
		height:288px;
		overflow:hidden;
		float:left;

		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		background:#ffffff;
		color:#333333;
		}




	/* Portfolio START*/

#left_port {
	float: left;
	width: 478px;
	height: 320px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 10px;
}

#content_port {
float: left;
width: 380px;
padding: 0 15px 0 40px;
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
text-align: left;
color:#564b47;
margin: 10px 0 0 0;
}

/* Portfolio ENDE*/










/* SCROLLER PORTFOLIO START*/
div.scroller_portfolio {
	/* modify width and height of scrolling section if necessary	*/
	width: 478px;
	height: 320px;
	overflow: hidden;
	border:1px solid #cccccc;
	}

	div.scroller_portfolio div.section_portfolio {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
		width:478px;
	height:320px;
	overflow:hidden;
	float:left;
		}
	div.scroller_portfolio div.content_portfolio {
		width: 10000px;
		}

	div#section2_portfolio {
		background:#ffffff;
		color:#333333;
		}

#picsubnavi	{
font-size: 14px;
text-align:right;
}
/* SCROLLER PORTFOLIO ENDE*/