@import url("vorlagen.css");

#body {
	background: #fff;
	font-family: lucida sans, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #494342;
	margin: 0px;
	padding: 0px;
}

#header {
	background: #e9e9e9;
}

#header .widthFix {
	background: #fff;
	width: 1000px;
	height: 210px;
	margin: auto;
	position: relative;
}

#header .widthFixDefault {
	background: #fff;
	width: 1000px;
	height: 125px;
	margin: auto;
	position: relative;
}

#header .widthFix .logo {
	width: 400px;
	height: 50px;
	position: absolute;
	top: 82px;
	left: 300px;
}

#header .widthFixDefault .logo {
	position: absolute;
	top: 32px;
	left: 300px;
}

#header img {
	width: 400px;
	height: 60px;
	display: block;
}

#main {
	background: #e9e9e9;
}

#main .widthFix {
	width: 1000px;
	height: 490px;
	margin: auto;
	position: relative;
}

#main .widthFixDefault {
	background: #cdc8c1 url(/gfx/bg_maindefault.jpg) repeat-x 0px 150px;
	width: 1000px;
	margin: auto;
	position: relative;
}

#main .widthFixDefault .backgroundFix {
	background: url(/gfx/bg_fix.gif) repeat-y;
	width: 1000px;
}

#main .widthFixDefault .emotion img {
	width: 1000px;
	height: 150px;
	display: block;
	padding: 0px;
	margin: 0px;
}

#main .widthFixDefault .zitate {
	width: 190px;
	height: 120px;
	display: block;
	padding: 15px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 30px;
	font-style: italic;
	line-height: 18px;
	overflow: hidden;
}

#main .widthFixDefault .zitate .person {
	font-weight: bold;
	padding: 7px 0px 0px 0px;
}

/* IMAGESLIDER */

#imageslider {
	position: absolute;
	top: 0px;
	left: 0px;
}

#imageslider .preview .navigator a.prev,
#imageslider .preview .navigator a.next {
	display: none;
}


/* HAUPTNAVIGATION */

#mainNav {
	width: 140px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainNav ul {
	margin: 0px;
	padding: 15px 15px 15px 0px;
	list-style-type: none;
}

#mainNav ul li {
	display: inline;
}

#mainNav ul li a {
	display: block;
	color: #1b1311;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0px 15px 0px;
}

#mainNav ul li a:hover {
	color: #9b001e;
}


#QM_DStV {
	width: 110px;
	margin: 0px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 30px;
}

#QM_DStV .zert {
	padding: 15px 0px 10px 8px;
}

#QM_DStV .zert a {
	display: block;
	color: #9B001E;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

/* NAVIGATION AUF DEN UNTERSEITEN */

#sidebar {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#subNav {
	background: #f0ede8;
	width: 220px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

#subNav ul {
	margin: 0px;
	padding: 15px 0px 50px 0px;
	list-style-type: none;
	text-align: right;
}

#subNav ul li {
	display: inline;
}


#subNav ul li a,
#subNav ul li.off a {
	display: block;
	color: #1b1311;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0px 15px 0px;
	padding: 0px 125px 0px 0px;
	position: relative;
}

#subNav ul li.on a,
#subNav ul li a:hover {
	color: #9b001e;
}

#subNav ul li.on a{
	background: #fcfbfa;
	margin: 15px 0px 0px 0px;
	padding: 15px 125px 0px 0px;
}

/* ZWEITE MENÜEBENE */

#subNav ul ul {
	background: #fcfbfa;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	text-align: left;
}

#subNav ul ul li a,
#subNav ul ul li.off a {
	display: block;
	color: #1b1311;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 0px 0px 35px;
	padding: 5px 0px 5px 10px;
}

#subNav ul ul li.on a,
#subNav ul ul li a:hover {
	background: url(/gfx/news_dot.gif) no-repeat left 10px;
	color: #9b001e;
	margin: 0px 0px 0px 35px;
	padding: 5px 0px 5px 10px;
}

/* DRITTE MENÜEBENE */

#subNav ul ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	text-align: left;
}

#subNav ul ul ul li a,
#subNav ul ul ul li.off a {
	background: transparent;
	display: block;
	color: #1b1311;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 5px 10px;
}

#subNav ul ul ul li.on a,
#subNav ul ul ul li a:hover {
	background: transparent;
	color: #9b001e;
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 5px 10px;
}

/* PRESSMITTEILUNGEN AUF DER STARTSEITE */

#main .widthFix .news {
	width: 216px;
	padding: 30px 12px 15px 12px;
	position: absolute;
	top: 0px;
	left: 160px;
	overflow: hidden;
}

#main .widthFix .news h3 {
	color: #1b1311;
	font-size: 13px;
	text-transform: uppercase;
}

#main .widthFix .news a {
	font-size: 12px;
	font-weight: bold;
	color: #9b001e;
	text-decoration: none;
	text-transform: uppercase;
}

.fontSize1 #main .widthFix .news a { font-size: 12px; }
.fontSize2 #main .widthFix .news a { font-size: 13px; }
.fontSize3 #main .widthFix .news a { font-size: 14px; }


#main .widthFix .news a:hover {
	color: #9b001e;
	text-decoration: underline;
}

#main .widthFix .message  {
	margin: 0px 0px 10px 0px;
}

#main .widthFix .message a {
	background: url(/gfx/news_dot.gif) no-repeat 0px 5px;
	color: #494342;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

#main .widthFix .message a:hover {
	color: #9b001e;
}

#main .widthFix .message p {
	color: #494342;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
}

.fontSize1 #main .widthFix .message p { font-size: 12px; }
.fontSize2 #main .widthFix .message p { font-size: 13px; }
.fontSize3 #main .widthFix .message p { font-size: 14px; }


/* LEISTUNGSPORTFOLIO */

#main .widthFix .portfolio {
	width: 216px;
	height: 73px;
	padding: 30px 12px 15px 12px;
	position: absolute;
	bottom: 50px;
	left: 160px;
	z-index: 100;
}

#main .widthFix .portfolio h3 {
	color: #1b1311;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}

#main .widthFix .portfolio p {
	color: #494342;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

#main .widthFix .portfolio ul {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#main .widthFix .portfolio ul li {
	display: inline;
}

#main .widthFix .portfolio ul li a {
	background: #fff url(/gfx/pfeil_unten.gif) no-repeat right center;
	width: 150px;
	height: 18px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #494342;
	padding: 2px 0px 0px 5px;
}

#main .widthFix .portfolio ul li a:hover {
	color: #9b001e;
}

#main .widthFix .portfolio ul li ul {
	background: #fff;
	display: none;
	position: absolute;
	left: 12px;
	bottom: 9px;
	padding: 5px;
	z-index: 100;
}

#main .widthFix .portfolio ul li:hover ul,
#main .widthFix .portfolio ul li.hover ul {
	display: block;
}

#main .widthFix .portfolio ul li ul li a {
	background: transparent;
	width: 200px;
}


/* PARTNERAUSGABE AUF DER STARTSEITE */

#main .widthFix .partner {
	width: 220px;
	height: 460px;
	position: absolute;
	top: 0px;
	right: 30px;
	padding: 30px 0px 0px 0px;
	color: #494342;
	overflow: hidden;
}

#main .widthFix .partner h3 {
	color: #1b1311;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0px 0px 10px 10px;
}

#main .widthFix .partner .zitat {
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	margin: 10px;
}

#main .widthFix .partner .text,
#main .widthFix .partner .head {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 5px 15px 10px;
}

#main .widthFix .partner .head {
	margin: 15px 0px 0px 10px;
	font-weight: bold;
}

#main .widthFix .partner ul {
	margin: 0px 5px 0px 10px;
	padding: 0px 0px 0px 15px;
	list-style-type: square;
	line-height: 18px;
}



#main .widthFix .partner a.weiter {
	font-size: 12px;
	font-weight: bold;
	color: #9b001e;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#main .widthFix .partner a.weiter:hover {
	color: #9b001e;
	text-decoration: underline;
}


/* RÜCKRUFFORMULAR */

#column {
	background: #aaa;
	height: 37px;
}

#column .widthFix,
#column .widthFixDefault {
	background: #333;
	width: 1000px;
	height: 37px;
	margin: auto;
	position: relative;
	color: #e2dfda;
	font-size: 11px;
	line-height: 100%;
}

#column form.data {
	width: 750px;
	position: absolute;
	top: 8px;
	left: 160px;
}

#column .unbreakable {
	float: left;
	padding: 0px 5px 0px 0px;
}

#column .callback {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 13px;
	left: 30px;
}

#column select {
	font-size: 11px;
	color: #e2dfda;
	background: #716b68;
	margin: 0px 5px;
}

#column input.time {
	width: 40px;
	font-size: 11px;
	color: #e2dfda;
	background: #716b68;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 4px 5px;
	border: none;
}

#column input.phone {
	width: 120px;
	font-size: 11px;
	color: #e2dfda;
	background: #716b68;
	margin: 0px 5px 0px 5px;
	padding: 4px 0px 4px 5px;
	border: none;
}

#column input.submit {
	width: 74px;
	height: 21px;
	font-size: 11px;
	color: #e2dfda;
	background: #716b68;
	position: absolute;
	top: 0px;
	right: -60px;
}

/* SEITENSUCHE */

#column .widthFix .sitesearch {
	width: 215px;
	height: 20px;
	position: absolute;
	top: -31px;
	left: 172px;
	overflow: hidden;
	z-index: 100;
}

#column .widthFixDefault .sitesearch {
	width: 190px;
	height: 20px;
	position: absolute;
	top: -31px;
	left: 45px;
	overflow: hidden;
}

#column .widthFix .sitesearch .input,
#column .widthFixDefault .sitesearch .input {
	width: 150px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	padding: 2px 0px 0px 5px;
}

#column .widthFixDefault .sitesearch .input {
	width: 130px;
}

*html #column .widthFixDefault .sitesearch .input {
	width: 120px;
}

#column .widthFix .sitesearch .search,
#column .widthFixDefault .sitesearch .search {
	width: 50px;
	height: 20px;
	border: none;
	padding: 0px;
	margin: 0px;
	float: right;
	color: #9b001e;
}

/* CONTENT */

#content {
	background: url(/gfx/bg_content.gif) repeat-y;
	width: 733px;
	padding: 25px 0px 40px 17px;
	float: left;
	position: relative;
}

#content.breit {
	background: transparent;
	width: 705px;
	padding: 25px 28px 40px 17px;
	overflow: hidden;
}


#boxRight {
	width: 200px;
	position: absolute;
	top: 0px;
	right: 30px;
	padding: 65px 10px 10px 10px;
	overflow: hidden;
}

#boxRight h4 {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}
.fontSize1 #boxRight h4 { font-size: 12px; }
.fontSize2 #boxRight h4 { font-size: 14px; }
.fontSize3 #boxRight h4 { font-size: 16px; }


#boxRight p {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}
.fontSize1 #boxRight p { font-size: 12px; }
.fontSize2 #boxRight p { font-size: 14px; }
.fontSize3 #boxRight p { font-size: 16px; }


#boxRight img {
	width: 200px;
	display: block;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#boxRight a.mehr {
	width: 200px;
	color: #9b001e;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
}
.fontSize1 #boxRight a.mehr { font-size: 11px; }
.fontSize2 #boxRight a.mehr { font-size: 13px; }
.fontSize3 #boxRight a.mehr { font-size: 15px; }


#boxRight a:hover {
	text-decoration: underline;
}

#boxRight ul {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#boxRight ul li {
	display: block;
	margin: 4px 0px;
}

#boxRight ul li a {
	background: url(/gfx/pfeil_boxRight.gif) no-repeat right 2px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #494342;
	padding: 0px 12px 0px 0px;
}
.fontSize1 #boxRight ul li a { font-size: 11px; }
.fontSize2 #boxRight ul li a { font-size: 13px; }
.fontSize3 #boxRight ul li a { font-size: 15px; }


#boxRight ul li a:hover {
	color: #9b001e;
}

/* FOOTER */

#footer {
	width: 1000px;
	height: 270px;
	margin: auto;
	line-height: 20px;
	font-size: 12px;
	position: relative;
	color: #716b68;
}

.fontSize1 #footer { font-size: 12px; }
.fontSize2 #footer { font-size: 14px; }
.fontSize3 #footer { font-size: 16px; }

#footer h3 {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	text-transform: uppercase;
}

.fontSize1 #footer h3 { font-size: 12px; }
.fontSize2 #footer h3 { font-size: 14px; }
.fontSize3 #footer h3 { font-size: 16px; }

#footer a {
	font-size: 12px;
	color: #9b001e;
	text-decoration: none;
}

.fontSize1 #footer a { font-size: 12px; }
.fontSize2 #footer a { font-size: 14px; }
.fontSize3 #footer a { font-size: 16px; }

#footer a:hover {
	color: #9b001e;
	text-decoration: underline;
}

#footer .left {
	position: absolute;
	top: 30px;
	left: 30px;
}

#footer .center {
	position: absolute;
	top: 30px;
	left: 270px;
}

/* Der Einleitungstext steht für die Suchmaschinen im Framework ganz oben */

#header .widthFix .maintext {
	width: 480px;
	height: 230px;
	overflow: hidden;
	position: absolute;
	top: 766px;
	right: 0px;
}

#header .widthFix .maintext p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}

.fontSize1 #header .widthFix .maintext p { font-size: 12px; }
.fontSize2 #header .widthFix .maintext p { font-size: 14px; }
.fontSize3 #header .widthFix .maintext p { font-size: 16px; }

#header .widthFix .maintext h3 {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	text-transform: uppercase;
}

.fontSize1 #header .widthFix .maintext h3 { font-size: 12px; }
.fontSize2 #header .widthFix .maintext h3 { font-size: 14px; }
.fontSize3 #header .widthFix .maintext h3 { font-size: 16px; }

#footer .footerNav {
	position: absolute;
	bottom: 45px;
	left: 30px;
	font-size: 13px;
	text-transform: uppercase;
}

.fontSize1 #footer .footerNav { font-size: 13px; }
.fontSize2 #footer .footerNav { font-size: 14px; }
.fontSize3 #footer .footerNav { font-size: 16px; }

#footer .footerNav a {
	font-size: 13px;
	text-transform: uppercase;
	color: #716b68;
	padding: 0px 15px 0px 0px;
}

.fontSize1 #footer .footerNav a { font-size: 13px; }
.fontSize2 #footer .footerNav a { font-size: 14px; }
.fontSize3 #footer .footerNav a { font-size: 16px; }

#footer .footerNav a:hover {
	color: #9b001e;
	text-decoration: none;
}

#footer .footerNav a.fontsizer {
	font-size: 11px;
	text-transform: none;
	color: #716b68;
	padding: 0px 0px 0px 4px;
}

#footer .footerNav a.fontsizer:hover {
	color: #9b001e;
	text-decoration: none;
}

#footer .autor {
	position: absolute;
	bottom: 25px;
	left: 30px;
	color: #b6aba8;
	font-size: 10px;
}

.fontSize1 #footer .autor { font-size: 10px; }
.fontSize2 #footer .autor { font-size: 12px; }
.fontSize3 #footer .autor { font-size: 14px; }

#footer .autor a {
	color: #b6aba8;
	font-size: 10px;
	padding: 0px 0px 0px 30px;
}

.fontSize1 #footer .autor a { font-size: 10px; }
.fontSize2 #footer .autor a { font-size: 12px; }
.fontSize3 #footer .autor a { font-size: 14px; }

#footer .autor a:hover {
	color: #9b001e;
}












