/* CSS styles for www.wappes.org
Author: Rafael Schiel
Version: 01.10.06 */


body, div, table, th, td, p, h1, h2, h3, h4, h5, h6, ol, ul, li, hr, img  {margin:0px; padding:0px; border:0px;}

body {font-family: helvetica, arial, sans-serif;}
.skip {position:absolute; width:1px; height:1px; overflow:hidden;}

/* Themes */
.wappes {background:url(images/wappes-pattern.gif) fixed center;}
.wappes .main {color:#000000; background-color:#009900; border-color:#003300;}
.wappes .header {background:url(images/wappes-header.jpg) no-repeat; z-index:1;}
.wappes .footer, .wappes .footer a {color:#ffffff; background-color:#003300;}
.wappes .left-navigation li a {color:#ffffff; background-color:#009900;}
.wappes .left-navigation li a:hover , .wappes .left-navigation li strong a {background-color:#ccffcc; color:#003300; border-color:#003300;}
.wappes .top-navigation a {background-color:#ccffcc; color:#003300;}
.wappes .content {background-color:#ccffcc; color:#000000;}
.wappes .content p.in {color:#000000; background-color:#ccffcc;}
.wappes .content p.quote {color:#666666; background-color:#ccffcc;}
.wappes .content h1, .wappes .content h2, .wappes .content h3, .wappes .content h4 {color:#003300; background-color:#ccffcc;}
.wappes .content a {color:#009900; background-color:#ccffcc;}
.wappes .content a:hover {color:#003300; background-color:#ccffcc;}
.wappes .content table {border:3px double #003300;}
.wappes .content td {border:1px solid #003300;}

.projekt {background:url(images/projekt-pattern.gif) fixed center;}
.projekt .main {color:#ffffff; background-color:#3333ff; border-color:#000033;}
.projekt .header {background:url(images/projekt-header.jpg) no-repeat; z-index:1;}
.projekt .footer, .projekt .footer a {color:#ffffff; background-color:#000033;}
.projekt .left-navigation li a {color:#ffffff; background-color:#3333ff;}
.projekt .left-navigation li a:hover , .projekt .left-navigation li strong a {background-color:#ccccff; color:#000033; border-color:#000033;}
.projekt .top-navigation a {background-color:#ccccff; color:#000033;}
.projekt .content {background-color:#ccccff; color:#000000;}
.projekt .content p.in {color:#000000; background-color:#ccccff;}
.projekt .content p.quote {color:#666666; background-color:#ccccff;}
.projekt .content h1, .projekt .content h2, .projekt .content h3, .projekt .content h4 {color:#000033; background-color:#ccccff;}
.projekt .content a {color:#3333ff; background-color:#ccccff;}
.projekt .content a:hover {color:#000033; background-color:#ccccff;}
.projekt .content table {border:3px double #000033;}
.projekt .content td {border:1px solid #000033;}

.senegal {background:url(images/senegal-pattern.gif) fixed center;}
.senegal .main {color:#ffffff; background-color:#cc3300; border-color:#330000;}
.senegal .header {background:url(images/senegal-header.jpg) no-repeat; z-index:1;}
.senegal .footer, .senegal .footer a {color:#ffffff; background-color:#330000;}
.senegal .left-navigation li a {color:#ffffff; background-color:#cc3300;}
.senegal .left-navigation li a:hover , .senegal .left-navigation li strong a {background-color:#ffcc99; color:#330000; border-color:#330000;}
.senegal .top-navigation a {background-color:#ffcc99; color:#330000;}
.senegal .content {background-color:#ffcc99; color:#000000;}
.senegal .content p.in {color:#000000; background-color:#ffcc99;}
.senegal .content p.quote {color:#666666; background-color:#ffcc99;}
.senegal .content a {color:#3333ff; background-color:#ffcc99;}
.senegal .content h1, .senegal .content h2, .senegal .content h3, .senegal .content h4, .senegal .content a {color:#330000; background-color:#ffcc99;}
.senegal .content a:hover {color:#cc3300; background-color:#ffcc99;}
.senegal .content table {border:3px double #cc3300;}
.senegal .content td {border:1px solid #cc3300;}

/* Spalten */
.colmain {width:780px; float:left;}
.colcont {width:618px; float:left;}
.colnav {width:150px; float:left;}
.colmap {width:660px; float:left; padding: 2px 60px 2px 60px; }


/* Hintergrund & Header */
.main {width:780px; position:absolute; left:50%; margin-left:-390px;  border:2px ridge; padding:0px 1px 0px 1px;}
.header {font-size:70%}
.logo {position:absolute; left:30px; margin:25px 0px 0px 0px;}


/* Navigation */
.navigation {padding-top:165px; padding-left:163px; height:35px; overflow:hidden;}
.navigation ul {width:450px; height:35px; background-image:url(images/navigation.gif); background:url(images/navigation.gif) no-repeat;}
.navigation li {list-style:none;}
.navigation a {position:absolute; top:165px; background:url(images/navigation-hover.gif) no-repeat 0px -35px; width:136px; height:35px; overflow:hidden; text-indent:-500px; text-decoration:none;}
.navigation a.tab-1 {left:164px;}
.navigation a.tab-2 {left:320px;}
.navigation a.tab-3 {left:477px;}
.navigation a.tab-1:hover, .navigation strong a.tab-1 {background-position: 0px 0px;}
.navigation a.tab-2:hover, .navigation strong a.tab-2 {background-position:-156px 0px;}
.navigation a.tab-3:hover, .navigation strong a.tab-3 {background-position:-313px 0px;}

.navigation-index {padding-top:165px; padding-left:163px; height:35px; overflow:hidden;}
.navigation-index ul {width:450px; height:35px; background-image:url(images/navigation.gif); background:url(images/navigation.gif) no-repeat;}
.navigation-index li {list-style:none;}
.navigation-index p {position:absolute; top:165px; background:url(images/navigation-hover.gif) no-repeat 0px -35px; width:136px; height:35px; overflow:hidden; text-indent:-500px; text-decoration:none;}
.navigation-index p.tab-1 {left:164px;}
.navigation-index p.tab-2 {left:320px;}
.navigation-index p.tab-3 {left:477px;}

.top-navigation {position:absolute; top:0px; height:21px; width:778px; padding:0px 3px 0px 0px; margin:0px 2px 0px 0px;}
.top-navigation ul {float:right;}
.top-navigation li {float:left; list-style:none; border:1px; border-color:#ffffff; border-left-style: dashed; border-right-style:dashed; border-bottom-style:dashed;}
.top-navigation a {float:left; height:21px; padding:0px 5px 0px 5px; text-decoration:none; line-height:21px;}
.top-navigation a:hover, .top-navigation stong a {color:#000000; background:#ffffff;}

.left-navigation {padding:15px 0px 0px 10px;}
.left-navigation ul {font-size:70%; margin:0px 0px 10px 0px; padding:0px 0px 2px 0px; background:url(images/white-dot.gif) repeat-x left bottom; float:left;}
.left-navigation li {list-style:none; display:inline;}
.left-navigation li a {width:148px; font-weight:bold; display:block; border:2px; border-color:#ffffff; border-bottom-style:dotted; padding:2px; text-decoration:none;}

/* Content */
.content {margin:1px 1px 2px 1px; padding:10px 0px 10px 10px; }
.content {font-size:80%;}
.content .summary {font-weight:bold;}
.content h1 {font-size:150%; padding:20px 10px 15px 2px;}
.content h2 {font-size:130%; padding:10px 10px 15px 2px;}
.content h3 {font-size:115%; padding:5px 10px 15px 2px;}
.content h4 {font-size:100%; padding:2px 10px 15px 2px;}
.content p {padding:0px 10px 10px 0px; text-align:justify; }
.content p.in {font-style:italic; }
.content p.quote {font-size:95%;}
.content p.autor {padding-left:10px; font-size:95%; position:relative; top:-10px; }
.content img {margin: 10px 0px 20px 20px; border-color:#000000; border-style:dashed; border:1px;}
.content img.left {float:left; margin:2px 10px 10px 0px; height:150px;}
.content img.leftland {float:left; margin:2px 10px 10px 0px; width:150px;}
.content img.leftnoborder {float:left; margin:2px 10px 10px 0px; height:150px; border-style:none;}
.content img.right {float:right; margin:2px 10px 10px 10px; height:150px; }
.content img.rightland {float:right; margin:2px 10px 10px 10px; width:150px; }
.content img.rightnoborder {float:right; margin:2px 10px 10px 10px; height:150px; border-style:none;}
.content a {text-decoration:underline;}
.content a:hover {text-decoration:overline underline;}
.content table {margin: 10px 0px 20px 20px; width:525px;}
.content th {padding:5px 5px 5px 5px; text-align:left;}
.content td {padding:5px 5px 0px 5px; vertical-align:middle;}
.content ul {padding:2px 10px 10px 30px;}
.content ol {padding:2px 10px 10px 30px;}
.content ol li {list-style:decimal;}
.content ol ol li {list-style:lower-roman;}
.content ul li {list-style:disc;}
.content ul ul li {list-style:circle;}

/* Site Map */

.karte {background-color:#ccffcc; color:#000000; height:345px;}
.karte h2 {padding-left:15px; padding-top:15px; color:#003300; background-color:#ccffcc;}
.karte h2.ip {padding-left:15px; padding-top:15px; color:#003300; background-color:#cccc99;}
.karte h3 {padding: 2px 15px 15px 2px; color:#003300; background-color:#ccffcc; text-align:center;}
.karte h3.left {float:left;}
.karte h3.right {float:right;}
.karte p.center {text-align:center;}
.karte p {padding-left:10px; text-align:justify; }
.karte a {text-decoration:none; color:#006600; background-color:#ccffcc;}
.karte a:hover {text-decoration:underline; color:#003300; background-color:#ccffcc;}
.karte img {padding-left:10px; }
.karte img.left {float:left; margin:2px 10px 10px 0px; }
.karte img.center {width:200px; overflow:hidden; text-align:center;}
.karte table {margin: 10px 10px 10px 10px; width:640px;}
.karte td {vertical-align:top; width:180px; padding-left:10px; border-color:#003300; border-style:solid; border-width:1px;}
.karte td.ip {background-color:#cccc99; color:#000000;}
.karte ul {padding:10px 30px 20px 50px;}
.karte ul.right {float:right;}
.karte li.ins {list-style:none; position:relative; top:-15px;}
.karte ol {padding:2px 10px 10px 30px;}
.karte ol li {list-style:decimal;}
.karte ol ol li {list-style:lower-roman;}
.karte ul li {list-style:disc;}
.karte ul ul li {list-style:circle;}



/* Footer */
.footer {font-size:80%;  color:#ffffff; background-color:#000000; text-align:center; padding:5px 0px 5px 0px;}
.footer strong {font-weight:bold;}
.footer a {text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer img {position:relative; top:5px;}