/* Body, P, h1, h2 etc. */

body { margin: 0; padding: 0; }
body, table, textarea, input, form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333; }
img { border: 0px; }
p { margin: 0px 0px 9px 0px; color: #333; }
h1 { color:#333; font-size:18pt; padding-bottom: 14px;}
h2 { color: #666; font-size: 1.8em; font-weight: bold; margin-bottom: 6px; margin-top: 2px; }
h3 { font-weight: bold; margin-bottom: 4px; margin-top: 14px; }
h4 { color: #333; font-size: 10pt; font-weight: bold; margin: 0px; padding-bottom: 5px; }
h5 { color: #000; font-size: 10pt; font-weight: bold; margin: 0px; padding: 0px; }
table { width: 100%; }
td { vertical-align: top; }
td p { margin: 0px !important; }

/* Links */

a { color: #EE6821; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }

/* Layout Geruest */

#wrap-page {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/1pixel.jpg) repeat-y scroll 0 0;
  margin:5px auto 0;
  padding:0;
  position:relative;
  text-align:left;
  width:1050px;
}
#wrap-content {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/bg_oben.jpg) no-repeat scroll 0 0;
  width:auto;
}
#footer {
  background-image:url(/images/bg_unten.jpg);
  background-repeat:no-repeat;
  bottom:0;
  clear:left;
  color:#888888;
  font-size:9px;
  line-height:1.7em;
  margin-top:20px;
  padding:70px 0 35px 120px;
  width:1050px;
  z-index:25;
  height:60px;
}
#top {
  height: 88px;
  vertical-align: bottom;
  background: #3d4452;
  position: absolute;
  top: 36px;
  width: 900px;
  margin-left: 90px;
  text-align: right;
}
#imagerow {
  position: relative;
  padding: 130px 0 0 90px;
}
#right {
  float:right;
  display: inline;
}
#left {
  float:left;
  width: 465px;
  display: inline;
}
#logo { height: 60px; padding: 10px 70px 0 0;}
#content { width: 800px; position: relative; padding: 10px 0 0 160px; min-height:600px; overflow: hidden; }
#onlinesupport {  
  background-color: #EE6821;
  margin-top: 15px;
  padding: 5px 0 5px 15px; 
  width:200px;
}
#onlinesupport a {  
  letter-spacing:0.1em;
  font-size:14px; 
  color:white;
  text-decoration: none;
}

/* Menues */

.navigationholder { padding: 18px 15px 14px 0; }
.navigation { list-style-type: none; margin: 0px; padding: 0px; }
.navigation li a { color: #444; font-size: 8pt; text-decoration: none; letter-spacing:0.1em; padding: 5px 0px 5px 0; line-height: 12pt;text-transform: lowercase;}
.navigation li.selected a { color: #EE6821; }
.submenu { padding: 2px 0 14px 30px;}
.submenu li a { color: #777; font-size: 8pt; text-decoration: none; padding: 2px 0px 2px 0; line-height: 12pt;text-transform: lowercase; }
.navigation a.activelink { color: #EE6821;}
#footer ul li { display: inline; text-decoration: none; padding: 0 4px 0px 4px; }

/* News-Elemente
----------------------------------------------- */

ol.statuses{list-style:none;font-size:1.2em;padding:0;margin:0;}
ol.statuses>li{position:relative;padding:1.2em 0 1.2em 0;border-bottom:1px dashed #D2DADA;line-height:1.1em;}
ol.statuses .thumb{display:block;width:50px;height:50px;position:absolute;left:0;margin:0 10px 0 5px;overflow:hidden;}
ol.statuses .thumb img{width:48px;height:48px; padding-top:2px;}
ol.statuses span.status-body{display:block;min-height:50px;width:420px;overflow:hidden;margin-left:65px;}
ol.statuses .embedded_picture img{border:2px solid #DDD;padding:10px;}
ol.statuses span.meta,.updated{display:block;font-size:.75em;margin:3px 0 0 0;color:#999;}
ol.statuses span.meta a{color:#999;}ol.statuses span.meta .call-out,.hentry .meta .call-out{color:#000;}
ol.statuses .actions{position:absolute;right:5px;top:.5em;line-height:1.25em;border-width:0;}.ie6 ol.statuses .actions{right:25px;}
ol.statuses .actions a{display:block;text-decoration:none;padding:3px 8px;background-position:50% 50%;background-repeat:no-repeat;outline:none;cursor:pointer;visibility:hidden;}
ol.statuses li{position:relative;}
ol.statuses li:hover .actions a,ol.statuses li.hover .actions a{visibility:visible;}

/* Content-Elemente
----------------------------------------------- */

.download {
  background-image:url(/images/acrobat.gif);
  background-position:left center;
  background-repeat:no-repeat;
  padding:4px 0 4px 24px;
}
.banner {
  padding-bottom: 8px;
}
h2 {
  font-weight: bold;
  padding: 0 0 6px 0;
  font-size: 1.4em;
}
.gallerycontent {
  padding: 8px 0 0 0;
  height: 120px;
}
.textcontent {
  margin: 0 0 10px 0;
  overflow: hidden;
}
.imageBox {
  padding: 0 20px 20px 0;
  float: left;
  display: inline;
}
.job-image {
  width: 140px;
}
.imageText {
  width: auto;
}
.imageText h2, .imageText h3 {
    padding-top: 0px;
    margin-top: 0px;
}
.entry-content {
  font-size: 0.8em;
}
.entry-content h2 {
  margin: 0;
  padding: 0 0 4px 0;
  font-size: 1.4em;
}
.textcontent h2 {
  padding-bottom: 6px;
  margin-bottom: 2px;
}
.entry-content h2 a, .textcontent h2 a {
  font-size: 0.9em;
  color: #555;
  text-decoration: none;
}
.singlenewsimage {
  float: left!important;
  padding: 0 20px 0 0;
  margin: 0!important;
}
.singlenewscontent {
  display: inline;
}
.singlenewscontent p {
  line-height: 1.4em;
}
.backlink {
  padding-top: 20px;
}
#boxheadline {
  color:#333333;
  font-size:13pt;
  font-weight:bold;
  margin-bottom:13px;
  margin-top:7px;
}
#flash-notice, #flash-error {
  margin: 0px;
  padding: 20px 15px 0 0;
  color: green;
}
#twitter {
  background: #e9e9e1;
  border: 1px dotted #d1cece;  
}
#socialbookmarks {
  margin: 20px 0 15px 0;
  clear:both;
}
.orange, .submit a { color: #EE6821; }

#google {
  clear:both;
  padding-top:20px;
}

/* Admin-Footer
----------------------------------------------- */

#adminfooter {
  padding:0;
  margin-top:6em;
  line-height:1.2;
  background:#fff;
  white-space:nowrap;
}


/* FORMULARE
----------------------------------------------- */

fieldset {
  width: auto;
  overflow: auto;
  margin-top: 20px;
  padding: 14px 20px 10px 20px;
  border: 1px solid #dc7333;
  display: block !important;
}
.referenz {
   border: 1px solid #cfcfcf !important;
}
.sub { margin-left: -3px; color: #dc7333; font-size: 1.2em; font-weight: bold; }
.searchbox { margin: 0px; padding: 0px 15px 0 0; }
.searchbox input { font-size: 0.8em; }
legend { margin-left: -3px; color: #dc7333; font-size: 1.5em; font-weight: bold; }
label { display: block; width: 120px; margin: 6px 0 0 0; }
input,select { font-size: 1.2em; }
textarea, input { padding: 3px; border: 1px solid #afafaf; }

/* RSS Feeds
----------------------------------------------- */

.rssfeed {
  font-size: 10px;
  border: 1px solid #CFCFCF;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 7px;
  width: 198px;
}
.rssfeed p {
  padding-top: 6px;
  color: #AFAFAF;
}
.news {
  margin: 0;
  padding-top: 1px;
  padding-bottom: 3px;
  font-size: 10px;
  color: #7f7f7f;
}

/* MEDIA >>> PRINT
----------------------------------------------- */
@media print {

#logo, .navigationholder, .searchbox, #onlinesupport, #footer { display:none; }

}

/* Definition List 
----------------------------------------------- */
dl.table-display
{
        float: left;
        width: 535px;
        margin: 1em 0;
        padding: 0;
        border-bottom: 1px solid #999;
        font-family:Arial, Helvetica; #

}

.table-display dt
{
        clear: left;
        float: left;
        width: 200px;
        margin: 0;
        padding: 5px;
        border-top: 1px solid #999;
        font-weight: bold;

}

.table-display dd
{
        float: right;
        width: 300px;
        margin: 0;
        padding: 5px;
        padding-left:20px;
        border-top: 1px solid #999;
        background: url(arrow.gif) no-repeat 0 .5em;
}

/* Startseite und referenzen */

.h1      {
         padding-bottom:14px;
}

#homesite {
         font-family:Century,arial,helvetica;
         font-size:1em;
}

.aboutus {
         padding: 0 0 10px 10px;
         width:420px;
         height:150px;
         background-image: url(/images/aboutus.png);
}
.aboutus h1 {
         padding-top:10px;
         font-size:16px;
         color:#f29107;
}
.aboutus h2 {
         font-size:12px;
         width:300px;
         color:#3d4452;
         font-weight:lighter;
}
.aboutus a {
          color:#f29107;
          text-decoration:none;
}
.aboutus a:hover {
          color:#f29107;
          text-decoration:underline;
}


.module_1 div {
         display:block;
         width: 250px;
         height: 150px;
         border: 0px;
         border-style:solid;
         border-color:#8F8F8F;
         }

.mod_top_1 {
         float:left;
         }

.mod_top_2 {
         padding-left:250px;
         }
.module_2 div {
         display:block;
         width: 250px;
         height: 150px;
         border: 0px;
         border-style:solid;
         border-color:#8F8F8F;
         }
.mod_bottom_1 {
         float:left;
         }
.mod_bottom_2 {
         padding-left:250px;
         }
.logoline {
         width:498px;
         height:168px;
         border:1px;
         border-style:solid;
         border-color:#9F9F9F;
}
.logoline div {
         width:150px;
         height:100px;
         padding-left:10px;
         float:left;
}
.logoline h1 {
         padding-left:10px;
         font-size:12px;
         font-weight:lighter;
         color:#3d4452;
}

.logoline li {
         float:left;
         list-style-type:none;
         width:80px;
         height:60px;
         padding-left:44px;
}

.community {
         width:420px;
         height:150px;
         padding-top:10px;
         background-image: url(/images/service.png);
         border:1px;
         border-style:double;
         border-color:#9F9F9F;
}
.community div {
         padding-left:10px;
}
.community h1 {
         font-size:16px;
         color:#f29107;
}
.community h2 {
         font-size:12px;
         width:300px;
         color:#3d4452;
         font-weight:lighter;
}
.community a {
          color:#f29107;
          text-decoration:none;
}
.community a:hover {
          color:#f29107;
          text-decoration:none;
}
.questions {
         padding-left:10px;
         width:420px;
         height:150px;

}
.questions h1 {
         padding-top:10px;
         font-size:16px;
         color:#f29107;
}
.questions h2 {
         font-size:12px;
         color:#3d4452;
         font-weight:lighter;
}
.questions h3 {
         font-size:18px;
         width:300px;
         color:#f29107;
         font-weight:lighter;
         text-align:center;
}

.headline {
         background-color:#3d4452;
         width:420px;

}
.headline h1 {
         font-size:16px;
         padding:2px;
         padding-left:10px;
         color: #fff;
}

.com {
         background-image: url(/images/com.png);
         padding-left:10px;
         width:490px;
         height:160px;
         border:1px;
         border-style:solid;
         border-color:#9F9F9F;
}

.com h1 {
         font-size:16px;
         color:#f29107;
}
.com h2 {
         font-size:12px;
         width:250px;
         color:#3d4452;
         font-weight:lighter;
}
.com a {
          color:#f29107;
          text-decoration:none;
}
.com a:hover {
          color:#f29107;
          text-decoration:none;
}

.com2 {
         background-image: url(/images/hafenradar.png);
         padding-left:10px;
         width:490px;
         height:150px;
         border:1px;
         border-style:solid;
         border-color:#9F9F9F;
}

.com2 h1 {
         font-size:16px;
         color:#f29107;
}
.com2 h2 {
         font-size:12px;
         width:250px;
         color:#3d4452;
         font-weight:lighter;
}
.com2 a {
          color:#f29107;
          text-decoration:none;
}
.com2 a:hover {
          color:#f29107;
          text-decoration:none;
}


.referenz {
         border:0;
         border-right:0px;
         border-style:solid;
         border-color:#7F7F7F;
         font-family:Myriad Pro, Helvetica, Arial;
         margin: 10px 0;
	 padding: 0 10px;
}

.image_train {
         background: url(/images/ref_pic.png) no-repeat top left;
         width:250px;
         height:280px;

}
.referenzen-links {
         float:left;
         min-height: 350px;
}
.referenzen-rechts {
         float:right;
}


.ref_image {
         margin-top:90px;
}
.referenz h1{
         font-size:20px;
         color:#f29107;
         margin-top:5px;
}
.referenz h2{
         font-size:14px;
         width:250px;
         color:#3d4452;

}
.referenzen h3{
         font-size:15px;
         width:250px;
         color:#3d4452;
         font-weight:lighter;
         text-align: justify;
         margin-top:10px;
}
.referenz a {
         font-size:15px;
         color:#f29107;
         text-decoration:none;


}
.referenz a:hover {
         color:#f29107;
         text-decoration:underline;
}
.underline {
         border:0px;
         height:56px;
         width:420px;
         background-image: url(/images/powered.png);
         overflow: hidden;
         clear: both;
}

.underline ul  {
         list-style:none;
         margin: 0 0 0 67px;
         overflow: hidden;

}

.underline li {
         float:left;
         width: 61px;
         text-align: center;
         margin: 0 22px;
}


.websites {
         list-style:none;
         margin: 0 0 0 15px;
}

.websites a{
         display:block;
         width:160px;
}
.websites a:hover {
         text-decoration:none;
         background-color:#fffaa7;
}
.or li {
          height:235px;
}

.or div {
         width:420px;
         height:224px;
         background-image:url(/images/webseiten/bg.png);
}

.or img {
         padding-left:41px;
         padding-top:12px;
}

.or h1 {
         position:relative;
         left:280px;
         top:-135px;
         font-size:22px;
         font-family:Century, Helvetica, Arial;
         color:#808080;
}

.wwp {
         font-size:22px;
         font-family:Century, Helvetica, Arial;
         color:#808080;
         padding-left:20px;
}