* {
	margin: 0;
	padding: 0;
}

body {
	color: #0e4aba;
	font: 76% Arial, Verdana, Helvetica, "Lucida Grande", Lucida, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* @group typography */

p {
	font-size: 1em;
	line-height: 1.4em;
	padding: 10px 0 0 20px;
}

a:link, a:visited {
	color: #6aa69a ;
	text-decoration: none;
}

a:hover, a:focus {
	color: maroon;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	padding-left: 20px;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	/* font-style: bold; */
	padding-left: 20px;
	padding-bottom: 0.4em;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	/* font-style: bold; */
	padding-left: 20px;
	padding-bottom: 0.4em;
}

img#right {
	float: right;
	margin: 10px;
}

img#left {
	float: left;
	margin: 10px;
}

a img {
	text-decoration: none;
	border: 0 none;
}

#content ul, #content ol {
	margin-left: 40px;
}

#content li {
	padding-left: 10px;
}

/* @end */

/* @group Layout */

#header {
	width: 100%;
	height: 250px;
	background-color: #8a55fd;
	margin: 0 auto;
}

#header h1 {	
	background-image: url(header.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#header h1 a {
	display: block;
	height: 250px;
	text-decoration: none;
	text-indent: -999em;
	width: 100%;	
}

#header h2 {
	margin-left: 200px;
}

#wrapper {
	margin: 20px auto;
	width: 780px;
        background: #fff;
}

#sidebar {
	float: left;
	width: 200px;
	background: url(verlauf.jpg) repeat-x;
}

#sidebar h2 {
	font-size: 1.2em;
	padding: 0 10px 5px 5px;
}

#sidebar p {
	font-size: 0.8em;
	padding: 5px 10px 0 5px;
}

#content {
	float: right;
	width: 550px;
        background: #fff;
}

#footer {
	width: 780px;
	margin: 20px auto;
	background: #eee;
}

#clear {
	clear: both;
}

/* @end */

/* @group Navigation */

#navigation {
	/*width: 780px;
	margin: 0px auto;*/
	background: #fff;
	text-align: center;
}

#navigation h5 {
       display: none;
      }
      #navigation ul {
       padding: 3px 0; 
       margin: 0; 
       border-bottom: 1px solid #448; 
       font: bold 10px Verdana, sans-serif; 
      }
      #navigation ul li {
       list-style: none;
       margin: 0; 
       display: inline; 
      }
      #navigation ul li a {
       padding: 3px 1em; 
       margin-left: 5px; 
       border: 1px solid #448;
       border-bottom: none;
       background: #fff;
       text-decoration: none;
      }
      #navigation ul li a:link {
       color: #8f52ff;
      }
      #navigation ul li a:visited {
       color: #8f52ff;
      }
      #navigation ul li a:link:hover, #navigation ul li a:visited:hover {
       color: #8f52ff;
       background: #00c2b6;
       border-color: #227;
      }
      #navigation ul li a#current {
       background: white; 
       border-bottom: 1px solid white;
      }

#sidebar ul {
	padding: 0px 0px 20px 0px;
	margin: 20px 0px 20px;
}

#sidebar li {
	background-color: transparent;
   	padding: 5px 0;
   	margin: 0;
   	list-style: none;
   	width: 180px;
}

#sidebar a {
   display: block;
   padding: 5px 0;
   border: none;
   margin: 0;
}

#sidebar a:link, #sidebar a:visited {
	color: #fff;
	/*border-right: 1px solid #fff16e;;
	border-bottom: 1px solid #fff16e;
	border-left: 5px solid #fff16e;
	background: url(../bilder/button1.jpg) no-repeat;*/
	padding-left: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	height: 2.2em;
   	text-decoration: none; 
   	width: 180px;
   	display: block;
}


#sidebar a:active {
	background: transparent;
	/*color: #448;
	border-right: 1px solid #448;;
	border-bottom: 1px solid #448;*/
		padding-left: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	height: 2.2em;
   	text-decoration: none; 
  	text-decoration: none;
   	width: 180px;
   	display: block;
}

#sidebar a:hover, #sidebar a:focus {
	/*border-bottom-color: #fff06f;
	border-right-color: maroon;*/
	color: maroon;
   	/*border-right: 1px solid;
   	border-bottom: 1px solid;*/
   		padding-left: 0.5em;
	font-size: 1.2em;

	font-weight: bold;
	height: 2.2em;
   	text-decoration: none; 
   	text-decoration: none;
   	width: 180px;
   	display: block;

}

/* @end */

/* @group Tabelle */
table {
	margin: 20px 0;
}
tr#tableHead {
	font-size: 1.2em;
	text-align: center;
	height: 2.5em;
}
td#col1 {
	width: 38%;
	vertical-align: baseline;
	}
td#col2{
	width: 62%;
	vertical-align: baseline;
	}
tr#tableBody {
	text-align: left;
	height: 60px;
}
p#mantra {
	color: olive;
}


/* @end */

#list1b {
	margin-top: 20px;
}

#list1b a {
	display: block;
	width: 550px;
	background: #00c2b6;
	border-bottom: 1px solid #448;
	padding: 1em 0 1em 2em;
}

#list1b a:hover {
	display: block;
	width: 550px;
	background:#fff16e;
	border-bottom: 1px solid #448;
	padding: 1em 0 1em 2em;
}

.vcard {
	padding-left: 20px;
}