body, html { color: #666; font-size: 10px; font-family: tahoma, verdana; background-color: white; height: 100%; min-height: 100%; margin: 0; padding: 0; }

p {}

td {}

a:link { color: #3a88a9 }

a:visited { color: purple }

a:hover { color: purple }

a:active { color: red }

#wrapper { position: relative; width: 780px; min-height: 100%; margin-top: 15px; margin-right: auto; margin-left: auto; }

/* Tryout */
/* body.subpage div#wrapper, body#home div#wrapper { position: relative; width: 780px; height: auto; margin-top: 15px; margin-right: auto; margin-left: auto; } */

/* Basic Divs für Startseite */

#header { background-image: url(../images/01_home_01.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 780px; height: 207px; }
#leftbar { background-image: url(../images/01_home_02.gif); position: absolute; top: 207px; left: 0; width: 190px; height: 550px; margin: 0; padding: 0; }
#centerbar { background-image: url(../images/01_home_03.jpg); position: absolute; top: 207px; left: 190px; width: 313px; height: 550px; }
#rightbar { background-image: url(../images/01_home_04.jpg); position: absolute; top: 207px; left: 503px; width: 277px; height: 550px; }
#footer { background-image: url(../images/01_home_05.jpg); position: absolute; top: 757px; left: 0; width: 780px; height: 43px; }
#rb1 { position: absolute; top: 35px; margin-bottom: 0; padding: 0; }
#rb2 { position: absolute; top: 175px; margin-bottom: 0; padding: 0;  }
#rb3 { position: absolute; top: 310px; margin-bottom: 0; padding: 0; }



/* Overrides für FF */
div#rightbar>div#rb1 { position: absolute; top: 25px; margin-bottom: 0; padding: 0; }
div#rightbar>div#rb2 { position: absolute; top: 165px; margin-bottom: 0; padding: 0;  }
div#rightbar>div#rb3 { position: absolute; top: 300px; margin-bottom: 0; padding: 0; }


/* Backgrounds für Subseiten */
body.subpage div#centerbar { background-image: url(../images/01_sub_03.gif); background-repeat: no-repeat; }
body.subpage div#rightbar { background-image: url(../images/01_sub_04.gif); background-repeat: no-repeat; }
body.subpage div#footer { background-image: url(../images/01_home_05_old.gif); background-repeat: no-repeat; }
/* BG und Basic DIv Overrides für Sub-Sub Seiten */
body.subsubpage div#wrapper { background-image: url(../images/02_contentpage_04.gif); background-repeat: repeat-y; width: 780px; margin-top: 15px; margin-right: auto; margin-left: auto; }
body.subsubpage div#header { background-image: url(../images/02_contentpage_01.gif); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 780px; height: 207px; float: left; }
body.subsubpage div#leftbar { background-image: url(../images/02_contentpage_02.gif); background-repeat: no-repeat; position: relative; top: 0; left: 0; float: left; }
body.subsubpage div#centerbar { background-image: url(../images/02_contentpage_03.gif); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 590px; height: auto; float: left; }
body.subsubpage div#rightbar { background-image: none; position: relative; top: 0; left: 0; width: 0; visibility: hidden; float: left; }
body.subsubpage div#footer { background-image: url(../images/02_contentpage_07.gif); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 780px; height: 43px; float: left; }
body.subsubpage div#prefooter { background-image: url(../images/02_contentpage_06.gif); background-repeat: no-repeat; width: 590px; height: 55px; }

/* Overrides für FF absolute Höhe */
html>body#tourism_sub div#wrapper { height: 1500px; }
html>body#history_sub div#wrapper { height: 980px; }
html>body#sponsorship_sub div#wrapper { height: 1830px; }
html>body#usesandgoals_sub div#wrapper { height: 1000px; }
html>body#howitworks_sub div#wrapper { height: 1340px; }
html>body#whoweare_sub div#wrapper { height: 870px; }
html>body#contact div#wrapper { height: 830px; }
html>body#company div#wrapper { height: 850px; }
/* Leftbar Navigation */
#lb1 { position: absolute; top: 160px; padding-left: 20px; }
#lb2 { position: absolute; top: 375px; padding-right: 30px; padding-left: 20px; }
#lb3 { position: absolute; top: 525px; padding-right: 30px; padding-left: 20px; }
#menu { padding-left: 17px; }


ul.navigation { color: #666; font-size: 10px; font-weight: bold; margin: 0 0 0 0; padding-top: 0; padding-right: 0; padding-left: 0; }
ul.navigation li { font-size: 10px; background-image: url(../images/menuarrow.gif); background-repeat: no-repeat; background-position: left center; height: 17px; margin-bottom: 7px; margin-left: 0; padding-left: 30px; list-style: none; white-space: normal; }
ul.navigation li a:link { color: #666; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li a:visited { color: #666; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li a:hover { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li a:active { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }

ul.navigation li.current a:link { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li.current a:visited { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li.current a:hover { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.navigation li.current a:active { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }


p.lbtext { font-size: 10px; line-height: 12px; margin-top: 0; padding-top: 0; padding-right: 10px; }
.orange { color: #cf6c00; font-weight: bold; }

/* Rightbarsyles */
img.readmore { float: right; padding-right: 10px; }
ul.rblist { color: #666; font-size: 10px; margin: 0; padding: 0 0 0 22px; }
ul.rblist li { font-size: 10px; line-height: 120%; margin: 0; padding: 0; list-style-type: disc; list-style-position: outside; display: list-item; white-space: normal; }

div#rightbar img#map1 { position: absolute; top: 75px; left: 15px; }
div#rightbar img#map2 { position: absolute; top: 280px; left: 15px; }

/* Centerbar Styles */
div#centerbar p.cbtext { color: #407692; font-size: 12px; font-weight: bold; margin-top: 100px; padding-right: 45px; padding-left: 15px; }
body.subpage div#centerbar p.cbtext { color: #407692; font-size: 12px; font-weight: bold; margin-top: 0; padding-right: 45px; padding-left: 15px; }
body#sponsorship div#centerbar p.cbtext { color: #407692; font-size: 11px; font-weight: bold; margin-top: 0; padding-right: 45px; padding-left: 15px; }
body#usesandgoals div#centerbar p.cbtext { padding-right: 30px; }
body.subsubpage div#centerbar p.cbtext { color: #407692; font-size: 12px; font-weight: bold; margin-top: 0; padding-right: 200px; padding-left: 15px; }
#passport { position: absolute; top: 230px; left: 15px; width: 270px; height: 300px; border-width: 0; }
div#centerbar div#cb1 { margin-top: 45px; padding-left: 15px; }
body.subsubpage div#centerbar div#cb1 { font-size: 11px; margin-top: 0; padding-right: 215px; padding-left: 15px; }
div#centerbar div#cb1 p.first { font-size: 11px; padding-right: 50px; }
div#centerbar div#cb1 p.second { font-size: 11px; padding-right: 80px; }
body#contact div#cb1 a { margin-top: 0; padding-top: 0; padding-left: 30px; }
ul.cblist { margin: 0; padding-right: 85px; padding-left: 15px; }
ul.cblist li {}

/* Headerstyles */
h1 { color: #407692; font-size: 18px; margin-top: 15px; padding-left: 15px; }
body#home h1 {display:none }
h2 { color: #3f3f3f; font-size: 11px; line-height: 200%; background-image: url(../images/headerarrow.gif); background-repeat: no-repeat; background-position: 0 center; clear: both; padding-left: 30px; }
h3 { color: #cf6c00; font-size: 10px; font-weight: bold; line-height: 150%; background-image: url(../images/headerarroworange.gif); background-repeat: no-repeat; background-position: 0 -3px; clear: left; padding-left: 25px; }
h4 { color: #333; font-size: 11px; font-weight: bold; line-height: 150%; background-image: url(../images/headerarrow.gif); background-repeat: no-repeat; background-position: -5px -3px; clear: left; padding-left: 25px; }
.white { color: #fff; }


/* Footerstyles */
div#footer p.copyright { font-size: 9px; float: left; margin-top: 15px; padding-left: 20px; }
ul.bottomnav { float: right; margin-top: 15px; padding-right: 10px; }
ul.bottomnav li { padding-left: 5px; border-left: 1px solid #666; display: inline; }

ul.bottomnav li a:link { color: #666; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.bottomnav li a:visited { color: #666; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.bottomnav li a:hover { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }
ul.bottomnav li a:active { color: #cf6c00; font-size: 10px; font-weight: bold; text-decoration: none; }


/* Checkboxfield Styles */
div.checkboxfield input { vertical-align: middle; width: 30px; float: left; display: block; }
div.checkboxfield { vertical-align: top; width: 350px; float: left; clear: left; margin-bottom: 10px; display: block; }
div.checkboxfield label { width: 310px; float: left; margin-top: 3px; display: block; }

