@charset "UTF-8";
/* CSS Document */


* {
    margin: 0;
    padding: 0;
}

body {
	background-image:url(bg-body.png);
	background-position:center;
	background-repeat:repeat-y;
	background-color: #f9f4ec;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, SunSans-Regular, Sans-Serif;
	color:#930000;
	padding:0;
	margin:0;

}
a {	color:#930000;}
a:visited {color:#930000;}
a:hover {color: #930000;}
a:active { color:#930000;}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom:10px;
	padding-top:10px;
}
h2 {
	font-size:1.1em;
	font-weight: bold;
	padding-bottom:10px;
	padding-top:10px;
}
h3 {
	font-size:0.9em;
	padding-bottom:10px;
	padding-top:5px;
}
h4 {
	font-size:0.9em;
	padding-bottom:10px;
	padding-top:5px;
}

/*-----------gerenderte Ueberschriften---------------*/
.renderhead {
	display: block;
}
.renderhead span { 
	display: none;
}
.renderhead img { 
	padding:5px;
}


img {border:none;}


/* ----------container zentriert das layout-------------- */
#container {
	width: 900px;
	margin: 0 auto;	
	/*background-image: url(bg_container.jpg);
	background-repeat:repeat-y;*/
}

/* ----------banner for logo-------------- */
#banner {
	width: 560px;
	height:140px;
	position: fixed;
	margin-left:170px;
	padding-bottom:10px;
	z-index:1;
	border-bottom: 2px solid #930000;
	background-image:url(bg-body.png);
	background-position:center;
	background-repeat:repeat-y;
	
	}
#banner img {margin:10px 0 0 15px;} 

/* --------------Linke Spalte mit Metafile (Bild links oben im Layout)------------- */
#left {
	background-color:#f9dcb1;
	position:fixed;
	top:0;
	z-index:2;
	float: left;
	height:300px;
	width: 170px;
margin:0;
padding:0;
}

/* --------------Links kontakte------------- */

#navigation {
	border-top:40px solid #f9dcb1;
	position:fixed;
	top:300px;
	z-index:4;
	width: 170px;
	height:auto;

}

#navigation img{
	margin:10px;
	border-top:1px solid white;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-left:1px solid white;
}
#navigation p.stand{
	text-align: center;
	font-size: 0.8em;
	margin-top:50px;
	color:#fff;
}
div.vcard {
	font-style: normal;
	margin-left:10px;
	font-family: verdana, Helvetica, san-serif ;
color:#cccccc;
}

div.vcard p.org{
	padding:0 0 5px 0px;
font-weight:bold;

}
	
div.vcard .fn {
	padding:5px 0 5px 0;
}

div.vcard .fn .nickname{
	font-size:75%;
}

div.vcard p.tel span{
	font-size:75%;
}

div.vcard p.email a{
	font-size:75%;
color:#cccccc;
}

div.vcard .adr {

}


/* --------------Navigation Breadcrump------------- */

#breadcrumb {
	margin-top:20px;
	margin-left:30px;
	font-size:0.6em;
}

#breadcrumb p {
	font-weight: bold;
	float: left;
    margin: 0;
    padding: 0;
}

#breadcrumb ul li{
	list-style:none;
	margin-left:5px;
	float:left;
}
/* --------------Rechts------------- */

#rightnavigation{
	font-size:0.8em;
	padding-top:20px;
	padding-bottom:20px;
	position:fixed;
	top:0;
	margin-left:730px;
	z-index:3;
	float: right;
	width: 170px;
	border-bottom: 40px solid #930000;
}
#rightnavigation ul{
	margin:5px 5px 0 13px;

}

#rightnavigation ul a{
	text-decoration:none;
	display: block;
}
#rightnavigation ul li {
	display: block;
	padding: 0 0 5px;
}

#rightnavigation ul a:hover, 
#rightnavigation ul li a.active, 
#rightnavigation ul li a.current {
	font-weight: bold;
	color: black;
}


/* --------------Navigation rechts Ebene 2------------- */

#rightnavigation ul li ul
{
	padding:0 0 10px 0px;
	font-size:0.8em;
}


#rightnavigation ul li ul li {
	padding:0 0 3px 10px;
	margin-left:-12px;
	background-image: url(button.png); 
	background-repeat: no-repeat;
	background-position:0px -1px;
}

#rightnavigation ul li ul li an{ 
	font-weight: normal;
}

#rightnavigation ul li ul li a:hover, 
#rightnavigation ul li ul li a.active, 
#rightnavigation ul li ul li a.current {
	font-weight: bold;
	display:block;
	
}

/* --------------Navigation rechts Ebene 3 (im spez. betrifft das das QMS)------------- */


#rightnavigation ul li ul li ul{
	font-size:1em;
	padding:0 0 5px 0;

}


#rightnavigation ul li ul li ul li {
	margin-left:-15px;
	background-image: url(button2.png); 
	background-repeat: no-repeat;
	background-position:2px 2px;

}

#rightnavigation ul li ul li ul li a { 
	font-weight: normal;

}

#rightnavigation ul li ul li ul li a:hover, 
#rightnavigation ul li ul li ul li a.active, 
#rightnavigation ul li ul li ul li a.current {
	font-weight: bold;
	display:block;
}



#com-user-box {
	width: 170px;
	margin-top:20px;
	text-align: center;
}
#com-user-box p strong {
	padding-bottom:5px;
	margin-top:20px;
	text-align: center;
	color:#fff;

}
#com-user-box ul,
#com-user-box ul a {
	padding-bottom:5px;
	margin-top:20px;
	list-style: none;
	text-align: center;
	color:#fff;

	
}
#com-user-box fieldset{
	border:none;
}
#com-user-box fieldset p.formtext{
	padding-bottom:5px;
	color:#fff;

}


/* -----------------Inhalt--------------------- */
#content {
margin-left: 170px;
}
div#content { 
	width:500px;
	padding-top:180px;
	padding-left:30px;
	min-height:600px;	
/*	height:expression(this.scrollHeight > 600 ? "auto":"600px");*/
}
#content p {
	font-size:0.8em;
	color:#333;
	padding-bottom:10px;
	padding-right:10px;
	line-height:140%;}

#content #error{
	text-align: left;
	margin-top:50px;
	margin-left: 150px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
}

#xform .warning form{
	text-align: left;
	padding-left: 150px;
}

#content .textundbild ul,
#content .txt-img ul {
	padding-bottom:15px;
	padding-left:25px;
}

#content .textundbild ul li,
#content .txt-img ul li
{
	list-style-image: url(button.png);
	list-style-position: outside;
	font-size: 0.8em;
	padding-left: 0px;
	line-height: 150%;
	color:#444;
}

#content .txt-img ol {
	list-style-position: outside;
	padding-left: 0px;
	line-height: 150%;
	padding-bottom:5px;
}


#content .txt-img ol li
{
	list-style-position: outside;
	margin-left:20px;
	font-size: 75%;
	padding-right: 80px;
	line-height: 150%;
	color:#444;

}
#content .txt-img ol ul li
{
	list-style-image: none;
	list-style-type: lower-latin;
	margin-left:40px;
	padding-right: 80px;
	line-height: 150%;
	color:#444;
}




/* -----------Inhalt / Minisitemap QMS Unterlagen----- */

#content ul.rex-navi1 {
	list-style:none;
	font-weight:bold;
	font-size:0.8em;
	line-height:120%;
	padding:0px 0px 0px 0px;
}
#content ul.rex-navi1 li{
	list-style:none;
	font-weight:bold;
	padding:0px 30px 0px 0px;
	float:left;
	width:220px;
	margin-bottom:5px
}
#content ul.rex-navi1 li a{
	text-decoration:none;
}
#content ul.rex-navi1 li a:hover{
	text-decoration: underline;
}

#content ul.rex-navi2 li a{color:#666;}

#content ul.rex-navi2{
	list-style:none;
	font-weight:bold;
	font-size:0.8em;
	padding:5px 0px 0px 0px

}

#content ul.rex-navi2 li{
	list-style:none;
	font-weight:normal;
	padding-bottom:0px;
	padding-right:0px

}

/* -----------Inhalt / MiniGrafiken fuer QMS Unterlagen zum Download----- */

#content .download p.kurzbeschreibung {
	border-bottom:1px solid #999999;
	margin-left:70px; 
	font-size:11px; 
}
div.download{
	padding-bottom:10px;
}

#link_icon { 
	display:block; 
	padding-left:70px; 
	padding-top:15px;
	min-height:25px;
	/*height:expression(this.scrollHeight > 25 ? "auto":"25px");*/ 
	font-weight:bold;
	background-repeat:no-repeat; 
	background-position:0px 2px;
}

a#link_icon{
text-decoration:none;
color:#666;
font-size:0.8em 
}
	.ico_pdf { background-image:url(filetypes/pdf.png); }
	.ico_xls { background-image:url(filetypes/xls.png); }
	.ico_ppt { background-image:url(filetypes/ppt.png); }
	.ico_doc { background-image:url(filetypes/doc.png); }
	.ico_zip { background-image:url(filetypes/zip.png); }
	.ico_jpg,
	.ico_jpeg { background-image:url(filetypes/jpg.png); }
	.ico_gif { background-image:url(filetypes/gif.png); }

/* -----------Bildergalerie REX fancy--------------------------- */
div.rexfancy-images img
{
    border:1px solid #930000;
    background-color:#eee;
    padding:5px;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
}

div.clear-rexfancy
{
    float:none;
    clear:both;
}

/* -----------Kontaktformular--------------------------- */

#form_formular legend {
	display: none;
}

#form_formular p {
	line-height: 20px;
}

#form_formular label {

	display: block;
	width: 150px;
	float: left;
}
#form_formular select {
	color: #666;
	width: 150px;
}

#form_formular input,
#form_formular textarea {
	border: none;
	padding: 1px 3px;
	width: 300px;
	border: 1px solid #cccccc;
}

/* !Spezialanpassungen */
#form_formular p.formtextarea {
	line-height: 12px;
}
#form_formular textarea {
	margin: 4px 0 20px;
	height: 200px;
}
#form_formular label.textarea {
	position: relative;
	top: 5px;
}

#form_formular label.last {
	display: none;
}

#form_formular p.formlabel-strasse {
}
#form_formular .formlabel-strasse input {

}
#form_formular .formlabel-strasse input.last {
	width: 40px;
}

#form_formular p.formlabel-plz {
	padding-right: 0;
}
#form_formular .formlabel-plz input {
	width: 60px;
}
#form_formular .formlabel-plz input.last {
	width: 125px;
}


#form_formular p.formsubmit {
	width: 160px;
	margin-left: 150px;
	padding: 0;
}
#form_formular p.formsubmit label {
	display: none;
}
#form_formular p.formsubmit input {
	width: 160px;
	margin: 0;
	text-align: left;
	background: none;
}

#form_formular p.full {
	display: block;
	width: 100%;
	padding-left: 30px;
}
#form_formular p.full a {
	text-decoration: none;
}
#form_formular p.full a:hover {
	text-decoration: underline;
}
#form_formular input.form_warning {
	border: #a71930 1px solid !important;
}

#form_formular ul.form_warning {
	padding-left: 30px;
	padding-bottom: 15px;
}

/* -----------footer--------------------------- */

#footer {
	width:924px;
	height:35px;
	clear: both;
	margin: 0 auto;	
	text-align: center;
	background-image:url(bg-footer.png);
	background-position:center;
	background-repeat:no-repeat;
 }
#footer p {
	font-size:11px;
	padding-top:8px;
	margin-left:200px;
	margin-right:220px;
	border-top: 2px solid #930000;
}

/* -----------floater--------------------------- */

.floatLeft {float:left;}
.floatRight {float:right;}
#clear {clear: both;}