body {font:80% "Lucida Grande",Tahoma,"Bitstream Vera Sans",sans-serif; background:#285395 url('page-background.png') top repeat-x; padding:0; margin:0 auto; color:#a6b9d0; line-height:1.4em; min-width:980px;}

a {color:#eee; text-decoration:none; border-bottom:1px solid #7093c2;}
a:hover {color:#fff; text-decoration:underline; border:0;}
h1 a, h2 a, h3 a, h4 a {border:0;}

blockquote {border-left:4px solid #4687e7; margin:1em 0; padding-left:10px;}
img, iframe {border:2px solid #8ba9d7;}

hr {border:0; border-top:2px dotted #4687e7; margin-top:2em; clear:left;}
hr.spacer{clear:both; margin:2em 0;}
hr.hidden{border:1px solid #285395;}

table {width:100%; margin: 1em 0 2.5em 0;}
table th, table td {width:50%; padding:0 10px;}
table th {text-align:right;}
table td {text-align:left;}

form textarea, form input {width:300px;}
form fieldset {margin:.5em 0; border:1px solid #7093c2;}
form label {text-align:right; width:150px; float:left; padding:0 10px;}
form ul li {list-style:none; margin:0; padding:5px; display:block; padding-left:130px;}
form ul input {width:1em;}
form ul label {float:none;}
form .errorlist {margin:0; color:#FFBE33; padding-top:10px; padding-bottom:0px;}
form .required label {color:#fff;}
form .submit {padding-left:180px; width:350px; clear:both;}
form .submit input {width:140pxpx;}
form .help-text {font-size:.9em; display:block; padding: 0 0 1em 170px;}

/*
form textarea, form input {width:300px;}
form fieldset {margin:.5em 0; border:1px solid #}
form .field-wrapper {clear: left;}
form .field-wrapper label {float: left; width:150px; padding: 0 10px; text-align:right;}
form .field-wrapper .errorlist {padding:0;}
form .field-wrapper .errorlist li {border: 1px solid #fff; list-style:none; margin:0; padding:5px;}
form .submit {padding-left:180px;}
form .submit input {width: 150px;}
*/

.container {clear:both; color:#adc9ea; width:980px; margin:0 auto;}
.column, .first, .last {margin:0;}
.container img {float:left; margin:0 1em 1em 0;}

/* === Header === */
#header {background:#4687e7 url('header-background.png') repeat-x bottom; padding:0; margin:30px 0 0 0; border-top:1px solid #afcfff; height:130px;}
#header a {display:block; border:0; width:100%; margin:0 auto; padding:0; background:url('header-logo.png') right no-repeat;}
#header .logo {display:block; width:980px; margin:0 auto; padding:0;}
#header img {border:0;}

/* === Navigation === */
#navigation {background:#4687e7 url('navigation-background.png'); border-bottom:1px solid #1c5ba8; margin-bottom:2em;}
#navigation ul {margin:0 auto; height:15px; padding:10px 0; width:980px;}
#main-nav li {display: inline; list-style:none; margin:0 10px;}
#main-nav a {color:#15447e; text-decoration:none; border:0;}
#main-nav a:hover {color:#fff;}

#userinfo p {margin:0; padding:0; padding:10px;}

/* === Footer ===*/
#footer {margin:0; padding:10px; color:#6d9bd5; width:980px; margin:0 auto; }
#footer p {padding:10px;}

/* === Three Column Layout === */
.three-col div {border:1px solid #285395; padding:0;}
.three-col .first, .three-col .last {width:305px;}
.three-col .first {float:left;}
.three-col .last {float:right;}
.three-col .column {margin:1em 326px;}

/* === Wide Left Column Layout === */
.wide-left-col div {border:1px solid #285395; padding:0 10px;}
.wide-left-col .last {width:305px; float:right;}
.wide-left-col .column {margin:1em 326px 1em 0;}

/* === Wide Right Column Layout === */
.wide-right-col div {border:1px dashed #285395; padding:0 10px;}
.wide-right-col .first {width:305px; float:left;}
.wide-right-col .column {margin:1em 0 1em 326px;}

/* === Two Column Layout === */
.two-col div {border:1px dashed #285395; padding:0 10px;}
.two-col .first {width:469px; float:right;}
.two-col .last {margin:1em 490px 1em 0;}

/* === Section Highlights=== */
body.nachrichten #main-nav .nachrichten a {color:#fff;}
body.fahrschule #main-nav .fahrschule a {color:#fff;}
body.unterricht-und-preise #main-nav .unterricht-und-preise a {color:#fff;}
body.lernsysteme #main-nav .lernsysteme a {color:#fff;}
body.sicherheitstraining #main-nav .sicherheitstraining a {color:#fff;}
body.bilder-und-videos #main-nav .bilder-und-videos a {color:#fff;}
body.lesezeichen #main-nav .lesezeichen a {color:#fff;}

/* === Special Classes === */

div.highlight {padding:0; border:0;}
ul.highlight, .highlight ul {background:#7093c2; list-style:none; padding:0; margin:0; border:0;}
.highlight li {margin-top:1px; padding:0; display:block; border-top:1px solid #285395;}
.highlight a {display:block; padding:10px; display:block; border:0;}
.highlight a:hover {text-decoration:none; background:#a8c6ee; color:#333;}

div.box {padding:5px; border:0; margin:5px 0;}
div.box h2 {padding:0; border:0; margin:.3em 0;}
div.note, div.story, div.bookmark, div.event {border-bottom:2px dotted #5E8CBD;}
div.bookmark a {font-weight:bold;}
div.event h3 {margin-bottom:-.5em; padding:0; font-weight:normal;}
p.picture img {float:normal;}