/* 	CSS für ABC-Projektwebsite 
	Copyright: Tim Seidler, 2007 */

/* Generelle Festlegungen */
* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

/* Schriftgrößen, Formatierungen, Zeilen, Abstände */
body { font-size: 75%; color: #444444; } /* Generelle Schrift: 10px dunkelgrau */
p, h1, h2, h3, ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0; padding: 0; }
h1 { font-size: 120%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; color: #ff0000; font-weight: bold; }
a { text-decoration: none; color: #0099cc; }
a:hover { color: #ff0000; }
table { width: 100%; border-top: 1px solid #CCCCCC; margin: 1em 0 2em 0; }
.partnertd { border: 0; padding: 0; margin: 0; }
.partner { border: 0; padding: 0; margin: 0 0 1em -3px; width: 215px; height: 215px; }
td { padding: 0.5em 0 0.5em 0; border-bottom: 1px solid #CCCCCC; }
.newsletter { border: 0; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; padding: 3px; }
.button { cursor: pointer; background-color: #EEE;  }

/* Boxen */
#start { width: 600px; margin: auto; margin-top: 30px; text-align: center; }
#screens { margin-top: 30px; }
#rahmen { width: 80%; margin: auto; margin-top: 1em; }
#header { width: auto; }
#navigation { width: auto; }
#flaggen { float: right; margin: 5px 0 0 0; }
#main { width: auto; clear: both; margin: 0; padding: 1em 0 1em 1em; }
#menu { width: 18em; float: left; margin:0 0 1em 0; padding: 0; }
#content { width: auto; margin-left: 20em; padding: 0; }
#footer { width: auto; clear: both; margin-top: -1em; border-top: 1px solid #CCCCCC; padding: 1em; }

/* Startlinks */
#start { width: 100%; list-style-type: none; overflow: hidden; }
#start ul, #start li { display: inline; margin: 0; padding: 0; }
#start ul li { border-right: 1px #0099CC dotted; }
#start li.last { margin: 0; border: 0; }
#start ul li a { padding: 0.4em 1em 0.4em 1em; }

/* Navigation */
#navigation ul { list-style-type: none; display: inline; margin: 0; background: #CCCCCC; }
#navigation ul a { display: block; width: auto; }
#navigation ul li { float: left; border-right: 1px solid #0099CC; }
#navigation ul li.active { color: #ff0000; }
#navigation ul li.last { border: 0; }
#navigation ul li a { padding: 0.5em 1em 0.5em 1em; }

/* Seitenmenü */
#menu ul li { display: block; list-style-type: none; margin: 0; padding: 0; }
#menu ul li.active { color: #ff0000; }

/* Listen im Content */
#content ul { display: block; list-style-type: square; list-style-position: inside; margin: 0; font-style: normal; }

/* Clearen mit Overlow-Methode */
.clear { _overflow: hidden; }
* html .clear { height: 1% } /* IE-Hack */