/* Webdesign by IT & Werbe:medien Querbach 10/2008 */

/* Alle kritischen Werte instanziieren -- CSS Reset*/
* {
  		margin: 0;
  		padding: 0;
}

html, body {
        height: 100%;
        margin: 0;
}

body {
        text-align: center;
        background: url(../gfx/bg.jpg) repeat;
        color: #EBE30C;
}

table.groessen {
		/*border-collapse: collapse;*/
		border: none;
		width: 100%;
		font: normal 1.5em Verdana, Arial, Helvetica, sans-serif;
		text-align: center;		
}

/*IE BUG 80% von 80% 64%?
td, th {
  		f\ont-size: 100%;
}*/
		
body,table {
        font: normal 80% Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
         margin: 0;
         padding: 0;
         border: none;
}

img {
		border: none;
}

/*Containerpositionierung*/
/*Kopfbereich*/
#head {
        margin: 0 auto -6px auto;
        width: 960px;height:244px;
}

/*Umschließt Content und Navi Fauxcolumns*/
#main {
        margin: 0 auto 0 auto;
        width: 960px;
        text-align: left;
        background: url(../gfx/hg.gif) repeat-y;
}

/*Inhaltsbereich*/
#content {
        float: left;
		margin: 20px 0 0 80px;
        padding: 0;
        width: 610px;
}

/*Navigationsbereich*/
#Navi {
        float: left;
        width: 201px;
        background: url(../gfx/hg-navi.gif) no-repeat;
}

/*Navigationsauszeichnung*/
#Navi ul {
        margin: 20px 0 80px 0;
		padding: 0;
		list-style-type: none;
}

#Navi li {
        margin: 0;
		padding: 0;
		height: 28px;
		line-height: 28px;
}

#Navi a {
		display: block;
		margin: 0;
		padding: 0 0 0 40px;
		color: rgb(255,255,255);
		text-decoration: none;
}

#Navi a:hover {
		color: rgb(230,220,197);
		background: url(../gfx/niete.gif) no-repeat 10px 50%;
}

#Navi a:active {
		color: rgb(255,255,255);
		background: url(../gfx/niete.gif) no-repeat 10px 50%;
}

#Navi a:visited {
		color: rgb(255,255,255);
}

/*Für spätere Verwendung
#Navi a.FstOn {
		padding:0 0 0 40px;
		background:url(gfx/niete.gif) no-repeat 10px 50%
}

#Navi a.Snd {
		padding:0 0 0 60px;
}

#Navi a.SndOn {
		padding:0 0 0 60px;
		background:url('gfx/navi-aktiv.gif') no-repeat 30px 50%
}*/

/*Fusszeilenauszeichnungen*/
#Footer {
        margin: -6px auto 0 auto;
        width: 960px;height:48px;
        background: url(../gfx/hg-footer.gif) no-repeat;
}

#Footer ul {
		margin: 0 70px 0 0;
		padding: 0;
		list-style-type: none;
}

#Footer li {
		float: right;
		margin: 0;
		padding: 0 10px 0 10px;
		height: 48px;
		line-height: 48px
}

#Footer a {
		color: #055584;
		text-decoration: underline;
}

#Footer a:active {
		color: #055584;
}

#Footer a:visited {
		color: #055584;
}

#Footer a:hover {
		color: #055584;
}

/*Überschriften in der Hoffnung nicht mehr als 3 Ebenen zu benötigen :-) - Instanziierung aufheben*/
h1 {
		font-size: 1.3em;
		background-color: transparent;
		font-variant: small-caps;
		margin: 0 0 1.3em 0;
}

h2 {
		font-size: 1.2em;
		background-color: transparent;
		margin: 0 0 1.2em 0;
}

h3 {
		font-size: 1.1em;
		background-color: transparent;
		margin: 0 0 1.1em 0;
}



/*Rahmen um verlinkte Bilder entfernen - ausführlich für ältere OperaBrowser*/
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  		border: 0;
}

/*Links und Anker*/
/*before nur für FF*/
a[href^="http://"]:before {
		content: "\2197\00A0";
}

a {
		color:rgb(181,158,138);
		text-decoration:underline;
}

a:visited {
		color: rgb(181,158,138);
}

a:hover {
		color: rgb(255,255,255);
}

a:active {
		color: rgb(181,158,138);
}

p {
		margin:0 0 .8em;
}

/*Formular*/
input {
		display: block;
		float: left;
		width: 100px;
		background-image:url(../gfx/formbg.jpg);
}

input:focus, textarea:focus {
		background-color: #000066;
		background-image: none;
		color: #FFFF00;
}

form br {
		clear: left;
}

textarea {
		background-image: url(../gfx/formbg.jpg);
}

label {
		display: block;
		float: left;
}
		
/*Kleines Workaround zu CSS3
tr:nth-child(odd) {
  		color: black;
  		background-color: white;
}

/* Zeilen mit gerader Nummer 
tr:nth-child(even) {
  		color: black;
  		background-color: #ddd;
}*/

/*Klassen*/
/*Formularbuttons*/
.button {
		width: auto;
		background-image: url(../gfx/button.jpg);
		float: left;
		cursor: pointer;
}

.bildlinks {
		float: left;
		margin: .2em;
}

.bildrechts {
		float: right;
		margin: .2em;
}

.bildmitte {
		text-align: center; 
		margin: .2em;
}
		
tr.dunkler {
		background-color: #033C56;
		color: #EBE30C;
		text-align: center;
}

tr.heller  {
		background-color: #EBE30C;
		color: #033C56;
		text-align: center;
}

.textrechts {
		text-align: right;
}

.clearer {
		clear: both;
}

.gross {
		font-size: 2em;
		font-weight: bold;
}

.anmerkung {
		font-size: x-small;
}