* {padding: 0;margin: 0;}
body{ background: #C0D8F0;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-size: 12px;
      padding: 0;
      margin: 0;
      color: #555;
      line-height: 20px;}
img { border: none; }
a { text-decoration: none; color: #3090F0; }
a:hover { color: #333; }
h3 { border-bottom: 1px dotted #ccc; color: #d89741; padding: 10px 0 2px 0;}
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848; }
h1{ font-size: 1.5em; margin-bottom: 0.2em;}

/* IE 6 fix */
body{ text-align: center; }
body *{ text-align: left; }

#wrap{ margin: 0 auto; 
       width: 980px; 
       background: url(/images/background.gif) top center repeat-y; }

#header { background: #c0d8f0; height: 100px; }
#header h1 { text-transform: uppercase; padding: 25px 0 0 30px; font-size: 40px; font-weight: 120; letter-spacing: -2px; }
#header h1 { padding: 10px 0 0 30px; color: #87b3d4;}
#header h1 a { color: #3090F0; }
#header h1 a:hover { color: #333; }
#header h2 { padding: 0 0 0 30px; font-size: 19px; color: #d89741; font-weight: 100; }
#menu {background: #C0D8F0 url(/images/menu-bar.gif) no-repeat;height: 40px;line-height: 40px;padding-left: 20px;}
#menu li {float:left;list-style-type:none;}
#menu li a {padding:0 10px;text-decoration:none;color: #fff;letter-spacing:-1px;font-weight: 100;font-size: 17px;}
#menu li a:hover {color: #fff;text-decoration: underline; }
#content { padding: 10px; }
#content { min-height: 320px; }
#left{ float: left; width: 0px; }
#left li { list-style-type: none; padding-left: 10px; }
#left h2 {margin-left: 10px; padding: 5px 0 5px 10px; font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;color: #fff;background: #EEF0F1 url(/images/side-background.gif) repeat-x;	border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#left .box {border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 10px 10px;	padding: 5px 0 10px 0;}
#right { float: right; width: 940px; margin-right: 10px; }

.contentleft {float: left; width : 600px; padding: 10px 20px;}
.contentleft h2 {padding: 5px 0 5px 10px; font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;color: #fff;background: #EEF0F1 url(/images/side-background.gif) repeat-x;	border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-top: 1em;}
/* Neu */
.contentleft { text-align: justify; }
.contentleft ul, .contentleft ol { padding: 1em 0em 1em 2em; }
/* Neu */
.contentleftbox {border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 10px 0;	padding: 0 10px 10px 10px;text-align: justify;}
.contentright {float: right;width: 250px; padding: 30px 20px;}
.contentright h2 {padding: 5px 0 5px 10px; font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;color: #fff;background: #EEF0F1 url(/images/side-background.gif) repeat-x;	border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.contentrightbox {border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 10px 0;	padding: 10px;text-align: justify;}

#footer {height: 40px;line-height: 40px;background: #C0D8F0 url(/images/footer-bar.gif) no-repeat;color: #fff;text-align: center;}
#footer a { color: #fff; }
#footer a:hover { color: #333; }


/* layout content */
table { width: 100%; }
form *{ display: block; }
form { margin: 1em 0; padding: 1em; border: 1px solid #444; }
#content p, #content li { text-align: justify; }
/* menu > form exceptions */
#menu form, .contentleftbox form{ margin: 0; padding: 0; border-style: none; float: right; margin-right: 20px; }
#menu form *, .contentleftbox form *{ display: inline; }
/* .contentrightbox > form exception */
.contentrightbox form{ margin: 0; border-style: none;}
/* error and message fields */
#ok, #error, #jserror, #cookieerror, div.error{ border-width: 1px;
                                     border-style: solid; 
                                     padding: 0.3em;
                                     margin: 2px 0; }
#ok{ color: green; }
#error, #jserror, #cookieerror, div.error{ color: red; }

/* die Pluszeichen und Minuszeichen besser anordnen */
h2 a img{ vertical-align: text-bottom; }
.contentleftbox img{ vertical-align: text-bottom; }
form a, form a img{ display: inline; }

#address_adder *, #addresses div *{ display: inline; vertical-align: middle; }

/* Tabelle fuer Konditionen */
table.konditionen{ border-spacing: 0.4em; width: 80%; margin: 1em auto; background-color: #ddd; }
table.konditionen td{ text-align: center; background-color: white; border: 1px solid #555; }