/* 
	border.css fuer vac 
	enthaelt alle allgemein gueltigen layout informationen
	coyright unitb 2004
	autor: axel michel ami@unitb.de 
*/


/* beginn standardformatierungen */
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, img  {
	margin:0px;
	padding:0px;
	border:0px;
	font-family: arial, helvetica, verdana, sans-serif;
}



body {
overflow-y: scroll;
}

body,html {
	background:#FFFFFF;
	text-align:center;
	height:100%;
	width:100%;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}
/* ende standardformatierungen */


/* beginn aeusserer rahmen */
	/* beinhaltet alle elemente */
	#outerContainer {
		width:946px;
		margin-left:auto; 
		margin-right:auto; 
		text-align:left;
	}
	
	/* top und bottom spacer */
	.tspacer {
		height:12px;
		width:946px;
		background:#FFFFFF;
		font-size:1px;
	}
	
	/* header (logo, teaserimg, info) */
	#header {
		clear:both;
		height:138px;
		width:946px;
		background:#DEDBDE;
	}
	
	/* VAC logo */
	#logo {
		height:138px;
		width:204px;
		float:left;
	}
	
	/* morgan company logo */
	#slogo {
		padding-left:52px;
		margin-top:10px;
		height:37px;
		width:88px;
		float:left;
	}
	
	#slogo a, #slogo img {
		display:none;
	}
	
	#printbox {
		display:none;
	}
	
	#print {
		float:right;
		background-image:url(../images/print.gif);
		background-repeat:no-repeat;
		background-position:0px 0.2em;
		padding-left: 20px;
		margin-top: -5px;
		height:1.5em;

	}
	
	#print2 {
		float:right;
		background-image:url(../images/print.gif);
		background-repeat:no-repeat;
		background-position:0px 0.2em;
		padding-left:20px;
		height:1.5em;

	}
	
	#print3 {
		background-image:url(../images/print.gif);
		background-repeat:no-repeat;
		background-position:0px 0.2em;
		padding-left:20px;
		height:1.5em;
		margin-top:5px;

	}
	
	/* box fuer teaserbild */
	.imgContainer {
		height:138px;
		float:left;
		background:#FFFFFF;
	}
	
	/* box fuer teasertext (oben rechts) */
	#teaserbox {
		background:#DEDBDE;
		height:138px;
		width:170px;
		float:right;
		overflow:hidden;
		margin-right:15px;
	}
	
	#teaserbox h2 {
		text-transform:uppercase;
		padding-top:18px;
	}

	#teaserbox p {
		color:#6D6E70;
		margin:0px;
	}

	/* box fuer die seiteninhalte */
	#contentContainer {
		width:946px;
		clear:both; 
		background-image:url(../images/bg_content.gif);
		background-repeat:repeat-y;
	}


	#contentContainerf {
		width:946px;
		clear:both;
		background-image:url(../images/bg_contentf.gif);
		background-repeat:repeat-y;
	}


	#contentContainerHome {
		width:946px;
	}
	
	/* innere box fuer die seiteninhalte */
	#contentBox {
		background:#FFFFFF;
		width:700px;
		padding-left:10px;
		padding-top:24px;
		padding-bottom:24px;
		float:left;
	}
	
	#contentBoxf {
		background:#FFFFFF;
		width:483px;
		padding-right:10px;
		padding-left:10px;
		padding-top:24px;
		padding-bottom:24px;
		float:left;
	}
	
	#mr {
		background:#EBECEE;
		width:230px;
		float:right;
	}
	
	#cspacer {
		background:#FFFFFF;
		height:400px;
		float:left;
		width:1px;
		overflow:hidden;
	}
	
	/* box bilder (nur home) */
	#ibox {
		float:left;
		width:204px;
		padding-top:21px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:27px;
		background:#FFFFFF;
		clear:both;
	}
	
	
       	#ibox .csc-textpic{
		margin: 0 0 0 -120px;
	}

        #ibox a img{
		margin-bottom: 79px;
	}	
		
	
	
	#news {
		float:left;
		width:327px;
		padding-top:4px;
		padding-left:12px;
		padding-right:27px;
		padding-bottom:27px;
		background:#FFFFFF;
	}
	
	/* box service (nur home) */
	#services {
		width:300px;
		float:right;
		background-image:url(../images/dot_line_v.gif);
		background-repeat:repeat-y;
		text-align: left;
		padding: 4px 1px 27px 19px;
	}
	
	#news p, #services p {
		color:#6D6E70;
		margin:0px;
		line-height:15px;
		font-family:Arial;
		font-size:11px;
		padding-right:10px;
	}
	
	#contentContainerHome #services p, #contentContainerHome #services h2 {
		width: 283px;
	}	
	
	#contentContainerHome #news h3 {
		margin-top:15px;
		padding-bottom:9px;
	}	

	#services h2 {
		color:#6D6E70;
		font-family:Arial;
		font-size:11px;
		margin: 0;
	}
	
	#contentContainerHome #services h1 {
		margin-top:13px;
	}	
	
	#services hr {
		color:#6D6E70;
		width: 285px;
		margin-left: 0;
		background: transparent;
	
	}
	
	/* footer (logo, subnavigation) */
	#footer {
		clear:both;
		height:55px;
		width:898px;
		background:#C4C6CA;
		padding-left:48px;
	}
	
	#footernav {
		font-size:85%;
	}

	
	li.footernav {
		float: left;
		padding-top:5px;
		padding-left:0px;
		padding-right:0;
		list-style: none;
		text-align: center;
		/* border-right: 1px solid #616266; */
	}
	
	span.footernav-trenner {
		font-size:14px;
		margin: 0em 5px 0 5px;
	}
	
	#footernav, li.footernav, a.footer,a.footer:visited, a.footer:link, a.footer:focus {
		color:#6D6E70;
		text-decoration:none;
		font-size:75%;
		font-family:Arial;
	}
	
	a.footer:active, a.footer:hover {color:#494A4B;}

        #metanavi {
        	float: right;
		margin: 9px 10px 0 -30px;
		font-size: 11px;
		padding: 0;
	}
	
        #metanavi ul {
		float: left;
		margin: 0 0 0 0;
	}

	li.metanav {
		float: left;
		padding-left:0;
		padding-right:0;
		list-style: none;
		text-align: center;
	}
	
	span.metanav-trenner {
		font-size:9px;
		margin: 0em 1em 0 1em;
	}
	
	#metanavi, li.metanav, a.metanav,a.metanav:active, a.metanav:visited, a.metanav:link, a.metanav:focus {
		color:#fefefe;
		text-decoration:none;
		font-size:11px;
		font-family:Arial;
	}
		
/* ende aeusserer rahmen */

/* beginn navigationselemente */
	/* box funktionale navigation (sitemap, suche) */
	#funcnav {
		float: right;
		width:946px;
		background:#5E7796;
		height:2em;
		overflow:hidden;
	}
	
	
	#flb,#fsb {
		height:1.65em;
		padding-top:0.35em;
	}
	
	#flb {padding-right: 9px;
	      padding-left:10px;
	      padding-top: 4px;
	}

	
	#fnb {
		padding-top:0.5em;
	}
	
	#mbox {
		clear:both;
		background:#FF6D18;
		width:946px;
		height:1.19em;
		overflow:hidden;
	}
	
	/* box hauptnavigation (1 ebene) */
	
	#mainnav {
		float:left;
		width:741px;
		height:19px;
		background:#FF6D18;
		white-space:nowrap;
		padding: 0;
		overflow:hidden;
	}
	
	#mainnav ul {
		margin: 0;
		float: left;
		width: 100%;
		padding: 0;
	}
	
	#mainnav ul li {
	        height:21px;
		list-style: none;
		float: left;
		border-right: 1px solid #fff;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: -2px;

		}


	#mainnav ul li.mnactive {
		background:#334b6d;
		padding-top: 0;
	}
	
	/* aktiver und inaktiver link 1 ebene */
	a.mn, a.mnactive {
		width: 130px;
	}	
	
	
	/* aktiver und inaktiver link 1 ebene */
	a.mn,a.mn:active, a.mn:visited, a.mn:link, a.mnactive  {
		color:#FFFFFF;
		font-size:10pt;
		font-family:Arial;
		text-decoration:none;
	}	
	
	/* abstand von links */
	#mainnavspacer {
		width:204px;
		height:1.2em;
		float:left;
		border-right:1px solid #FFFFFF;
	}
	
	#mnb {
		padding-top:0.1em;
	}
	
	
	/* trennung der items 1 ebene */
	.mns {
		width:1px;
		float:left;
		background:#FFFFFF;
		height:1.2em;
		overflow:hidden;
	}
	
	/* aktiver und inaktiver link 1 ebene */
	li.mn, li.mnactive {
		float:left;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:0.15em;
		height:1.05em;
	}
	
	
	fieldset {
		margin:0px;
		padding:0px;
	}
	
	li.mnactive {
		background:#334B6D;
	}
	
	/* box fuer alle unteren navigationsebenen */
	#subnavigation {
		width:204px;
		padding-top:14px;
		padding-bottom:18px;
		float:left;
		background-repeat:repeat-y;
		clear:both;
		background:#E2E3E5;
	}
	
	#subnavigation ul {
		margin:0px;
		padding:0px;
		width:204px;
		font-size:70%;
		font-family:Arial;
		float:left;
		background:#EEF0F2;

	}
	
	#subnavigation li {
		list-style-type:none;
	}
	
	.navlevel3a a,.navlevel4a a,.navlevel5a a,.navlevel6a a {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	
	.navlevel4, .navlevel5, .navlevel4a, .navlevel5a,.navlevel6, .navlevel6a {
		margin-top:	1px;
		padding-top:0.4em;
		padding-bottom:0.4em;

	}
	
	.navlevel3,.navlevel3a {
		padding-top:0.4em;
		padding-bottom:0.4em;
	}
	
	.navlevel3 a,.navlevel4 a,.navlevel5 a,.navlevel6 a {
		color:#616266;
		text-decoration:none;
	}
	.navlevel3,.navlevel3a {
		padding-left:11px;
		background:#E2E3E5;
	}
	
	.navlevel3a {
		background:#5E7796;
	}
	
	.navlevel4,.navlevel4a {
		padding-left:22px;
	}
	
	.navlevel4a {
		background:#7990B0;
	}
	
	.navlevel5,.navlevel5a {
		padding-left:33px;
	}
	
	.navlevel6,.navlevel6a {
		padding-left:44px;
	}
	
	.navlevel5a {
		background:#92A7C4;
	}
	
	.navlevel6a {
		background:#AEBED5;
	}
	
	div#path {
		width:408px;
		float:left;
		font-size:70%;
		margin: -5px 0 0 -4px;
		padding: 0 0 0px 0;
	}
	    
	
	div#path ul  {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	div#path ul li  {
		float: left;
		margin: 0 0 0 5px;
		list-style-type:none;
		white-space:nowrap;
	}
	
	div#path ul li a, div#path ul li a:active, div#path ul li a:visited  {
		color:#616266;
		font-family:Arial;
		text-decoration: none;
	}
	
	div#path ul li a:hover  {
		text-decoration: underline;
	}
	
	a.print,a.print:active, a.print:visited, a.print:link, a.print:focus {
		color:#616266;
		font-size:70%;
		font-family:Arial;
	}
	
	a.printx,a.printx:active, a.printx:visited, a.printx:link, a.printx:focus {
		color:#EE5327;
		font-size:75%;
		font-family:Arial;
	}
	
	#footernav {
		float:left;
		width:685px;
		margin-left:60px;
		padding-top:10px;
		font-size:85%;
	}

	span.footernav {
		padding-left:10px;
		padding-right:10px;
	}
	
	#footernav, span.footernav, a.footer,a.footer:active, a.footer:visited, a.footer:link, a.footer:focus {
		color:#616266;
		text-decoration:none;
		font-size:85%;
		font-family:Arial;
	}
	
	.pns {
		color:#616266;
		font-size:11px;
		font-family:Arial;
		padding-left:5px;
		padding-right:5px;
	}
	
	ul.flist {
		margin:0px;
		white-space: nowrap;
	}

	.flist li{
		display:inline;
	}
	
	.flist a {
		background-image:url(../images/dot_w.gif);
		background-repeat:no-repeat;
		background-position:0px 6px;
		padding-left:5px;
		padding-right:5px;
	
	}
	
/* ende navigationselemente */

/* suchformular */

#searchfield {
	font-size:70%;
	font-family:Arial;
	float:left;
	width:70px;
}

#submitbutton {
	background:#5E7796;
	color:#FFFFFF;
	float:left;
	font-size:70%;
	border:1px solid #5E7796;
}


/* sprachschalter */
#langsel {
	font-size:70%;
	font-family:Arial;
	float:left;
}


/* allgemeine elemente */
.fr {
	float:right;
	padding-right:5px;
	vertical-align:middle;
}

.fl {
	float:left;
	padding-left:5px;
	vertical-align:middle;
}


.hd {
	display:none;
}


.cb {
	clear:both;
	height:1px;
	overflow:hidden;
}

#pophead {
	background-image:url(../images/bg_pop.gif);
	background-repeat:repeat-x;
	margin-top:14px;
	margin-bottom:36px;
	height:51px;
}

#vacpop {
	width:110px;
	height:51px;
	float:left;
}

#pophead h1 {
	float:right;
	padding-right:36px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin-top:2px;
}

#configurator {
	width:510px;
	background:#F3F3F3;
	height:370px;
	float:left;
	margin-bottom:14px;
}

#configuratorhead {
	width:510px;
	background:#F3F3F3;
	height:40px;
	float:left;
	margin-bottom:7px;
}

#popcontent {
	width:380px;
	float:right;
	padding-right:14px;
	padding-left:14px;
}

#confcontainer {
	width:420px;
	height:325px;
	position:absolute;
	left:65px;
	top:154px;
	overflow:auto;
	border-left:1px solid #CECECE;
	border-bottom:1px solid #CECECE;
}

#confform {
	clear:both;
	width:100%;
}

#confforminfo {
	padding:20px;
	float:left;
	width:40%;
}

#confformbox {
	padding:20px;
	float:left;
	width:50%;
}

.confformelm {
	width:30px;
	border:1px solid black;	
	font-family:Arial;
	
}

label {
	font-family:Arial;
	font-size:12px !important;
	color:#6D6E70;
}

#confinfo {
	position:absolute;
	left:0px;
	top:0px;
	height:120px;
	width:120px;
	overflow:auto;
	background:#FFFFFF;
	border:1px solid #000000;
	padding:10px;
	text-align:left;
	visibility:hidden;
}

.xrow {
	width:1px;
	height:5px;
	overflow:hidden;
	background:#CECECE;
}

.yrow {
	width:5px;
	height:1px;
	overflow:hidden;
	background:#CECECE;
}


#popcontentleft {
	width:510px;
	float:left;
	margin-bottom:14px;
}

#popcontentbottom {
	clear:both;
	background:#EBECEE;
	padding:20px;
}

#confforminfob {
	font-family:Arial;
	font-size:95%;
	width:auto;
	height:143px;
	overflow:auto;
	scrollbar-base-color:#EBECEE;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#6B6D73;
	scrollbar-darkshadow-color:#ADB2B5;
	scrollbar-face-color:#EBECEE;
	scrollbar-highlight-color:#E2E3E5;
	scrollbar-shadow-color:#6B6D73;
	scrollbar-track-color:#EBECEE;
}

p.dcp {
	margin:0px;
	padding:0px;
}

a.cx ,a.cx:active, a.cx:visited, a.cx:link {
	color:#EE5327;
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 0.5em;
	padding-left:14px;	
	font-family:Arial, Verdana, sans-serif;
}

/* suchformular */
#sword{
	font-size:11px;
	font-family:Arial;
	float:left;
	width:70px;
	line-height: 11px;
	padding: 1px;
	margin-top: 1px;
}

#submitbutton {
	color:#fefefe;
	float:left;
	font-size:11px;
	background: transparent;
	border: 0px solid #fff;
	margin-top: 0.2em;
}

/* sprachschalter */
#jumpMenu {
	font-size:11px;
	font-family:Arial;
	float:left;
	margin-top: 2px;
	padding: 2px;
}