body {
  background: #79828F url("../gfx/body_bg.gif") repeat-y left top;
  color: #555;
  margin: 0;
  padding: 0;
  text-align: left;
  font: normal 12px "Trebuchet MS", verdana, helvetica, sans-serif;
}

#header {
  width:750px;
  height: 85px;
  margin: 0px;
  padding: 0px;
  background: transparent url("../gfx/header_bg.gif") no-repeat left;
}

#headerLog {
  width:750px;
  height: 85px;
  margin: 0;
  text-align: left;
  background: transparent url("../gfx/bg_header_logistik.jpg") no-repeat left;
}

#headerLog {
  width:750px;
  height:108px;
  margin: 0px;
  text-align: left;
  background: transparent url("../gfx/bg_header_logistik.jpg") no-repeat left;
}

#logo {
        position: absolute;
        left:520px;
        top: 5px;
}

#header h1 {
        display: none;
}

#flag {
  padding: 0;
  margin: 0px;
  height: 25px;
  margin: 0;
  width: 200px;
}

#nav {
  padding-top: 48px;
  height: 25px;

}

#navLog {
  position: absolute;
  left: 218px;
  top: 69px;
}

#nav ul, #navLog ul  {
  margin: 0px;
  padding: 0px;
  list-style:none;
}

#nav li {
  float:left;
  margin:0;
  padding-left: 20px;
}

#navLog li {
  float:left;
  margin:0;
  padding: 0px;
  width: 120px;
  text-align: left;
  background: url("../gfx/i_bullet_mo") left no-repeat;
}

#nav a, #navLog a {
  float:left;
  display:inline;
  line-height: 28px;
  text-decoration:none;
  font-weight:bold;
  color: #ccc;
}

#nav a:hover, #navLog a:hover {
  color: #fff;
}

#home #nav-home a {
  color: #fff;

}

#outbound #nav-outbound a {
  color: #fff;
}

#inbound #nav-inbound a {
  color: #fff;
}

#preise #nav-preise a {
  color: #fff;
}

#kontakt #nav-kontakt a {
  color: #fff;
}

#container {
  width: 750px;
  padding: 10px 0 10px 0;
  margin: 0;
  text-align: left;
}

#container a:link, #container a:visited {
        color: #369;
        text-decoration: none;
}

#container a:hover, #container a:active {
        color: #c51;
        text-decoration: underline;
}

#container a:link.ext, #container a:visited.ext {
  background: url("../gfx/link_ext.gif") no-repeat left top;
        padding-left: 15px;
        color: #369;
}

#container a:hover.ext, #container a:active.ext {
  background: url("../gfx/link_ext.gif") no-repeat left top;
        padding-left: 15px;
        color: #c51;
}

#sidebar {
        float: left;
        width: 180px;
        padding: 0 10px 0 10px;
        margin: 0;
}

.pay img {
   margin: 8px 0 0 30px;
}

#sidebar h1 {
        font-size: 12px;
        padding: 0 0 0 10px;
        margin: 0;
        background: transparent url('../gfx/sidebar_h1.gif') no-repeat top left;
}

#sidebar .toc {
        font-size: 11px;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 4px;
        margin: 0 0 20px 0;
}

#sidebar .toc h1 {
        font-size: 11px;
        font-weight: bold;
        background: transparent;
        padding: 0;
        margin: 0 0 2px 0;
}

#sidebar .toc ul {
  margin: 0;
  padding:0;
  list-style: square;
}

#sidebar .toc li {
  margin:0 0 0 12px;
  padding:0;
}

#sidebar .toc li a {
  color: #555;
  text-decoration: none;
}

#userlogin {
        border-bottom: 1px solid #ddd;
        padding: 4px 0 10px 4px;
        margin: 0 0 20px 0;
        font-size: 11px;
}

#userlogin input {
        background-color: #fff;
        border: 1px solid #ddd;
        font-size: 11px;
}

#userlogin input.btn {
        background-color: #eee;
        border: 1px solid #ddd;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        font-size: 11px;
        margin-top: 5px;
}

#stellen {
        border-bottom: 1px solid #ddd;
        padding: 4px 0 10px 4px;
        margin: 0 0 20px 0;
        font-size: 11px;
}


#stellen a {
	padding: 0 0 0 10px;
	background: transparent url('../gfx/link_bg.gif') no-repeat 1px;
}

#stellen a.dezent {
	color: #555;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font: bold 12px "Trebuchet MS", verdana, helvetica, sans-serif;		
}

#main {
        width: 505px;
        padding: 0 20px 0 20px;
        margin: 0 0 0 200px;
}

#main h1 {
        font-size: 16px;
        padding: 0 0 0 15px;
        background: transparent url('../gfx/main_h1.gif') no-repeat top left;
}

#main a {
	padding: 0 0 0 10px;
	background: transparent url('../gfx/link_bg.gif') no-repeat 1px;
}

#main a.download {
	padding: 0 0 0 20px;
	background: transparent url('http://www.any-sms.de/gfx/download.gif') no-repeat left;
}

#main a.ohne {
	padding: 0;
	background-image: none;
}

#main p+h2 {
        margin-top: 25px;
}

#main h2 {
        font-size: 14px;
        border-bottom: 1px solid #eee;
}

#main input, #main select {
        background-color: #eee;
        border: 1px solid #ddd;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        font-size: 12px;
}

#main .error {
        color: #a00;
}

#main .error input, #main .error select {
        background-color: #f1bebe;
        border: 1px solid #e4b1b1;
        border-top: 1px solid #ad7a7a;
        border-left: 1px solid #ad7a7a;
        font-size: 12px;
}


#main input.btn {
        background-color: #eee;
        border: 1px solid #ddd;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        margin-top: 5px;
}

#main table, th {
        background-color: #ddd;
}

#main th {
        text-align: center;
        font-weight: bold;
        padding: 2px 10px;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
}

#main td {
        background-color: #fff;
        padding: 2px 5px;
}

#main td.spec {
        background-color: #ddd;
        padding: 2px 5px;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
}

#main tr.h td {
        background-color: #eee;
}

#main tr.hso td {
        background-color: #eee;
}

#main tr.highlight td {
        background-color: #90ee90;
        font-weight: normal;
        padding: 2px 5px;
}

h3 {
        font-size: 12px;
}

.center {
        text-align: center;
}

img {
        border: 0;
}

strong {
        font-weight: bold;
}

em {
        font-style: italic;
}

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
  width: 350px;
}

span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#container span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

#eu-cookie-message{
position: fixed;
bottom: 0;
width: 100%;
padding: 20px;
text-align: center;
color: #fff;
background-color: #333;
}
#eu-cookie-message form{
border:0;
margin:0;
padding:0;
}
#eu-cookie-message form input{
display: block;
margin: 15px auto 0 auto;
padding: 5px 10px;
background-color: #F6D000;
border: 2px solid #787252;
border-radius: 5px;
cursor: pointer;
}
#eu-cookie-message a:link, a:visited {
        color: #369;
        text-decoration: none;
}

#eu-cookie-message a:hover, a:active {
        color: #c51;
        text-decoration: underline;
}