/* basic styles */
html {
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.5;
	color: #033668;
	text-align: center;
	background-color: #99CCFF;
}


h1 {
	font-size: 16px;
	font-weight: bold;
	color: #033668;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #033668;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
h4 {
	margin: 0px;
	font-size: 11px;
}
p {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

a {
	color: #FF3399;
}
a:hover {
	color: #033668;
}

.normal {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.5;
	color: #033668;
}

/* navigations style */
#navContainer{  /* contains the menu */
  clear: both;
  width: 100%;
}

/*
  navigation level 1
*/
#navContainer ul{
  margin: 0em;
  padding: 0em;
  list-style-type: none;
}

#navContainer ul li {
  background-color: #FFFFFF;
  border-bottom: 0.1em solid #fff;
  color: #033668;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-color: #FFFFFF;
}


#navContainer ul li a{
  display: block;
  background-repeat: no-repeat;
  height: 1.9em;
  padding-left: 1em;
  line-height: 1.9em;
  color: #033668;
  text-decoration: none;
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
  /*background-image: url("../img/nav2.gif");*/
}


#navContainer ul li a:hover, #navContainer ul li a:focus{
  /*background-image: url("../img/nav2-on.gif");*/
  color: #FF3399;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
  font-weight: bold;
  /*background-image: url("../img/nav2-on.gif");*/
  color: #FF3399;
}

/*
  Design for submenu
*/
#navContainer li li{
  line-height: 1.1em;
  color: #033668;
}

#navContainer ul ul a{
  display: block;
  background-repeat: no-repeat;
  height: 1.6em;
  padding: 0em;
  padding-left: 2.0em;
  padding-top: 0.21em;
  color: #033668;
  font-size: 12px;
  text-decoration: none;
  /*background-image: url("../img/nav2.gif");*/
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  /*background-image: url("../img/nav2-on.gif");*/
  color: #FF3399;
}

/*
  sitemap
*/
#text #navContainer {
inherit: none;
}
#text #navContainer ul ul {
padding-left: 2em;
}


/*
  pinboard styles
*/
div.pinhead {
  width: 400px;
  margin: 0;
  padding: 5px;
  background-color: #FFCC00;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
div.pinbody {
  width: 400px;
  margin: 0;
  padding: 5px;
  background-color: #FFFF00;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
div.pinfoot {
  width: 400px;
  margin: 0;
  margin-bottom: 15px;
  padding: 5px;
  background-color: #FFCC33;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.crossRed {
  float: right;
  background-color: #FFF;
  font-weight: bold;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  font-color: #FFFFFF;
}
a.crossRed {
  font-weight: bold;
  text-decoration: none;
}

/*
  stuff for voting
*/
table.voting {
  width: 41em;
  margin: 0em;
  padding: 0em 1em 0em 0em;
}

table.voting td, table.voting th, table.voting tr {
  text-align: left;
  margin: 0em;
  padding: 0em 0em 0.4em 0em;
}

table.voting td.answer {
  width: 10em;
}

table.voting td.result {
  width: 31em;
}

table.voting div.votingBar {
  height: 1.3em;
  background: #D5EBFF;
}

table.voting div.resultPercent {
  position: absolute;
}

/* Form Styles */

.pseudoknopf {
        padding: 2px 7px 2px 7px;
	border: 1px solid #033668;
        background-color: #D5EBFF;
        font-size: 12px;
        color: #033668;
        decoration: none;
}

table#formtab tr td.lab p.titel {
        font-weight: bold;
}
table#formtab tr td.lab {
        vertical-align: top;
}
td.buttonarea {
	padding-top: 10px;
        vertical-align: bottom;
}
table#formtab {
        width: 500px;
        background-color: #D5EBFF;
        border: 1px solid #033668;
        font-size: 12px;
}


/* Front-Table Styles */

table#fronttab tr td p {
        font-size: 10px;
}
table#fronttab tr td {
	width: 50%;
        vertical-align: top;
        border: 1px solid #033668;
        background-color: #D5EBFF;
}
table#fronttab {
        width: 480px;
        font-size: 10px;
}

.pink {
	color: #FF3399;
}

.leftpic {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	padding: 5px;
    border: 1px solid #033668;
}
.rightpic {
	float: right;
	margin-right: 7px;
	margin-bottom: 7px;
	padding: 5px;
    border: 1px solid #033668;
}
.nofloatpic {
	margin-right: 3px;
	margin-bottom: 0px;
}

.noScreen{  /* This class is not shown on screen */
       display: none;
}

.editmode {
       color: #FFF;
       background-color: #CC0000;
}

.klein {
       font-size: 10px;
}



ul.unformattedList{
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.unformattedList li{
  clear:both;
}


td#text p {
	line-height: 1.5;
}

td#text p a, td#text a {
	color: #FF3399;
}
td#text p a:hover, td#text a:hover {
	color: ##033668;
}


div.linie {
	border-bottom: 1px solid #033668;
        height: 5px;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 10px;
}
table#foot p {
	line-height: 1;
	font-size: 9px;
	color: #033668;
}
div#foot p a {
	color: #FF3399;
}
li.menu {
	/*display: inline;*/
	list-style-image: none;
	margin-top: 20px;
}
ul.menu {
	list-style-position: outside;
	margin: 0px;
	margin-left: 15px;
	padding-left: 0px;
}
li.submenu {
	/*display: inline;*/
	font-size: 10px;
	list-style-image: none;
	margin-top: 5px;
}
ul.submenu {
	list-style-position: outside;
	margin: 0px;
	margin-left: 11px;
	padding-left: 0px;
}
span.inline {
	display: inline;
	padding-right: 10px;
}
span.inlinelast {
	display: inline;
	padding-left: 0px;
	padding-right: 5px;
}
div#topmenu a, td#submenu a {
	font-size: 11px;
	text-decoration: none;
	color: #033668;
}
div#topmenu a:hover, td#submenu a:hover {
	color: #FF3399;
}

td#submenu a.aktiv {
	color: #FF3399;
}
a.aktiv:hover {
	color: #033668;
}

td#promo div.promoContent img {
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #033668;
	padding: 3px;
	background-color: #ffffff;
}
img.portfolio {
	margin-bottom: 0px;
	margin-top: 20px;
}

img.bannerrand {
        margin-bottom: 5px;
	margin-top: 10px;
	border: 1px solid #033668;
	padding: 3px;
	background-color: #ffffff;
}

dl.img {
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 5px;
    border: 1px solid #033668;
	display: inline;
}
dl dt.img {
	border-bottom: 1px solid #033668;
	margin: 0;
}
dl dd.img {
	font: 10px Verdana, sans-serif;
	text-align: center;
	margin: 0;
}

div.unfloater {
	clear: both;
}

.rightalign {
	text-align: right;
	margin-bottom: 20px;
	width: 530px;
}	

div.tothetop {
	width: 100%;
	text-align: right;
	font-size: 10px;
}
div.leftarea {
	width: 200px;
	text-align: left;
	float: left;
}
div.rightarea {
	width: 300px;
	text-align: left;
	float: left;
}
div.halbespalte {
        width: 220px;
        margin-right: 15px;
	text-align: left;
	float: left;
}

/* layout */
div#wrapper {
	text-align: center;
	padding: 0px;
}
div#content {
	margin: 0px auto;
	width: 912px;
	height: auto;
	text-align: left;
	background-color: #ffffff;
}
table#kopfwrapper{
	width: 912px;
	margin-bottom: 10px;
}
td#logo {
	vertical-align: top;
	text-align:left;
}
div#topmenu {
	padding: 2px 0px 2px 0px;
	width: 900px;
	text-align: right;
}
table#textwrapp {
	width: 912px;
	min-height: 300px;
	height: auto;
	margin: 0px;
}
td#submenu {
	padding-top: 25px;
	padding-left: 10px;
	vertical-align: top;
	width: 170px;
	border-right: 1px solid #033668;
}
td#text {
	padding: 20px 40px 8px 25px;
	vertical-align: top;
}
td#promo {
	vertical-align: top;
        padding-top: 15px;
	width: 170px;
	border-left: 1px solid #033668;
}
div.promoTop {
}
div.promoContent {
	vertical-align: top;
    text-align: center;
	background-color: #fff;
}
div.promoBottom {
}
table#totop {
	width: 912px;
        height: 40px;
	background-color: #fff;
}
td#leftspace {
        width: 660px;
}
table#foot {
	width: 912px;
	text-align: center;
	background-image:  url("../img/foot.jpg");
	background-color: #99CCFF;
}
div#news {
	width: 440px;
        float: left;
        margin-right: 32px;
}
div#news {
	width: 440px;
        clear: both;
}
div.agendaleft {
        width: 100px;
        float: left;
        font-weight: bold;
}
div.agendaright {
        width: 400px;
        padding-left: 100px;
        margin-bottom: 5px;
}
div.steering {
	text-align: right;
        font-size: smaller;
        margin-bottom: 20px;
}