body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) repeat-x #FFFFFF;
	}




/* 
Layout
-------------------------------------------------------------- */

#center {position: relative; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 900px; min-height: 400px; border-top: 3px solid #000000}
#lang {height: 16px; padding-top: 6px; float: right}
#logo {width: 300px; height: 55px; margin: 20px 0px 0px 400px; background: url(../images/logo.gif) no-repeat}
*+html #logo {margin: 36px 0px 0px 400px} /* Hack IE 7 */
* html #logo {margin: 36px 0px 0px 400px} /* Hack IE 6 */
#menu {height: 25px; padding: 0px; margin: 34px 20px 0px 250px}
#content {width: 900px; border-bottom: 3px solid #000000; margin-top: 30px}
#content-left {width: 199px; float: left; padding-bottom: 40px; margin-top: 27px}
* html #content-left {margin-top: 17px} /* Hack IE 6 */
#content-right {width: 660px; background-color: #FFFFFF; margin-top: 22px; padding: 0px 20px 40px 20px; float: left}
* html #content-right {margin-top: 14px} /* Hack IE 6 */
#footer {margin: 5px 0px 20px 0px}




/* 
Global Styles
-------------------------------------------------------------- */

div {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 14px;
	color: #000000;
	}

a {color: #000000}
a:hover {text-decoration: none}

h1	{
	font-family: "Times New Roman", Times, serif; 
	font-size: 22px;
	font-weight: normal;
	}
	
h1.top {margin: 0px 0px 10px 0px}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; text-align: right; padding: 0px 5px 0px 0px; margin: 0px}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px}
h3.bottom {margin: 10px 0px 0px 0px}


hr	{
	background-color: #B6B9BC;
	border: none;
	color: #B6B9BC;
	height: 1px;
	}

.float {float: left}
.float-20 {float: left; margin: 5px 20px 0px 0px}
.float-40-br {float: left; margin: 5px 40px 0px 0px; padding-right: 40px; border-right: 1px solid #000000}
.float-r {float: right; clear: right}
.float-20-320 {float: left; width: 318px; margin-right: 20px}
.float-320 {float: left; width: 318px}
.border {border: 3px solid #B6B9BC}
.bggrey {background-color: #F1F2F4; padding: 10px 20px}
.typogrey {font-size: 12px; color: #B6B9BC; text-decoration: none; line-height: 18px}
.clear {clear: both}
a img {border: 0px}
a:focus {outline: none} /* Firefox */






/* 
Logo
-------------------------------------------------------------- */

#logo a {width: 300px; height: 55px; display: block; text-decoration: none}




/* 
Language
-------------------------------------------------------------- */

#lang,#lang a {font-size: 12px; color: #DF0006; text-transform: uppercase}




/* 
Menü
-------------------------------------------------------------- */

#menu a {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	height: 29px;
	text-transform: uppercase;
}

#menu a .cap {font-size: 22px;}

#menu a:hover {background: url(../images/bg-nav-linie.gif)}

#menu li {height: 34px; display: block; float: left; margin: 0px 0px 0px 20px}

#menu li.section {background: url(../images/bg-nav.gif) center no-repeat}
#menu a.section {background: url(../images/bg-nav-linie.gif)}

#menu ul {display: inline; list-style-type: none; padding: 0px; margin: 0px}

#menu li.placeholder {width: 75px}


/* 
Content
-------------------------------------------------------------- */

/* Content left */

#content-left ul {display: block; list-style-type: none; padding: 8px 0px; margin: 0px; text-align: right}
#content-left li {margin: 10px 0px 0px 0px; border-right: 1px solid #000000; padding-right: 10px}
#content-left li a.section {text-decoration: none}

/* Content right */

#content-right {line-height: 22px}

/* Fotos Büro */

#content-right .buero {float: left; margin: 5px 40px 10px 0px}
#content-right .buerobg {background-color: #F1F2F4; padding: 5px 20px 10px 20px}
#content-right .buero-r {float: left; margin: 5px 0px 10px 0px} 
#content-right .buero a,.buero-r a {color: #9C9FA2; text-decoration: none}
#content-right .buero a:hover,.buero-r a:hover {color: #B6B9BC}


/* 
Footer
-------------------------------------------------------------- */

#footer {text-align: right; font-size: 12px}
#footer a {margin-left: 20px; text-transform: uppercase; text-decoration: none}
#footer a:hover {color: #B6B9BC}




/* 
Carousel (JQquery Slideshow)
-------------------------------------------------------------- */

.stepcarousel {position: relative; border-top: 3px solid #B6B9BC; border-left: 3px solid #B6B9BC; overflow: scroll; width: 655px; height: 200px}
.stepcarousel .belt {position: absolute; left: 0; top: 0}
.stepcarousel .panel {float: left; overflow: hidden; margin: 13px; width: 200px}