#header { background-image: url(../grafiken/header.jpg); background-repeat: no-repeat; background-position: center 50%; width: 100%; height: 153px; z-index: 1; }
#text1 { position: relative; top: -20px; left: 50%; width: 960px; z-index: 2; margin-left: -480px; }
#box1 { width: 230px; float: left; margin-top: 15px; margin-right: 13px; padding-bottom: 5px; }
#box2 { width: 230px; float: left; margin-top: 15px; margin-right: 13px; padding-bottom: 5px; }
#box3 { width: 230px; float: left; margin-top: 15px; margin-right: 13px; padding-bottom: 5px; }
#box4 { width: 230px; float: left; margin-top: 15px; padding-bottom: 5px; }
#menue { position: absolute; left: 50%; width: 780px; z-index: 4; margin-top: 88px; margin-left: -520px; }
#hotline { background-image: url(../grafiken/hotline.jpg); position: absolute; top: 5px; left: 50%; width: 250px; height: 34px; z-index: 3; margin-left: -485px; }
#footer { background-image: url(../grafiken/footer.jpg); background-repeat: no-repeat; text-align: center; position: relative; left: 50%; width: 960px; height: 66px; float: left; margin-top: 10px; margin-left: -480px; padding-top: 10px; border-top: 1px dashed #1b3058; }
#boxlinks1 { width: 600px; float: left; margin-right: 10px; }
#boxrechts1 { width: 350px; float: left; }
#boxlinks2 { margin-right: 10px; width: 660px; float: left; }
#boxrechts2 { width: 280px; float: left; padding-top: 0; }
body { background-color: #cbbe96; background-image: url(../grafiken/hintergrund.jpg); background-repeat: repeat-y; background-position: center 50%; width: 100%; height: 100%; margin: auto; color: #1b3058; font-size: 12px; font-family: arial, verdana, sans-serif;}
p { color: #1b3058; font-size: 12px; font-family: arial, verdana, sans-serif; }
.textlink { color: #1b3058; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: normal; text-decoration: none; }
.textlink:link { color: #1b3058; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: normal; text-decoration: none; }
.textlink:hover { color: #1b3058; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: normal; text-decoration: underline; }
.fettrot { color: #f03; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; }
h1 { color: #1b3058; font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: bold; margin: 0.67em 0; }
h4 { color: #1b3058; font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: bold; margin: 0 0 0.67em; }
h2 { color: #1b3058; font-size: 13px; font-family: arial, verdana, sans-serif; font-weight: bold; width: 100%; margin: 0.67em 0 5px; border-bottom: 1px dashed #1b3058; }
h3 { color: #998034; font-size: 13px; font-family: arial, verdana, sans-serif; font-weight: bold; margin: 0; }
h5 { color: #998034; font-size: 13px; font-family: arial, verdana, sans-serif; font-weight: bold; width: 100%; margin: 0; border-bottom: 1px solid #273c52; }
.zelle { color: #0a1f6b; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../grafiken/start-tabelle.jpg); background-repeat: no-repeat; background-position: center 50%; text-align: center; width: 234px; height: 150px; }
.button { color: #cbbe96; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: bold; background-image: url(../grafiken/button-weiter-1.gif); background-repeat: no-repeat; text-decoration: none; text-indent: 23px; width: 138px; height: 33px; margin-left: 40px; padding-top: 4px; display: block; }
.button:link { color: #cbbe96; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../grafiken/button-weiter-1.gif); background-repeat: no-repeat; width: 138px; height: 33px; padding-top: 4px; }
.button:visited { color: #cbbe96; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../grafiken/button-weiter-1.gif); background-repeat: no-repeat; width: 138px; height: 33px; padding-top: 4px; }
.button:hover { color: #fff; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../grafiken/button-weiter-2.gif); background-repeat: no-repeat; width: 138px; height: 33px; padding-top: 4px; }
td {  }
.td { border: solid 1px #f4e7bd; }
.td-shirts { color: #fff; background-color: #ffffff; text-align: center; width: 100%; }
a { color: #967308; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: none; }
a:link { color: #967308; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: none; }
a:visited { color: #967308; font-size: 12px; font-family: arial, verdana, sans-serif; text-decoration: none; }
a:hover { color: #d9a812; font-size: 12px; font-family: arial, verdana, sans-serif; text-decoration: underline; }
.copy { color: #1b3058 !important; font-size: 12px !important; font-family: arial, verdana, sans-serif !important; font-weight: normal !important; text-decoration: none ! important; }
.copy:link { color: #1b3058 !important; font-size: 12px !important; font-family: arial, verdana, sans-serif !important; font-weight: normal !important; text-decoration: none ! important; }
.copy:hover { color: #1b3058 !important; font-size: 12px !important; font-family: arial, verdana, sans-serif !important; font-weight: normal !important; text-decoration: underline ! important; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }