/*
***
Dieses Template wurde im Auftrag von Microsoft Deutschland erstellt.

Sowohl die Erstellung des Designs als auch die Umsetzung des Templates
wurden von Vladimir Simovic (www.perun.net) durchgefuehrt.
 ***
 */

body {
    margin: 0; padding: 0;
    font: 100% georgia, serif;
    
    text-align: center;
}

/* Allgemeingueltige Klassen und Elemente */

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

img {
    border: 2px solid #ddd; padding: 5px; margin-left: 10px
}

blockquote {
	color: #555;
	font-style: italic;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 42px;
}

code {
    font: 14px consolas, 'courier new', monospace;
    color: #900;
}

pre {
    overflow: auto; padding: 1em;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 1em;
}

.kein-bild-effekt {
    border: none; padding: 0;
}

.bild-links { /* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll */
    float: left;
    margin: 2px 2px 2px 2px;
}

.bild-links-ohne-rand { /* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll ohne Rand*/
	float: left;
	margin: 0 0 0 0;
	border: none
}

.bild-rechts { /* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll */
    float: right;
    margin: .1em 0 .4em 1em;
}

.bild-rechts-ohne-rand { /* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll ohne Rand*/
    float: right;
    margin: .1em 0 .4em 1em;
	border: none
}


bild-abstand {
    margin: 0 .5em .5em 0;
}

.center {
    text-align: center;
}

.clearer {
    clear: both; /* hebt die vorhergehenden Floats auf */
}

h1, h2, h3, h4, h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}


/*
* Hauptbereich #container
 */

#container {
    width: 51em; min-width: 816px; max-width: 98%; /* Ermoeglicht auch bei den aelteren Browsern das Zoomen. */
    text-align: left; margin: 0 auto;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
 */

#kopfbereich {
    overflow: hidden; height: 1%; min-height: 1%;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #logo
 */

#logo {
}

#navigation {
	width: 51em;
	margin-bottom: 3px;
	height: 39px;
}

#navigationu {
	width: 51em;
	height: 39px;
	margin-bottom: 0px;
}



/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #navigation
 */

#navigation ul {
    list-style: none; margin: 0; padding: 0;
}
#navigation li {
    display: inline;
}
#navigation a {
    float: left;
    display: block; padding: .7em 1.7em .7em 1.8em;
    color: #444; background: #eee;
    font-weight: bold; font-size: .75em; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif
}

/* Farbliche Abwandlungen der einzelnen Navigationspunkte */
#navigation .navi1 {
    border-top: .5em solid #b21;
		
}
#navigation .navi1:hover, #navigation .aktiv .navi1 {
    background: #b21; color: #fff;
	
}
#navigation .navi2 {
    border-top: .5em solid #09a;
	
}
#navigation .navi2:hover, #navigation .aktiv .navi2 {
    background: #09a; color: #fff;
	
}
#navigation .navi3 {
    border-top: .5em solid #e60;
	
}
#navigation .navi3:hover, #navigation .aktiv .navi3 {
    background: #e60; color: #fff;
	
}
#navigation .navi4 {
    border-top: .5em solid #6a3;
	
}
#navigation .navi4:hover, #navigation .aktiv .navi4 {
    background: #6a3; color: #fff;
}
#navigation .navi5 {
    border-top: .5em solid #49f;
	
}
#navigation .navi5:hover, #navigation .aktiv .navi5 {
    background: #49f; color: #fff;
}

/*
*** Abschnitt: #navigation untere Leiste
 */

#navigationu ul {
    list-style: none; margin: 0; padding: 0; 
}
#navigationu li {
    display: inline;
}
#navigationu a {
    float: left;
    display: block; padding: .7em 1.7em .7em 1.65em;
    color: #444; background: #eee;
    font-weight: bold; font-size: .75em; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif
}

/* Farbliche Abwandlungen der einzelnen linken Navigationspunkte */
#sidebar .navi1 {
    border-top: .5em solid #b21;
		
}
#sidebar .navi1:hover, #sidebar .aktiv .navi1 {
    background: #b21; color: #fff;
	
}
#sidebar .navi2 {
    border-top: .5em solid #09a;
	
}
#sidebar .navi2:hover, #sidebar .aktiv .navi2 {
    background: #09a; color: #fff;
	
}
#sidebar .navi3 {
    border-top: .5em solid #e60;
	
}
#sidebar .navi3:hover, #sidebar .aktiv .navi3 {
    background: #e60; color: #fff;
	
}
#sidebar .navi4 {
    border-top: .5em solid #6a3;
	
}
#sidebar .navi4:hover, #sidebar .aktiv .navi4 {
    background: #6a3; color: #fff;
}
#sidebar .navi5 {
    border-top: .5em solid #49f;
	
}
#sidebar .navi5:hover, #sidebar .aktiv .navi5 {
    background: #49f; color: #fff;
}

/* Farbliche Abwandlungen der einzelnen Navigationspunkte untere Leiste */
#navigationu .navi1 {
    border-top: .5em solid #b21;
		
}
#navigationu .navi1:hover, #navigationu .aktiv .navi1 {
    background: #b21; color: #fff;
	
}
#navigationu .navi2 {
    border-top: .5em solid #09a;
	
}
#navigationu .navi2:hover, #navigationu .aktiv .navi2 {
    background: #09a; color: #fff;
	
}
#navigationu .navi3 {
    border-top: .5em solid #e60;
	
}
#navigationu .navi3:hover, #navigationu .aktiv .navi3 {
    background: #e60; color: #fff;
	
}
#navigationu .navi4 {
    border-top: .5em solid #6a3;
	
}
#navigationu .navi4:hover, #navigationu .aktiv .navi4 {
    background: #6a3; color: #fff;
}
#navigationu .navi5 {
    border-top: .5em solid #49f;
	
}
#navigationu .navi5:hover, #navigationu .aktiv .navi5 {
    background: #49f; color: #fff;
}






/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #navigation
 */

#mittelbereich {
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 0.95em;
	margin-bottom: 3px;
	min-height: 420px
}




/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #inhalt
 */

#inhalt {
    float: right; width: 38em;
	min-height: 400px
    
}

#inhalt1 {
    float: right; width: 38em;
    margin-top: 0px;
	min-height: 400px
}

#inhalt p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight:normal;
	margin: 0em 0em 0.3em 0em;
	line-height: normal;
	text-align:left
}

#inhalt h2 {
    margin: 0.5em 0em .5em 0em; font-size: 1.4em; font-weight: normal;
}

#inhalt h3 {
    font-size: 1.1em;
    margin: 0.2em 0 .2em 0;
	 font-weight: normal
}
#inhalt h4 {
	font-size: 0.9em;
	font-style: italic;
	margin: 0em 0 .3em 0;
}
#inhalt h5 {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 0.8em;
	margin-right: 0;
	margin-bottom: 0.1em;
	margin-left: 0;
}

#inhalt ul {
	margin-top: 6px;
	margin-bottom: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

#slogan {
    float: left; width: 51em;
	padding-top: 16px; font-family: Verdana, Arial, Helvetica, sans-serif
    
}

#slogan h2, #slogan p {
    margin: 0;
}
#slogan h2 {
    font-size: 2em; color: #555;
}
#slogan p {
    
	color: #b21; 
	text-align: right; 
	
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em
}
/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #sidebar
 */

#sidebar {
	float: left;
	width: 17em;
	font-size: .75em;
	color: White;
	font-family: verdana;
	font-weight: 800
}
#sidebar h2 {
    margin: 0;
    font-size: 1.4667em; font-weight: normal;
}

#sidebar ul, #sidebar ol {
    padding: 0; margin-left: 0em;
	border-top: 2px solid #D1D9C4;
	list-style: none;
}

#sidebar ul li a:hover {
  text-decoration: underline;
}

#sidebar ul li a:active {
  background-color: #000;
  color: #fff;
}

#sidebar li { 
  line-height: 2.4em;
  border-top: 0px solid #D1D9C4;
  border-bottom: 2px solid #D1D9C4;
}
#sidebar .navi1:hover, #sidebar .aktiv .navi1 {
    background: #b21; color: #fff;
}
#sidebar .navi2:hover, #sidebar .aktiv .navi2 {
    background: #09a; color: #fff;
}
#sidebar .navi3:hover, #sidebar .aktiv .navi3 {
    background: #e60; color: #fff;
}
#sidebar .navi4:hover, #sidebar .aktiv .navi4 {
    background: #6a3; color: #fff;
}
#sidebar .navi5:hover, #sidebar .aktiv .navi5 {
    background: #49f; color: #fff;
}


/*
* Hauptbereich: #footer
 */
#footer {
    border-top: .154em solid #ddd; padding: 1em;
    background: url(../img/hintergrund.gif) repeat-x; color: #555;
    font-size: .9375em;
    height: 3em; 
    margin-top: 3em;
}

#footer p {
    margin-top: 0;
}


/*
Einzelnen Unterseiten: farbliche Hervorhebung.

***  "rote Farbe" ***
*/

#Rot {
    border-top: .563em solid #b21;
}

#Rot a {
    color: #b21;
}

/*
***  "Tuerkis" ***
*/

#Tuerkis {
    border-top: .563em solid #09a;
}
#Tuerkis a {
    color: #09a;
}

/*
***  "Orange" ***
*/

#Orange {
    border-top: .563em solid #e60;
}
#Orange a {
    color: #e60;
}

/*
***  "Gruen" ***
*/

#Gruen {
    border-top: .563em solid #6a3;
}
#Gruen a {
    color: #6a3;
}

/*
***  "Blau" ***
*/

#Blau {
    border-top: .563em solid #49f;
}
#Blau a {
    color: #49f;
}




/* Spalten auf der Startseite */
#spalte1, #spalte2, #spalte3 {
    font-size: .9375em; width: 13em;
}
#spalte1-breit, #spalte2-breit, #spalte3-breit, #spalte4-breit {
    font-size: .9375em; width: 19.5em;
}

#spalte1, #spalte2, #spalte1-breit, #spalte3-breit {
    float: left;
}
#spalte1, #spalte1-breit, #spalte3-breit{
    margin-right: 12px;
}
#spalte3, #spalte2-breit, #spalte4-breit{
    float: right;
}
#spalte1 p, #spalte2 p, #spalte3 p, #spalte1-breit p, #spalte2-breit p, #spalte3-breit p, #spalte4-breit p {
    margin-top: 1em;
}




#linkcontainer ul {
  padding-left: 0;
  margin-left: 0;
  margin-top:0px;
  color: White;
  float: left;
  width: 15em;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:  .75em;
  font-weight:bold
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left:0px;
  padding-right:0px;
  background-color: transparent;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #BD620E;
}


.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}