@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
p {
	margin-bottom: 1.7em;
	width: 100%;
	text-transform: none;
}

body {
	font-family: 'Rambla', sans-serif;
	font-size: 1em;
	background-image: url(../img/bg_neu.png);
	background-repeat: repeat-x;
	color: #F4F3F6;
	background-color: #878686;
	line-height: 1.4em;
	font-weight: 500;
background-Position: 0 -164px;
}
h1 {
	font-size: 1.4em;
	color: #CCC;
	margin-bottom: 1.5em;
	width: 100%;
	clear: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
h3 {
	margin-right: 0.5em;
	padding-right: 0.5px;
}
section h3 {
	padding-right: 1em;
	margin-right: 1em;
}
section h2 {
	padding-right: 1em;
	margin-right: 1em;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #CCC;
	margin-bottom: 1.4em;
	margin-top: 1.2em;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
p, h1, h2, h3, h4, h5 {
	padding-right: 2%;
	padding-left: 2%;
}

header {
	height: 377px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
}
#wrapper {
	width: 100%;
	margin-top: -18px;
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
	height: 100%;
}
#toplogo {
	background-image: url(../img/top_logo2.png);
	display: block;
	width: 960px;
	margin-top: -4px;
	padding-top: 0px;
	background-repeat: no-repeat;
	height: 198px;
	text-align: center;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
#toplogo a img {
	height: 198px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contactbox p {
	margin-bottom: 4.2em;
	text-align: left;
	font-size: 1.1em;
	margin-left: 0px;
	white-space: nowrap;
}
#contactbox img {
	clear: left;
	float: left;
	margin-bottom: 1.2em;
	height: 50px;
	margin-right: 1em;
	vertical-align: top;
}
#subhead {
	text-align: center;
	width: 960px;
}
header,nav,article,section,aside {
	clear: left;
	float: left;
	width: 70%;
	margin-bottom: 20px;
	}
aside {
	clear: none;
	display: block;
	width: 21%;
	background-image: url(../img/sidebar_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2em;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: 200;
	text-transform: none;
}
aside p img {
	display: block;
	margin-top: 10px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
section {
	width: 69%;
	margin-right: 0em;
	background-image: url(../img/section_bg.png);
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1.5em;
margin-top:20px;
}
article {
	width: 87%;
}
#footwrapper {
	position: relative;
	width: 100%;
	height: 150px;
	margin-bottom: 0px;
	background-image: url(../img/foot_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-right: auto;
	margin-left: auto;
	float: left;
}




/* CSS Document */
section article p {
	width: 100%;
	font-weight: 300;
}

#subhead ul{margin:0px auto; padding:0px;width:960px;height:250px;text-align: center;}
#subhead ul li{list-style:none;height:150px; width:550px;overflow:hidden;display:inline;}
#subhead ul li a{margin-left:90px;width:150px;overflow:hidden;display:block;margin-top:0px;list-style:none;float:left;}

#subhead ul li.sekretariat a{width:150px;height:150px;background-image: url(../img/skretariat_button.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.sekretariat a:hover{width:150px; height:200px;background-image: url(../img/skretariat_button.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

#subhead ul li.rechnungsservice a{float:left;width:150px;height:150px;background-image: url(../img/rechnungsdienst_button.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.rechnungsservice a:hover{width:150px; height:200px;background-image: url(../img/rechnungsdienst_button.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}



#subhead ul li.wirtschaftsdienst a{float:left;width:150px;height:150px;background-image: url(../img/wirtschaftsdienst_button.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.wirtschaftsdienst a:hover{width:150px; height:200px;background-image: url(../img/wirtschaftsdienst_button.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

/*inaktive Buttons*/
#subhead ul li.rechnungsservice_inaktiv a{float:left;width:150px;height:150px;background-image: url(../img/rechnungsdienst_in.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.rechnungsservice_inaktiv a:hover{width:150px; height:200px;background-image: url(../img/rechnungsdienst_in.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}



#subhead ul li.wirtschaftsdienst_inaktiv a{float:left;width:150px;height:150px;background-image: url(../img/wirtschaftsdienst_in.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.wirtschaftsdienst_inaktiv a:hover{width:150px; height:200px;background-image: url(../img/wirtschaftsdienst_in.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

#subhead ul li.sekretariat_inaktiv a{float:left;width:150px;height:150px;background-image: url(../img/skretariat_button_in.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
#subhead ul li.sekretariat_inaktiv a:hover{width:150px; height:200px;background-image: url(../img/skretariat_button_in.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}
article p a {
	color: #CCC;
}
footer{
	clear: left;
	height: 150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
	left: auto;
	right: auto;
}
footer ul{
	margin-left: auto;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	height: 150px;
	width: 960px;
	left: auto;
	right: auto;
	float: left;
	display: inline-block;
}
footer ul li{
	list-style: none;
	height: 150px;
	overflow: hidden;
	display: inline;
	margin-right: auto;
	margin-left: auto;
}
footer ul li a{margin-left:5px;width:150px;overflow:hidden;display:block;margin-top:0px;list-style:none;float:left;}
footer ul a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
footer ul .kontakt {
	float: left;
}
footer ul li.kontakt a{width:150px;height:150px;background-image: url(../img/kontakt_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.kontakt a:hover{width:150px; height:150px;background-image: url(../img/kontakt_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

footer ul li.uuns a{width:150px;height:150px;background-image: url(../img/uuns_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.uuns a:hover{width:150px; height:150px;background-image: url(../img/uuns_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

footer ul li.anfahrt a{width:150px;height:150px;background-image: url(../img/anfahrt_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.anfahrt a:hover{width:150px; height:150px;background-image: url(../img/anfahrt_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

footer ul li.impressum a{width:150px;height:150px;background-image: url(../img/impressum_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.impressum a:hover{width:150px; height:150px;background-image: url(../img/impressum_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}
footer ul li.agb a{width:150px;height:150px;background-image: url(../img/agb_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.agb a:hover{width:150px; height:150px;background-image: url(../img/agb_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}

footer ul li.agb_br a{width:150px;height:150px;background-image: url(../img/agb_br_butt.png);background-repeat:no-repeat; background-position: 0px top;text-decoration:none;font-size:14px;font-weight:50;font-family:Helvetica, Arial sans-serif; color:#9e9d9a; text-align:center;outline:none;}
footer ul li.agb_br a:hover{width:150px; height:150px;background-image: url(../img/agb_br_butt.png);background-repeat:no-repeat;background-position: 0px -150px;color:#b5b5b3;}
article ul {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 300;
	border: thin solid #A5A4A6;
	padding: 2em;
}
aside ul {
	color: #CCC;
	line-height: 2em;
	font-size: 1.3em;
	padding-top: 0.2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
aside ul li {
	list-style-image: url(../img/haken.png);
	list-style-position: outside;
}
article ul li {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 10px;
	line-height: 1.6em;	
}
#wrapper section article ul li {
	list-style-type: none;
	
}
.zusatzinfo {clear:left;display:none;}
.zusatz_butt{cursor: pointer;width:102px;margin-left:60px;height:77px;}
#bildtausch1 {clear:both;;position:relative; height:300px;margin:10px;display:block;width:560px;}
#bildtausch2 {clear:both;position:relative; height:300px;margin:10px;display:block;}
#bildtausch3 {clear:both;position:relative; height:300px;margin:10px;display:block;}
#bildtausch4 {clear:both;position:relative; height:300px;margin:10px;display:block;}
#bildtausch5 {clear:both;position:relative; height:300px;margin:10px;display:block;}
#bildtausch6 {clear:both;position:relative; height:300px;margin:10px;display:block;}


.fadehover {
	position: relative;
	left:0px;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
article table {
	font-size: 0.8em;
	color: #FFF;
	background-color: #666;
	width: 100%;
}
article table tr td {
	padding: 0.5em;
}


#video { background:none;
}
a img {
	border: none;
	}
#ribbon img {float:right;position:absolute; top:0px; right:0px; padding:0px;height:150px; width:144px;display:block;border:none;}
#homepage{position:absolute; right:20px;top:384px;}

.cycle-slideshow {
    background: url("http://malsup.github.com/images/spinner.gif") no-repeat scroll 50% 50% transparent;
    box-shadow: 0 0 20px black;
    margin: 20px auto -40px;
    max-height: 300px;
    min-width: 600px;
    padding: 0;
    position: relative;
    width: 80%;
    max-width: 800px;
}
.cycle-slideshow img {
    display: block;
    left: 0;
    max-height: 300px;
    max-width: 600px;
    padding: 0;
    position: absolute;
    top: 0;
}
.cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}
.cycle-pager {
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
    z-index: 500;
}
.cycle-pager span {
    color: #DDDDDD;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 50px;
    height: 16px;
    width: 16px;
}
.cycle-pager span.cycle-pager-active {
    color: #D69746;
}
.cycle-pager > * {
    cursor: pointer;
}
.cycle-caption {
    bottom: 15px;
    color: white;
    position: absolute;
    right: 15px;
    z-index: 700;
}
.cycle-overlay {
    background: none repeat scroll 0 0 black;
    bottom: 0;
    color: white;
    font-family: tahoma,arial;
    opacity: 0.5;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 600;
}
.cycle-prev, .cycle-next {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 30%;
    z-index: 800;
}
.cycle-prev {
    background: url("http://malsup.github.com/images/left.png") no-repeat scroll 50% 50% transparent;
    left: 0;
}
.cycle-next {
    background: url("http://malsup.github.com/images/right.png") no-repeat scroll 50% 50% transparent;
    right: 0;
}
.cycle-prev:hover, .cycle-next:hover {
    opacity: 0.7;
}
.disabled {
    opacity: 0.5;
}
.cycle-paused:after {
    background: none repeat scroll 0 0 black;
    border-radius: 10px 10px 10px 10px;
    color: white;
    content: "Paused";
    opacity: 0.5;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 500;
}
.cycle-slideshow {
    width: 200px;
}
.cycle-overlay {
    padding: 4px;
}
.cycle-caption {
    bottom: 4px;
    right: 4px;
}