/* 	Suxess Logistic 
	www.suxesslogistic.com | 13032010
	by meow-project.com */


@import url(/css/reset.css);
@import url(/css/typography.css);


body {margin:50px 0 0 0; background:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.5em; color:#555;}
#container {margin:auto; width:870px; overflow:auto;}
img, div {behavior:url(/img/website/iepngfix.htc);}


/* Header
--------------------------------------------------------------------------------------- */

#logo {padding:0 0 15px 30px; width:500px; float:left;}

#sprachen {float:right; padding:15px 15px 2px; font-size:.9em; font-style:italic;}
#sprachen a:link, #sprachen a:visited, #sprachen a:active {color:#777; text-decoration:none;}
#sprachen a:hover {color:#666;}

#banner {height:373px; margin:0 5px; border-bottom:1px solid #a1abb8;}


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

.nav-left {float:left; height:48px; width:20px; background:url(/img/website/menu-left.png);}
.nav-right {height:48px; width:20px; float:left; background:url(/img/website/menu-right.png);}

#nav {float:left; height:48px; width:830px; background:url(/img/website/menu-bg.png) top left;}
#nav ul {margin-top:12px;}
#nav li {float:left; width:14.2%; text-align:center;}
#nav li a {display:block; padding:5px 0; background:url(/img/website/menu-split.gif) no-repeat right; text-decoration:none; font-family:"Lucida Grande", Arial, sans-serif; color:#d8d8d7;}
#nav li.last a {background:none;}
#nav li a:hover {text-decoration:none; color:#b6c4d6;}
#nav li.active a {color:#b6c4d6;}
#nav li a.login {background:url(/img/website/lock.png) 28px 6px no-repeat;}


/* Main
--------------------------------------------------------------------------------------- */

#main {margin:0 5px; padding:30px 30px 40px; width:800px; overflow:auto; background:#fff;}
#main ul {padding:0; margin:0 0 1.5em 0.5em;}
#main li {background: url(/img/website/bullet.png) no-repeat 0 0.45em; padding:0 0 0.25em 12px;}
.col-left {float:left; width:340px; border-right:1px solid #acc0da; padding:0 40px 0 0; margin-right:55px;}
.col-right {float:left; width:340px;}


/* Post */
#main h2.entry-title a {color:#819CBF; text-decoration:none;}
#main h2.entry-title a:hover {text-decoration:underline;}

h2 p.serif {font-size:12px; margin:0;}

/* Index Box */
blockquote.main-box {margin:0 0 20px 40px; padding:20px 20px 10px 30px; width:465px; background:#edf0f3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
blockquote.main-box h2 {margin-top:5px; font-size:1.4em;}
.blockquote.main-box h2.first {margin-top:0;}

/* Sidebar */
.sidebar {float:right; margin:0 0 2em 50px; width:300px;}
.sidebar p {clear:right; float:right; width:220px; margin:0; padding:0; text-align:right; font-style:italic; color:#888;}
.sidebar img {display:block; float:right; margin-bottom:10px;}


/* Box */
.box {float:right; margin-left:30px; padding:15px 20px 0 20px; width:200px; background:#ccd9e9; -webkit-border-radius:5px; -moz-border-radius:5px;}
#main .box ul {padding-bottom:25px; margin:0;}
.box h3 {margin-bottom:1em; padding-bottom:5px; border-bottom:1px solid #acc0da; color:#819cbf; }
.downloads a {background:url(/img/website/pdf.gif) center left no-repeat; padding:3px 0 0 20px; text-decoration:none;}


/* Link Styling */
#main a:link, #main a:visited, #main a:active {color:#666;}
#main a:hover {color:#444;}
a.link {background:url(/img/website/bullet.png) center left no-repeat; padding-left:12px;}


/* Styling Team */
.team {position:relative; float:left; width:250px; margin:0 22px 20px 0; border:1px solid #d8e4ec; color:#555; line-height:1.3em;}
.team img {display:block;}
.no-border {border:1px solid #fff;}
.team .address {text-align:right; padding:30px 20px 0 0; line-height:1.4em;}
.team .address p {margin-bottom:.6em;}
.country {font-size:.9em; text-transform:uppercase;}
#main .team .address a {text-decoration:underline;}
#main .last {margin-right:0;}
.team .inner {padding:4px 5px 2px 5px; text-align:right; background:#fff; position:absolute; bottom:0; right:0; z-index:2; opacity:.75; filter: alpha(opacity = 75); width:240px;}
.team p {padding:0; margin:0;}
.team h3 {margin:0; line-height:1.1em; color:#555;}
.team h3 span {font-weight:normal; font-size:.9em;}
#main .team a {color:#555; text-decoration:none;}


/* Teaser */
.teaser {position:relative; float:left; width:240px; margin-top:2em; padding:0 19px 25px 19px; color:#555; border-right:1px solid #acc0da;}
.teaser h2 {margin:0 0 .5em;}
.last-teaser {margin-right:0; padding-right:0; border:0;}
.first-teaser {padding-left:0;}
.link {position:absolute; bottom:0; left:19px; margin-bottom:.25em;}
.first-teaser .link {left:0;}

/* Styling Firmen Geschichte */
.geschichte table td {padding-bottom:4px;}
.geschichte h1 {border-bottom:none; margin:0; padding:0;}
.geschichte h2 {font-size:1.6em; line-height:1em; margin-bottom:.4em; font-family:Lucida Grande, Helvetica, Arial, sans-serif; color:#819cbf;}


/* Styling Überschriften */
h1 {font-size:2em; margin-bottom:1.5em; padding-bottom:5px; font-family:Lucida Grande, Helvetica, Arial, sans-serif; color:#819cbf; border-bottom:1px solid #acc0da; text-transform:uppercase;}
h2 {margin:1.7em 0 .75em; font:1.5em/1.4em "Lucida Grande", Arial, Helvetica, sans-serif; color:#819cbf;}
h3 {font:bold 1.1em Helvetica, Arial, sans-serif; color:#4e5052;}
h4 {margin:0 0 20px 0; font:bold 1em/1.4em "Lucida Grande", Arial, Helvetica, sans-serif;}
h4 small {display:block; font:1em/1.4em Helvetica, Arial, sans-serif;}




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

#footer {clear:both; margin:0 5px; padding:30px; width:800px; border-top:1px solid #a1abb8; background:#ccd9e9; font:0.85em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif; color:#858c96; overflow:auto;}
#footer ul {float:left; width:620px;}
#footer li {float:left; padding:22px 1.25em 0 0;}

#footer .logo {float:right; width:170px; text-align:right;}
#footer .logo img {display:block; float:right; margin-bottom:5px;}
#footer .logo a:link, #footer .logo a:visited, #footer .logo a:active {font-weight:normal;}
#footer .logo a:hover {color:#858c96;}
#footer a:link, #footer a:visited, #footer a:active {color:#666; text-decoration:none; font-weight:bold;}
#footer a:hover {color:#819cbf;}




/* Formular 
--------------------------------------------------------------------------------------- */

form table.formular strong {color:#747474;}
table.formular td {padding:2px 0;}
fieldset { margin:0; padding:0; border:none;}

fieldset.right { margin:100px 0 0 0; float:right;}
fieldset.paketdaten {width:700px;}

legend {padding:3em 0 0.5em 0; font-weight:bold; font-size:1em;}

input, textarea {font-family:Helvetica, Arial, sans-serif; width:250px; border:1px solid #aecadc; padding:3px; font-size:1em; background:#fff; color:#555;} 
input:focus, textarea:focus {border:1px solid #97afbe;}
.bemerkungen textarea {overflow:auto; font-size:1em; width:400px;}
.button input { border:none; font-weight:bold; color:#222; background:d7dce3; padding:4px 0; width:150px; cursor:pointer;}

.paketdaten label {width:260px;}
.paketdaten input {width:50px;}

input.submit-button {width:auto; padding:5px 20px;font-weight:bold; color:#576a80; background:#ccd9e9; -webkit-border-radius:5px; -moz-border-radius:5px; cursor:pointer;}

form h2 {font-size:1.2em;}

input.error, select.error {border:1px solid red;}