
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}

div.note {
	border-left: 1px solid #FCCD64;
	border-bottom: 1px solid #FCCD64;
	margin: 8px;
	padding: 4px;
	background: #FCFECC url(http://www.cargoline.de/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}/* BO f_css_defaults */

#imagegallery {
  font-family:monospace;
}

#imagegallery .preview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview table {
  padding:0.3em;
  background:#fff;
  border:1px #ccc solid; 
}

#imagegallery .overview table td {
  padding:0.3em;
  border:0;
}

 
/* EO f_css_defaults */div#euroSearch {
  position:relative;
  margin:-35px 0 0 0;
  padding:70px 0 20px 0;
  background-image: url("common/eurosearchbg.jpg");
  background-repeat: no-repeat;
  min-height:500px;
  height:auto !important;
  height:500px;
}
div#euroSearch.true {
  background-image: url("common/eurosearchbg1.jpg");
}
div#euroSearch.false {
  background-image: url("common/eurosearchbg0.jpg");
}
div#euroSearch div#res {
  position:relative;
  margin:10px;
  padding:0 0 10px 0;
  background: transparent url("common/whitepx.gif");
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
div#euroSearch p {
  margin:0;
  padding:10px;
}
div#euroSearch p.partner {
  border-top:1px solid #EEE;
  border-bottom:1px solid #FFF;
}
div#euroSearch p.img {
  text-align:center;
}
div#euroSearch div {
  padding:0;
  margin:0;
  border:0;
  line-height:24px;
}
div#euroSearch form {
  padding:10px 0;
  margin:0;
  border:0;
}
div#euroSearch div label {
  float:left;
  margin:2px 0 2px 20px;
  padding:0;
  width:50px;
  height:24px;
  color:#4e6189;
  font-size:12px;
  font-weight:bold;
}
div#euroSearch div input {
  margin:2px 0;
  padding:4px;
  height:24px;
  border:1px solid #4e6189;
  background:#F3F3FF;
  font-size:11px;
  color:#4E6189;
}
div#euroSearch input.button_ger {
  margin:20px 0 0 350px;
  padding:0;
  border:0;
  width:114px;
  height:30px;
  background: url("common/searchbtn_ger.jpg") no-repeat;
  cursor:pointer;
}
div#euroSearch input.button_eng {
  margin:20px 0 0 350px;
  padding:0;
  border:0;
  width:114px;
  height:30px;
  background: url("common/searchbtn_eng.jpg") no-repeat;
  cursor:pointer;
}
div#euroSearch input.w120 {
  width:150px;
}
div#euroSearch input.w50 {
  width:60px;
}/* --- Flip Book Defaults --- */
.fBook {
  float:left;
  width:540px;
  margin:0 0 15px 0;
  border-bottom:1px solid #CCCCCC;
  padding:0 10px 15px 10px;
}
.fBook div {
  float:left;
  width:410px;
  padding:0 0 0 15px;
}
.fBook img.cover {
  float:left;
}

.btn {border:0 !important; margin:1px 0; padding:0; width:16px; height:16px; cursor:pointer; background-color:transparent; background-image:url(common/btns.png); background-repeat:no-repeat;}
.add     {background-position:    0px    0px;}
.edit    {background-position:  -96px   -8px;}
.delete  {background-position: -157px   -8px;}
.status0 {background-position:   -8px  -96px;}
.status1 {background-position:  -38px  -96px;}
.status2 {background-position:  -68px  -96px;}
.status3 {background-position:  -98px  -96px;}
.email0  {background-position:  -80px  -64px;}
.email1  {background-position:  -64px  -64px;}

div#zip input {
  float:left;
  margin:0 5px 0 0;
  padding:3px;
  border:1px solid #B7C2D2;
  height:22px;
  font-size:11px;
}
div#submit input {
  padding:0;
  margin:0;
  border:0;
  width:70px;
  height:22px;
  background:transparent url('http://www.cargoline.de/common/css/common/search_ger.gif') no-repeat;
  font-size:11px;
  cursor:pointer;
}
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/

.neutralColorTrans {background-color:#00FF00;}
.neutralColorWhite {background-color:#FFF;}
.neutralColorLight {background-color:#E2E3DE;}
.neutralColorMedium {background-color:#CCC;}
.neutralColorStrong {background-color:#999;}
.neutralColorBlack {background-color:#000;}

.teaserColor {background-color:#DC0000;}

.primColorStrong {background-color:#4C4C4C;}
.primColorMedium {background-color:#666;} 
.primColorLight {background-color:#E7E7E7;} 

.secndColorStrong1 {background-color:#6478A0;}
.secndColorStrong0 {background-color:#6F8CB1;}
.secndColorMedium1 {background-color:#96AAD2;} 
.secndColorMedium0 {background-color:#AABEE6;}
.secndColorLight1 {background-color:#BEC8F0;}
.secndColorLight0 {background-color:#C8D2FF;}

.navColor01 {background-color:#6F8CB1;}
.navColor02 {background-color:#4C4C4C;}

.navColor03 {background-color:#AABEE6;}
.navColor04 {background-color:#6F8CB1;}
.navColor05 {background-color:#4C4C4C;}
.navColor06 {background-color:#465A82;}

.navColor07 {background-color:#C8D2FF;}
.navColor08 {background-color:#AABEE6;}
.navColor09 {background-color:#4C4C4C;}
.navColor10 {background-color:#465A82;}

.navColor11 {background-color:#DEE4FA;}
.navColor12 {background-color:#C0C7E0;}
.navColor13 {background-color:#4C4C4C;}
.navColor14 {background-color:#465A82;}

.navColor20 {background-color:#FF9999;}
.navColor21 {background-color:#DF4545;}

.flashColor {background-color:#A8B3C9;}

.textColor {background-color:#333;}
.linkColor {background-color:#7D0000;}

.textColorH1 {background-color:#DC0000;}
.textColorH2 {background-color:#333;}
.textColorH3 {background-color:#999;}
.textColorH4 {background-color:#000;}
.textColorH5 {background-color:#000;}

/**************************************/
/* 2. CSS-Modul: LAYOUT               */
/**************************************/

/* -- BODY ----------------------------------------------*/

html, body, #container {
  height: 100%;
}
body > #container {
  height: auto;
  min-height: 100%;
}
body {
  height:100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #FFFFFF;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  position:relative;
}
body#web {
  background: #F3F3FF url(http://www.cargoline.de/common/HGKachel.gif) bottom right no-repeat;
}
#container {
  position:relative;
  width:1017px;
  min-height: 100%;
  margin:0;
  overflow:auto;
  background:transparent url(http://www.cargoline.de/common/container_HG.gif) top left repeat-y;
}
* html #container {
  overflow:visible;
  height:100%;
}
/* -- TOP -----------------------------------------------*/
#top {
  position:absolute;
  width:100%;
  height:200px;
  top:0;
  left:0;
  margin:0;
  padding:0;
  background:transparent url(http://www.cargoline.de/common/header_HG.gif) top left repeat-x;
  z-index:-1;
}
/* -- HEADER --------------------------------------------*/
#header {
  position:relative;
  float:left;
  width:1016px;
  height:195px;
  border-left: 1px solid #4c4c4c;
  padding:0 0 5px 0;
  background:transparent url(http://www.cargoline.de/common/header_HG.gif) top left repeat-x;
}
div.metaTop {
  position:relative;
  float:left;
  width:100%;
  height:50px;
  padding:1px 0;
}
div#logo {
  position:relative;
  float:left;
  width:250px;
  height:50px;
}
div#metaNavT {
  position:relative;
  float:left;
  width:550px;
  height:50px;
  text-align:right;
}
div#metaLang {
  position:relative;
  float:left;
  width:216px;
  height:31px;
  padding:19px 0 0 0;
}
#flashWrap {
  position:relative;
  float:left;
  width:100%;
  height:143px;
  margin:0;
  padding:0;
  overflow:hidden;
}
#flashInsert {
  position:relative;
  float:left;
  width:800px;
  height:143px;
  margin:0;
  padding:0;
}
/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  float:left;
  width:1016px;
  padding:0 0 60px 1px;
  background:transparent; 
}
#left {
  position:relative;
  float:left;
  width:199px;
  margin:0px;
  padding:0 1px 0px 0;
  background: transparent;
}
#partnerCL {
  position:relative;
  float:left;
  width:199px;
  padding:25px 0 0 0;
  text-align:center;
}
#content {
  position:relative;
  float:left;
  width:570px;
  margin:0px;
  padding:0 15px;
}
#right {
  position:relative;
  float:left;
  width:200px;
  margin:0px;
  padding:20px 0 0 16px;
  background:transparent; 
}
#watermark {
  position:absolute;
  bottom:50px;
  left:850px;
  width:450px;
  height:450px;
  padding:0;
  background:transparent url(http://www.cargoline.de/common/HGKachel.gif) top left no-repeat;
  z-index:-1;
}
/* -- BOTTOM --------------------------------------------*/
#bottom {
  position:relative;
  width:100%;
  height:38px;
  margin-top: -40px;
  padding:0;
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
  background: #dc0000;
}
#footer {
  position:relative;
  float:left;
  width:816px;
  height:27px;
  margin:0;
  border-left: 1px solid #4c4c4c;
  padding:9px 0 0 200px;
  background:transparent;
}
#metaNavB {
  position:relative;
  float:left;
  width:600px;
}
#outLinks {
  position:relative;
  float:left;
  width:216px;
}
#outLinks ul {
  padding-right:0;
}

/**************************************/
/* 3. CSS-Modul: NAVIGATION           */
/**************************************/

#macronav {
  position:relative;
  float:left;
  width:199px;
  margin:0px;
  padding:0 0 125px 0;
  background: transparent url(http://www.cargoline.de/common/nav_HG.gif) left bottom no-repeat;
}

/*--- Macro Nav ---*/

.navTop {
  background-color: #6f8cb1;
  border-left: solid 1px #4c4c4c;
/*  border-right: solid 1px #4c4c4c; */
}

/*--- Ebene 1 ---*/

.nav01 {
  background-color: #6f8cb1;
  border-top: solid 1px #4c4c4c;
  border-left: solid 1px #4c4c4c;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.nav11 {
  background-color: #6f8cb1;
  border: solid 1px #4c4c4c;
  border-right:0;
  padding:5px;
  cursor: pointer;
}
.navSpacer1 {
  border-right: 1px solid #4c4c4c;
}
.navPointer01 {
  background-color:#fff;
}
.navPointer11 {
  background-color:#dc0000;
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}
.navMacro01, a.navMacro01:link, a.navMacro01:visited {
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
  letter-spacing: 2px;
  text-transform:uppercase;
}
.navMacro11, a.navMacro11:link, a.navMacro11:visited {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
  letter-spacing: 2px;
  text-transform:uppercase;
}

/*--- Ebene 2 ---*/

.nav02 {
  background-color:#aabee6;
  border-top: solid 1px #6f8cb1;
  border-left: solid 1px #6f8cb1;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.nav12 {
  background-color:#aabee6;
  border-top: solid 1px #6f8cb1;
  border-left: solid 1px #6f8cb1;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.navSpacer2 {
  border-right: 1px solid #6f8cb1;
}
.navPointer02 {
  background-color:#fff;
}
.navPointer12 {
  background-color:#dc0000;
  border-top: 1px solid #6f8cb1;
  border-bottom: 1px solid #6f8cb1;
}
.navMacro02, a.navMacro02:link, a.navMacro02:visited {
  color: #465a82;
  text-decoration: none;
  margin-left: 10px;
}
.navMacro12, a.navMacro12:link, a.navMacro12:visited {
  font-weight: bold;
  color: #465a82;
  text-decoration: none;
  margin-left: 10px;
}

/*--- Ebene 3 ---*/

.nav03 {
  background-color:#c8d2ff;
  border-top: 1px solid #aabee6;
  border-left: 1px solid #aabee6;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.nav13 {
  background-color:#c8d2ff;
  border-top: 1px solid #aabee6;
  border-left: 1px solid #aabee6;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.navSpacer3 {
  border-right: 1px solid #aabee6;
}
.navPointer03 {
  background-color:#fff;
}
.navPointer13 {
  background-color:#dc0000;
  border-top: 1px solid #aabee6;
  border-bottom: 1px solid #aabee6;
}
.navMacro03, a.navMacro03:link, a.navMacro03:visited {
  color: #465a82;
  text-decoration: none;
  margin-left: 15px;
}
.navMacro13, a.navMacro13:link, a.navMacro13:visited {
  font-weight: bold;
  color: #465a82;
  text-decoration: none;
  margin-left: 15px;
}

/*--- Ebene 4 ---*/

.nav04 {
  background-color:#dee4fa;
  border-top: 1px solid #c0c7e0;
  border-left: 1px solid #c0c7e0;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.nav14 {
  background-color:#dee4fa;
  border-top: 1px solid #c0c7e0;
  border-left: 1px solid #c0c7e0;
/*  border-right: solid 1px #4c4c4c; */
  padding:5px;
  cursor: pointer;
}
.navSpacer4 {
  border-right: 1px solid #c0c7e0;
}
.navPointer04 {
  background-color:#fff;
}
.navPointer14 {
  background-color:#dc0000;
  border-top: 1px solid #c0c7e0;
  border-bottom: 1px solid #c0c7e0;
}
.navMacro04, a.navMacro04:link, a.navMacro04:visited {
  color: #465a82;
  text-decoration: none;
  margin-left: 20px;
}
.navMacro14, a.navMacro14:link, a.navMacro14:visited {
  font-weight: bold;
  color: #465a82;
  text-decoration: none;
  margin-left: 20px;
}

/*--- Meta Navigation ---*/

ul.metaNav, ul.metaLang {
  list-style-type:none;
  margin:0;
  padding:2px 15px;
}
ul.metaNav li, ul.metaLang li {
  display:inline;
  margin:0;
  padding:0;
  color: #ff9999;
  list-style-type:none;
}
ul.metaNav a:link, ul.metaNav a:visited {
  margin:0 1px 0 4px;
  padding:3px 5px;
  font-size: 9px;
  font-weight: normal;
  color: #ff9999;
  text-decoration: none;
}
ul.metaNav a:hover, ul.metaNav a:active {
  background-color: #df4545;
  color: #fff;
  text-decoration: none;
}

/*--- Index ---*/

.indexTitle {
   color: #333333;
   font-size: 12px;
   font-weight: bold;
   margin-left: 25px;
   margin-top: 30px;
}

#IndexText {
  float:left;
  width:100%;
}
#IndexText ul {
  padding:0;
  list-style-type:none;
  list-style-image:none;
}
#IndexText ul li {
  padding:0 0 10px 0;
}
#IndexText a, #IndexText a:link, #IndexText a:visited {
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:#005E9E;
}
#IndexText a:hover, #IndexText a:active {
  text-decoration:underline;
  color:#005E9E;
}
.indexpn {
  float:left;
  width:100%;
  border-top:1px solid #4C4C4C;
  padding-top:5px;
}
.indexpn div.left{
  float:left;
  width:250px;
}
.indexpn div.right {
  float:right;
  width:250px;
  text-align:right;
}


/**************************************/
/* 4. CSS-Modul: BODYTEXT             */
/**************************************/

.standardtext, form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 11px;
  line-height: 15px;
}
h1, h2,  h3, h4, .heading1, .heading2, .heading3, .heading4, .heading5 {
  font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1, h1 a, h1 a:link, h1 a:visited {
  position:relative;
  margin:12px 0;
  color: #dc0000;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  z-index:100;
}
h1 a:hover, h1 a:active {
  margin:12px 0;
  color: #dc0000;
  text-decoration: underline;
}
h2, .heading2 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
}
h3, .heading3 {
  color: #999;
  font-weight: bold;
  font-size: 14px;
}
h4, .heading4 {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}
h5, .heading5 {
  color: #000;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}
img.title {
  display:block;
  position:relative;
  margin:12px 0;
  color: #dc0000;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}
p {
  line-height: 15px;
}
p.emphasis {
  background-color:#F1F1F1;
  line-height: 16px;
}
ol {
  line-height: 15px;
}
ul {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 15px;
  list-style-type: square 
}
.small {
  font-size: 10px;
}
.caption {
  font-style: italic 
}
.description {
  background-color:#F1F1F1;
  line-height: 16px;
}
sup, sub {
  font-size: 10px 
}

/* Links */

a:link, a:visited {
  color: #7d0000;
  text-decoration: none;
}

a:hover, a:active {
  color: #7d0000;
  text-decoration: underline;
}

/**************************************/
/* 5. CSS-Modul: ZMS-DEFAULTS         */
/**************************************/

/*--------- ZMS TABLES --------------*/

table.ZMSTable {
  width:100%;
}
table.ZMSTable th {
  padding:4px;
  background-color:#6f8cb1;
  color:#fff;
}
table.ZMSTable tr td p {
  padding:4px;
  margin:0px;
}
table.ZMSTable tr.even td {
  background-color:#FAFAFF;
}
table.ZMSTable tr.odd td {
  background-color:#F3F3FF;
}
div.ZMSGraphic { 
   background-color:transparent; 
   margin:0;
}
div.ZMSGraphic img { 
   border:0;
}
div.ZMSGraphic.floatleft { 
   float:left;
   padding-right:15px;
}
div.ZMSGraphic.floatright {
   float:right;
   padding-left:15px;
}
div.ZMSGraphic.center { 
   text-align:center;
}
div.graphic.alignleft {
   float:left;
   margin-right:15px;
   text-align:right;
}
div.graphic.alignright {
   float:right;
   margin-left:12px;
   padding-right:12px;
   text-align:right;
}
div.ZMSGraphic div.text {
   padding:0;
}
a.zoom img.zoom {
   width: 23px;
   height: 21px;
   background: url(/misc_/zms/zoom.gif);
}
a.download img.download {
   width: 23px;
   height: 21px;
   background: url(/misc_/zms/download.gif);
}
a.superzoom img.superzoom {
   width: 23px;
   height: 21px;
   background: url(/misc_/zms/superzoom.gif);
}
/*--------- ZMS TEASER --------------*/

div#teaser {
   width:200px;
   font-size:11px;
   line-height: 15px;
   border-collapse: collapse;
}
div.ZMSTeaserContainer {
   padding:0px;
   margin-bottom:10px;
}
div.ZMSTeaserElement {
   width:200px;
   padding-bottom:15px;
}
div.ZMSTeaserElement img.title {
   border: none;
}
div.ZMSTeaserElement div.title, 
div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited {
   display:block;
   margin:0px;
   padding:3px 0 0 0;
   text-decoration:none;
   font-weight: bold;
   color: #6478a0;
}
div.ZMSTeaserElement div.text {
   color: #8392AF;
   padding:5px 0;
   margin: 0px;
}
div.ZMSTeaserElement a:link, div.ZMSTeaserElement a:visited {
   color: #8392AF;
   text-decoration: none;
   margin: 0px;
}
div.ZMSTeaserElement a.teaserTitle:hover, div.ZMSTeaserElement a.teaserTitle:active {
   text-decoration: underline;
}

table.teaserElement {
   width:200px;
}
.teaserTitle p {
   margin:0px;
   padding:5px 0 0 0;
   text-decoration:none;
   font-weight: bold;
   color: #6478a0;
}
td.teaserText {
   color: #8392AF;
   padding:5px 0 5px 5px;
   margin: 0px;
}
p.teaserText {
  margin:0;
}
div#zip input {
  height:auto;
}

.contactP {
  width:188px;
  border:1px solid #DCE4F2;
  padding:5px;
  background:#FAFAFF;
}
.contactP span {
  display:block;
  padding:0 0 5px 0;
  color: #8392AF;
}
.contactP span.cImg {
  float:left;
  width:70px;
  height:75px;
  padding:5px 7px 5px 0;
  overflow:hidden;
}
.contactP span.cName {
  color: #DC0000;
  font-weight:bold;
  padding:5px 0 3px 0;
  clear:none;
}

.contactP span {
  padding:1px 0;
  font-size:10px;
  clear:both;
}
.contactP span a, .contactP span a:link, .contactP span a:visited {
  font-size:10px;
}

.contactP span a:hover, .contactP span a:active {
  text-decoration:underline;
}
/*--------- ZMS LINK --------------*/

div#pageelement_Links {
   width:180px;
}
div.ZMSLinkElement {
   background-color: transparent;
   padding: 2px;
}
div.ZMSLinkElement div.title {
   font-weight:bold;
   color:black;
   font-size: 12px !important; font-size: small;
   margin: 10px 0px 0px 0px
}
div.ZMSLinkElement div.text {
}
div.ZMSLinkElement div.text ul {
   margin-top: 5px;
   margin-left:-10px !important;
   margin-left:20px;
}
td.sitemapTitle0, td.sitemapTitle1 {
   background-color: #6F8CB1;
   padding: 5px;
 }
td.sitemapElement0, td.sitemapElement1 {
   background-color: #fff;
   padding: 3px;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited {
   color: #fff;
   text-decoration: none;
   margin-left: 5px;
   letter-spacing: 2px;
   text-transform:uppercase;
}
a.sitemapTitle0:hover, a.sitemapTitle0:active {
  color: #fff;
  text-decoration: underline;
  margin-left: 5px;
  letter-spacing: 2px;
  text-transform:uppercase;
}
a.sitemapTitle1:link, a.sitemapTitle1:visited, a.sitemapTitle1:hover, a.sitemapTitle1:active {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
  letter-spacing: 2px;
  text-transform:uppercase;
}
a.sitemapElement0:link, a.sitemapElement0:visited {
  font-weight: normal;
  text-decoration: none;
}
a.sitemapElement1:link, a.sitemapElement1:visited {
  font-weight: bold;
  text-decoration: none;
}
a.sitemapElement0:hover, a.sitemapElement0:active, a.sitemapElement1:hover, a.sitemapElement1:active {
  text-decoration: underline;
}

/**************************************/
/* 6. CSS-Modul: CUSTOM               */
/**************************************/

.newsItem {
   position:absolute;
   width:260px;
   margin:0px;
   text-align:left;
   padding:0px;
}
.newsTitle {
   font-weight: bold;
   position:relative;
   width:260px;
   margin:0px;
   text-align:left;
   padding:0px;
}
div.flashSwitch {
  position:relative;
  float:left;
  width:186px;
  height:15px;
  padding:125px 15px 3px;
  font-size: 10px;
  color: #E2E3DE;
  text-decoration: none;
  cursor:pointer;
}
/* --- CargoTime Order Form --- */
.conForm {
  width:100%;
}
.conForm span {
  float:left;
  width:100%;
  padding:0 0 10px 0;
  font-weight:bold;
}
.conForm div.btnSend {
  float:left;
  width:500px;
  padding:0 60px 0 0;
}
.conForm div.btnSend input {
  float:right;
}
.formL {
  float:left;
  width:560px;
  padding:0 0 20px 0;
}
.formL label {
  float:left;
  width:180px;
}
.formR {
  float:left;
  width:560px;
  padding:0 0 15px 0;
}
.formR div {
  float:left;
  padding:5px 0;
}
.formR label {
  float:left;
  width:80px;
}
.formR input {
  width:420px;
}
a.game, a.game:link, a.game:visited {
  display:block;
  color: #dc0000 !important;
  font-size:14px;
  font-weight:bold;
  padding:5px 0;
}
div.ZMSFile, div.ZMSLinkElement {
  background:transparent;
  margin:0;
  padding:0 0 15px 0;
}
/**************************************************/
/* Photoalbum */
/**************************************************/

ul.photoNav {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  border:1px solid #D4D4D4;
}
.photoNav li {
  display:inline;
  float:left;
  width:auto;
  height:auto;
  margin:0;
  border-right:1px solid #D4D4D4;
}
.photoNav li.active {
  display:inline;
  background:#EAEAEA;
}
.photoNav a:link, .photoNav a:visited {
  display:block;
  margin:auto;
  padding:0;
  text-decoration:none;
  vertical-align:middle;
}
.photoNav a:hover {
  background:#EAEAEA;
}
.photoNav img {
  margin:0;
  padding:0;
  vertical-align:middle;
}
.photoNav span, .photoNav span.active {
  display:block;
  margin:0;
  padding:1px 7px 4px 7px;
  vertical-align:middle;
}
#index {
  position:relative;
  float:left;
  width:100%;
}

.index3 {
  position:relative;
  float:left;
  width:570px;
  clear:both;
  padding:0 0 15px 0;
}

.index3 div {
  position:relative;
  float:left;
  width:180px;
  margin:0;
  padding:0 15px 0 0;
  overflow:hidden;
}

.index3 div.i3 {
  padding:0;
}

.index3 div a, .index3 div a:link, .index3 div a:visited {
  position:relative;
  float:left;
  display:bock;
  width:178px;
  height:124px;
  border:1px solid #6F8CB1;
  padding:0;
  background:#F3F3FF;
  text-decoration:none;
}
.index3 div a:hover, .index3 div a:active {
  text-decoration:none;
}

.index3 div a span.ixTitle, .index3 div a:link span.ixTitle, .index3 div a:visited span.ixTitle {
  position:relative;
  display:block;
  width:162px;
  border-bottom:1px solid #6F8CB1;
  padding:5px 5px 5px 11px;
  background:#C3D0E9 url(http://www.cargoline.de/common/index_title_HG.gif) bottom left no-repeat;
  color:#6478A0;
  z-index:25;
}
.index3 div a span.ixImg, .index3 div a:link span.ixImg, .index3 div a:visited span.ixImg {
  position:absolute;
  bottom:0;
  left:0;
  width:178px;
  height:98px;
  padding:0;
  overflow:hidden;
  z-index:20;
}
.index3 div a:hover span.ixTitle, .index3 div a:active span.ixTitle {
  text-decoration:underline;
}
.tooltip {
  display:none;
  width:181px;
  height:87px;
  padding:15px;
  background:transparent url(http://www.cargoline.de/common/tooltip_HG.png);
  font-size:11px;
  line-height:15px;
  color:#6478a0;
  overflow:hidden;
  z-index:30;	
}

/**************************************/
/* 7. CSS-Modul: ZMI                  */
/**************************************/

.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight */
.cmsBgColorMedium0 { background-color: #E8F2F9; } /* primColorLight */
.cmsBgColorLight0 { background-color: #fff; } /* neutralColorWhite */


