/*
 * CSS Klassen www.jade-weserport.de 
 * logistics
 * geaendert:2009-03-27
 * Lars Vogel
 * www-l-vogel.de
 *
 */
 
@import url(navigation.css);
@import url(slideshow.css);

/* ------------------------------------
   Layout:
   - zweispaltig, feste Breiten
   ------------------------------------ */

html {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 100.01%;

}   

body {
    background-color: #fafafa;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #334657;
	line-height: 140%;
	/* IE 5 zentrieren */

	/* IE - Ebenen:
	CSS workaround fuer IE 5/6/7??
	nur so werden Ebenen als
	position: relative dargestellt */
	position: relative;
}
/* ------------------------------------
   Frame
   ------------------------------------ */
#frame {
    margin: 0;
	padding: 0;
	padding: 0;
	width: 918px;
}
/* ------------------------------------
   Header
   ------------------------------------ */
#header {
	position:relative;
	border: 0;
	padding: 0;
	margin: 0;
	height: 110px;
	text-align: right;
	background-image: url(../images/bg_header.jpg);
}
#headerLeft {
  position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 120px !important;
	width: 180px;
}
#headerNav {
    position: absolute;
	top: 76px;
	left: 0; 
	text-align: right; 
	height: 20px;
	width: 98%;
    z-index:100;
}
#boxSearch {
    margin: 0 0 0 10px;
	padding:1px;
	float: right;
}

/* ------------------------------------
   Navigation in navigation.css
   ------------------------------------ */

/* ------------------------------------
   Inhalt
   ------------------------------------
   3-spaltig
   ------------------------------------ */
/* Container */
#content {
	clear: both;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}
/* Breite: 160px */
#contentLeft {
	width: 160px;
	padding: 20px 0px 10px 10px;
	border: 0;
	float: left;
	background:none;
}
/* Breite:  738 */
#contentCenter {
    width: 728px;
	padding: 20px 0px 10px 10px;
	border: 0;
	float: left;
}
/* Breite: 210px innerhalb von contentCenter */
#contentCenterRight {
	width: 200px;
	padding: 4px 0 12px 10px;
	border: 0;
	float: right;
}
#contentCenterLeft {
    width: 508px;
}
/* ------------------------------------
   Footer
   ------------------------------------ */
#footer {
	clear: both;
    vertical-align: top;
    padding: 0;
    margin: 20px 0 0 0;
	font-size: 10px;
	color: #006ab3;
	font-style: italic;
	border-top: 5px solid #dae1f2;
}
#footer div {
	border: 0;
  	padding: 4px 0px 0px 0px;
	height: 20px;
}

#footL {
	width: 448px;
	text-align: left !important;
	float: left;
}
#footR {
    width: 280px;
	text-align: right !important;
	float: left;
}

/* ------------------------------------
   Boxen / Liste
   ------------------------------------ */
.boxStandard {
	margin: 0 0 6px 0;
	border: 0;
	padding: 0 0 10px 0;
}
.boxNews {
	margin: 0 0 6px 0;
	border-bottom: 1px solid #dae1f2;
	padding: 0 0 10px 0;
}
.imgBoxStandard {
    float: left !important;
	margin: 3px 14px 14px 0;
}

.imgStandard {
	margin: auto;
	padding: 0;
}
.imgStandard img {
	border: 0;
}
.imgText {
	font-size: 11px;
	font-style: italic;
}


a.boxTeaserHead,
.boxTeaserHead a {
     font-weight: bold !important;
	 font-size: 10px !important;
}

.boxTeaser {
	border: 1px solid #334657;
	font-size: 10px !important;
	background-color: #fff !important;
}
.boxTeaser td {
    background-color: #fff !important;
}
.boxTeaser th {
    background-color: #e9e9e9 !important;
}
.boxMsg {
	margin: 0 0 6px 0;
	padding: 0 0 10px 0;
}

/* ------------------------------------
   Text
   ------------------------------------ */
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #006ab3;
	padding: 0;
	line-height: 130%;
}
.headline {
    border-bottom: 5px solid #dae1f2;
	margin: 10px 0 10px 0;
}
h2, h2 a {
    padding: 0px 0px 6px 0px;
	margin:0;
	font-size: 12px !important;
	font-weight: bold;
	padding: 0;
}
h2 a:hover {

}	

/* Datum Artikel */
h3 {
    padding: 0;
	margin: 5px 0 5px 0;
    font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.date {
    font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
/* Downloads, Linls-Headline, Baulos Headline/Link */

h5 {
    padding: 12px 0px 6px 0px !important;
	margin:0 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #334657 !important;
}
h5 a {
    padding: 12px 0px 6px 0px !important;
	margin:0 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #334657 !important;
    text-decoration: underline !important;
}

h4, h4 a {

}
/* nur div NICHT p */
div {
	padding: 0;
	margin: 0;
	text-align: left;
}
.subheadline {
    font-weight:bold; 
	margin-bottom: 10px;
}
.highlight {
	background-color: #fff8dc;
}
/* ------------------------------------
   Links
   ------------------------------------ */
a:link, a:visited, a:active {
    font-size: 12px;
	line-height: 130%; 
	color: #334657; 
	text-decoration: none !important;
	font-weight: bold;
}
a:hover {
	 text-decoration: underline !important;
}

/* Links in Boxen*/
.linkMore, a.linkMore {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	text-decoration:none;
}
.linkBack {
	margin: 0;
	font-size: 10px !important;
	font-weight: bold;
	text-align: right;
}

a.Link, .Link {
	margin:  0 !important;
	padding: 1px;
	color: #666;
	font-size: 88% !important;
	font-weight: normal;
    text-decoration: none !important;
}
html>body a.Link {
	font-size: 90% !important;

}
a.Link:hover {
    background-color: #b3cadd;
	color: black;
}
/* Links im Footer*/
a.nav, .nav  {

    font-size: 10px !important;
	font-weight: bold !important;
	text-decoration: none !important; 
	color: #334657 !important;
	font-style: normal !important;
	text-decoration: none !important
}
a.nav:hover {
    text-decoration: underline; 
}

.nav img {
	position: relative;
	top: 3px;
}

/* ------------------------------------
   Table
   ------------------------------------ */
table td {
    vertical-align: top;
	background-color: #e9e9e9;
	padding: 1px;
}

/* ------------------------------------
   Formulare
   ------------------------------------ */
.formbut {
	cursor: pointer;
	border: 1px solid #334557;
	background: #fafafa;
	font-size: 11px;
	font-weight: normal;
	color: #334557;
}
.formfield {
    border: 1px solid #334557;
	background: #fafafa;
	font-size: 11px;
	padding: 1px !important;
	font-weight: normal;
	color: #334557;

}
.formfieldEmpty {
	color: #111; 
	font-weight: bold;
	text-decoration: none;
	 background-color: #dadada; 
	 border-top :1px solid #fff842;
	 border-right :1px solid #fff842;
	 border-bottom:1px solid #000;
	 border-left:1px solid #000;
	padding-left:3px;
	margin: 1px 0 1px 0;
	font-size: 12px;
}

/* Tabelloses Forumlar */
.formDisplay {
	display: block;
	float: left;
	width: 260px;
	color: #334557;
	text-decoration: none;
	background-color: #fafafa; 
	border:1px solid #334557;
	padding-left: 2px;
	margin: 1px 0 1px 0;
	font-size: 12px;
}
.formDisplayEmpty {
	display: block;
	float: left;
	width: 260px;
	color: #334557; 
	text-decoration: none;
	background-color: #fafafa; 
	border:1px solid IndianRed;
	padding-left: 2px;
	margin: 1px 0 1px 0;
	font-size: 12px;
}
.formDisplayHidden {
    background: none; 
    display: block;
	float: left;
	border:0;  
	width: 260px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}
.formLabel, .noLabel {
    display: block;
	text-align: right;
	float: left;
	width: 160px;
	padding-right: 20px;
	border: 0;
}

.msg {
	color: #f6ac1a;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
/* ------------------------------------
   Pager
   ------------------------------------ */
#boxPager {
	clear: both;
	padding: 20px 0px 20px 0!important;
	margin: 20px 0px 6px 0px;
	border: 0;
	font-size: 95%;
	text-align: center !important;
}
.pager {
	color: #334657; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #fff; 
	border:1px solid #334657; 
	padding:2px;
}
a.pager:link, a.pager:visited, a.pager:active {
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #006ab3; 
	border:1px solid #334657; 
	padding:2px;
}
a.pager:hover { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #006ab3; 
	border:1px solid #f6ac1a; 
	padding:2px;
}
/* ------------------------------------
    Navigationspfad
    ------------------------------------ */

#locationBar {
    height: 18px;
    padding: 0 0 0 23px;
	margin: 0 0 22px 0;
    border: 0;
    vertical-align: middle;
	color: #e0a500;
	background-image: url(../images/bg_loc_bar.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.sep {
    color: #e0a500;
}
#locationBar a {
    color: #e0a500;
    font-size: 10px;
	font-weight: bold !important;
	text-decoration: none;
}
#locationBar a:hover {
	text-decoration: underline;
}

/* ------------------------------------
   Listen
   ------------------------------------ */

ul li {
    list-style: square;
	margin: 0 0 10px 0; 
}
/* ------------------------------------
    Sitemap
    ------------------------------------ */
a.sitemap_level1 {
    display: block;
    border-top: 1px solid #006ab3;
    color: #334657;
	font-size: 12px;
	width: 500px !important;
	height: 20px;
    font-weight: bold;
    padding: 2px 0 0 2px;
	background-color: #dcdcdc;
}
a.sitemap_level1:hover {
    background-color: #d0d0d0;
	color: #222;
	text-decoration: none;
}

a.sitemap_level2 {
    color: #334657;
    display: block;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
    padding: 2px 0 0 24px;
	background-image:url(../images/pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	

}
a.sitemap_level2:hover {
    background-color: #e0e0e0;
	color: #222;
	text-decoration: none;
}
a.sitemap_level3 {

    color: #334657;
    display: block;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
    padding: 0 0 0 44px;
}
a.sitemap_level3:hover {
    background-color: #e0e0e0;
	color: #222;
	text-decoration: none;
}
/*
a.sitemap_level4 {
    color:#364677;
}
*/
.sitemap_level2_container {
    width: 500px;
	margin-bottom: 1px;
	background-color: #e9e9e9;
	border-top: 1px solid #e9e9e9;

}
.sitemap_level3_container {
    width: 500px;
	margin-bottom: 1px;
	background-color: #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
/*
.sitemap_level4_container {
    width: 300px;
    padding: 0px 0px 1px 64px;
	background-color: #e9e9e9;
}
*/
/* ------------------------------------
    Suche
    ------------------------------------ */
a.search {
    display: block;
    color: #334657;
	font-size: 12px;
	height: 40px !important;
    font-weight: normal;
    padding: 2px 0 0 24px;
	margin-bottom: 1px;
	background-color: #e0e0e0;
	background-image:url(../images/pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.search:hover {
    background-color: #d0d0d0;
	color: #222;
	text-decoration: none;
}

a.search_archive {
    display: block;
	height: auto;
    color: #334657;
	font-size: 12px;
    font-weight: normal;
    padding: 2px 2px 2px 24px;
	margin-bottom: 1px;
	background-color: #e0e0e0;
	background-image:url(../images/pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.search_archive:hover {
    background-color: #d0d0d0;
	color: #222;
	text-decoration: none;
}

/* ------------------------------------
   Lightbox-Galery
   ------------------------------------ */

.ligallery {
	margin: 20px 0 0 0;
}
.gallery_image {
	border: 1px solid #e3e3e3;
	background-color: #e9e9e9;
	padding: 8px;
	text-align:center !important;
	/*
	vertical-align:bottom !important;
	*/
}
.gImgCont {
	 text-align:center !important;
	 height: 100px;
}
.gTable {
	margin: 8px 0 8px 0;
}
.galleryNav { 
	border:0; 
	padding:0;
}

.galleryNav a {
	margin: 2px !important;
}

/*
a.galleryNav, .galleryNav a {

	color: #222; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #f0f0f0 !important; 
	border: 1px outset #006ab3;
	padding:4px;
	font-size: 12px;
}
a.galleryNav:hover,  .galleryNav a:hover { 
	color: #222; 
	font-weight: bold; 
	text-decoration: none; 
	border: 1px outset #006ab3;
	padding:4px;
	font-size: 12px;
	background-color: #8da2bd !important; 

}
*/

.gallerylMedianame {
	display:block;
	text-align: center;
	font-size:11px;
	color: #333;
	font-weight:normal;
	padding: 2px;
}

/* gallery neu */
.galBox {
	float: left;
	position: relative;
	display:block;
	width: 142px;
	height: 160px;
	border: 1px solid #dadada;
	background-color: #e9ebea;
	padding: 2px;
	margin: 0 2px 2px 0;
	text-align:center !important;
	overflow: hidden;
}
.galBoxImg {

}
.galBoxName a,
.galBoxName a:hover {
	display: block;
	text-align: center!important;
	font-size:10px !important;
	font-weight:bold !important;
	text-decoration: none !important;
	padding: 2px;
}
.galBoxText {
	text-align: center;
	font-size: 10px;
}


/* ------------------------------------
   Tests
   ------------------------------------ */
.wec_img {
	border: 1px dotted #ff0000;
}