/*
 * 
 * main.css
 *
 * Author: Andreas Winkelbauer, 2006
 *
 */

/* =========== hier nichts aendern =========== */
body {
	color:black;
	background-color:white;
	background: url(../images/back.png) repeat-x fixed;
	margin:0px;
	padding:0px;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:11px;
	
	/* zeilenhoehe */
	line-height:18px;
}


/* =========== hier nichts aendern =========== */
table, img {
	border-width:0px;
/*	margin:auto;*/
}


/* =========== stil fuer das bild unterhalb der navigation =========== */
#coolpic {
	/* abstand nach links */
	margin-left:43px;
	
	/* abstand nach unten */
	margin-bottom:15px;

	/* abstand nach oben */
	margin-top:0px;
}

#barbarapic {
	/* abstand nach links */
	margin-left:43px;
	
	/* abstand nach unten */
	margin-bottom:0px;

	/* abstand nach oben */
	margin-top:0px;
}

#barbaratext {
	/* abstand nach links */
	margin-left:24px;

	/* abstand nach unten */
	margin-bottom:15px;

	/* abstand nach oben */
	margin-top:5px;
}

.registred {
	/* farbe */
	color:#672F79;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:19px;
}

#pagepic {
	float:left;
	width:auto;
	margin-right:15px;
	margin-bottom:15px;
}


/* =========== ueberschrift 1 =========== */
h1 {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:22px;
	
	/* zeilenhoehe */
	line-height:28px;
	
	/* schriftstaerke */
	font-weight:bold;
	
	text-align:left;


	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}

/* =========== ueberschrift 1 fuer texte =========== */
h1.mainHeading {
	/* abstand nach oben */
	margin-top:9px;

	/* abstand nach unten */
	margin-bottom:20px;

	/* text ausrichtung */
	text-align:center;
}


/* =========== ueberschrift 2 =========== */
h2 {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:15px;
	
	/* zeilenhoehe */
	line-height:19px;
	
	/* schriftstaerke */
	font-weight:bold;


	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}


/* =========== ueberschrift 3 =========== */
h3 {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:15px;
	
	/* schriftstaerke */
	font-weight:bold;

	
	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}


ul {
	margin-top:5px;
}


/* =========== standardtext =========== */
p, li, span, div {
	margin:0px;
	padding:0px;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:11px;
	
	/* zeilenhoehe */
	line-height:18px;
	
	/* schriftstaerke */
	/*font-weight:bold;*/
}

form {
	margin:0px;
	padding:0px;
}

/* =========== standardtext stil fuer navigation =========== */

p.nav {
	padding-bottom:5px;
}


/* =========== stil fuer fehlertext =========== */
.error {
	color:red;
	font-weight:bold;
}


/* =========== stil fuer den "zurueck" link =========== */
#zurueck {
	text-align:right;
	font-size:10px;
	text-decoration:underline;
}


/* =========== verweise, links (standard) =========== */
a {
	/* farbe */
	color:#09c;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:19px;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise
zu bereits besuchten seiten */
a:visited {
	/* farbe */
	color:#09c;
	
	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise,
waehrend der Anwender mit der Maus darueber fährt */
a:hover, a:focus {
	/* farbe */
	color:#000080;
	
	/* textdekoration */
	text-decoration:underline;
}


/* =========== verweise, links (navigation) =========== */
a.linksNav {
	/* farbe */
	color:#09c;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:19px;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise
zu bereits besuchten seiten */
a.linksNav:visited {
	/* farbe */
	color:#09c;
	
	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise,
waehrend der Anwender mit der Maus darueber fährt */
a.linksNav:hover, a.linksNav:focus {
	/* farbe */
	color:#000080;
	
	/* textdekoration */
	text-decoration:none;
}


/* =========== verweise, links (navigation, aktiv) =========== */
a.linksNavActive {
	/* farbe */
	color:#672F79;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:19px;

	/* textdekoration */
	text-decoration:none;
	
	/* schriftstaerke */
	font-weight:bold;
}

/* eigenschaften fuer verweise
zu bereits besuchten seiten */
a.linksNavActive:visited {
	/* farbe */
	color:#800080;
	
	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise,
waehrend der Anwender mit der Maus darueber fährt */
a.linksNavActive:hover, a.linksNavActive:focus {
	/* farbe */
	color:#804000;
	
	/* textdekoration */
	text-decoration:none;
}


/* =========== verweise, links (klein, z.B. oben) =========== */
a.linksSmall {
	/* farbe */
	color:white;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:10px;
	
	/* zeilenhoehe */
	line-height:15px;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise
zu bereits besuchten seiten */
a.linksSmall:visited {
	/* farbe */
	color:white;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise,
die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste */
a.linksSmall:hover, a.linksSmall:focus {
	/* farbe */
	color:#FFFF00;

	/* textdekoration */
	text-decoration:underline overline;
}


/* =========== verweise, links (unten) =========== */
a.linksBottom{
	/* farbe */
	color:#672f79;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	line-height:19px;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise
zu bereits besuchten seiten */
a.linksBottom:visited {
	/* farbe */
	color:#672f79;

	/* textdekoration */
	text-decoration:none;
}

/* eigenschaften fuer verweise,
die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste */
a.linksBottom:hover, a.linksBottom:focus {
	/* farbe */
	color:red;

	/* textdekoration */
	text-decoration:underline;
}


/* =========== buttons in formularen =========== */
/* button */
.button {
	/* hintergrund farbe */
	background-color:#672f79;
	
	/* schriftfarbe */
	color:#fff;
	
	/* rahmen: breite farbe stil */
	border:1px #672f79 solid;
}

/* button, wenn man mit der maus darüber fährt */
.button:hover {
	/* hintergrund farbe */
	background-color:#CFB9F4;
	
	/* schriftfarbe */
	color:#672f79;
	
	/* rahmen: breite farbe stil */
	border:1px #672f79 solid;
}


/* =========== eingabefelder in formularen =========== */
.textfield {
	border-width:1px;
	border-style:inset;
}

.textfieldLogin {
	border-width:1px;
	border-style:inset;
	font-size:11px;
}


/* =========== stil fuer den spruch text =========== */
#spruch {
	/* text ausrichtung (justify = blocksatz) */
	text-align:justify;

	/* schrift stil (italic = kursiv) */
	font-style:italic;
	
	/* abstand nach unten rechts unten links (uhrzeigersinn) */
	margin:0px 20px 15px 20px;
}

#specialText {
	/* abstand nach unten rechts unten links (uhrzeigersinn) */
	margin:0px 20px 15px 20px;
}

/* =========== stil fuer das auge selbst =========== */
#augePic {
	/* abstand nach oben */
	margin-top:8px;

	/* abstand nach unten */
	margin-bottom:4px;
}


/* =========== stil fuer text unter dem auge =========== */
#augeText {
	/* abstand nach oben */
	margin-top:4px;

	/* abstand nach unten */
	margin-bottom:8px;

	/* farbe */
	color:white;
	
	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:14px;
	
	/* zeilenhoehe */
	/*line-height:22px;*/
	
	/* Schriftvariante */
	font-variant:small-caps;
}


/* =========== stil fuer den violetten streifen oben =========== */
#topBar {
	/* farbe */
	color:white;

	/* hintergrundfarbe */
	background-color:#672F79;

	/* rahmenbreite (0px = kein rahmen) */
	border-width:0px;

	/* innenabstand nach oben */
	padding-top:0px;
	
	/* innenabstand nach rechts */
	padding-right:3px;
	
	/* innenabstand nach unten */
	padding-bottom:0px;

	/* innenabstand nach links */
	padding-left:3px;

	/* weite */
	width:100%;
	
	/* vertikale ausrichtung (middle = zentriert) */
	vertical-align:middle;
}


/* =========== stil fuer den copyright text =========== */
#copyright {
	/* text ausrichtung (center = zentriert) */
	text-align:center;
	
	/* farbe */
	color:#999;
}

/* =========== stil fuer die navigations ueberschrift =========== */
#navigationHeading {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:15px;
	
	/* zeilenhoehe */
	/*line-height:23px;*/
	
	/* schriftstaerke */
	font-weight:bold;

	/* text ausrichtung (center = zentriert) */
	text-align:left;
	
	/* auszenabstand nach unten */
	margin-bottom:15px;

	/* auszenabstand nach oben */
	margin-top:25px;
	
	/* abstand nach links */
	padding-left:22px;

	
	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}

/* =========== stil fuer den navigationsbereich =========== */
#navigationBox {
	/* auszenabstand nach oben */
	margin-top:0px;
	
	/* auszenabstand nach rechts */
	margin-right:10px;
	
	/* auszenabstand nach unten */
	margin-bottom:15px;

	/* auszenabstand nach links */
	margin-left:20px;
}

/* =========== stil fuer die login ueberschrift =========== */
#loginHeading {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:15px;
	
	/* zeilenhoehe */
	/*line-height:23px;*/
	
	/* schriftstaerke */
	font-weight:bold;

	/* text ausrichtung (center = zentriert) */
	text-align:center;
	
	/* auszenabstand nach unten */
	margin-bottom:15px;

	/* auszenabstand nach oben */
	margin-top:25px;

	
	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}

/* =========== stil fuer die login ueberschrift (wenn benutzer angemeldet ist) =========== */
#greetings {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:12px;
	
	/* zeilenhoehe */
	/*line-height:19px;*/
	
	/* schriftstaerke */
	font-weight:bold;
	
	/* text ausrichtung (center = zentriert) */
	text-align:center;
	
	/* auszenabstand nach unten */
	margin-bottom:15px;

	/* auszenabstand nach oben */
	margin-top:25px;
}

/* =========== stil fuer die spruch ueberschrift =========== */
#spruchHeading {
	/* farbe */
	color:#333;

	/* schriftart */
	font-family:verdana, arial, helvetica, sans-serif;
	
	/* schriftgroesze */
	font-size:15px;
	
	/* zeilenhoehe */
	/*line-height:23px;*/
	
	/* schriftstaerke */
	font-weight:bold;

	/* text ausrichtung (center = zentriert) */
	text-align:center;
	
	/* auszenabstand nach unten */
	margin-bottom:15px;

	/* auszenabstand nach oben */
	margin-top:25px;

	
	font-variant:small-caps;
	/*letter-spacing:-1px;*/
}



/*====================================================================*/
/*============================== LAYOUT ==============================*/
/*====================================================================*/
/* this is for the top part of the page */
#header {
	background-color:#B895E3;

	/* text ausrichtung (center = zentriert) */
	text-align:center;
}

/* layout stuff */
#outerWrapper {
  background: url(../images/background_3.gif) repeat-y left;
}

/* layout stuff */
#wrapper {
  background: url(../images/background_2.gif) repeat-y right;
}

/* layout stuff */
/* contains the whole page from the top bar down to the clearing */
#container {
  width: 100%;
  float: left;
  margin-right: -212px;
  background: url(../images/background_2.gif) repeat-y right;
}

/* layout stuff */
#conts {
  margin-right:212px;
  background:url(../images/background_3.gif) repeat-y left;
}

/* layout stuff */
/* the part on the right side */
#sidebar {
  width:212px;
  float:right;
  overflow:hidden;
}

/* layout stuff */
/* contains the footer below the clearing */
#footer {
  clear: both; 
  /*border-top:1px solid black;*/
  text-align:center;
  padding-top:10px;
}

/* layout stuff */
#clearing {
  margin:0px;
  padding:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
  clear:both;
}

/* layout stuff */
/* content part in the middle */
#main {
  margin-left:212px;
  padding:10px 20px 15px 20px;
}

/* layout stuff */
/* navigation part at the left side */
#left {
  width:212px;
  float:left;
  overflow:hidden;
}

#links {
	display:none;
}