/** general document settings **/
body {
        background-color: #85849B;
        color: white;
        font-family: sans;
        margin-right: 5%;
			  margin-left: 5%;
        text-align: center;
}
div.context {
				height:100%;
				background-color:#65647B;
			  border:1px solid #000000;
}
div.cont {
				margin-left: 5%;
			  /**margin-left: 5%;*/
				height:100%;
				background-color:#65647B;
			  border:1px solid #000000;
}
div.sidebar {
				margin-left: 1%;
				margin-top: 10%;
			  /**margin-left: 5%;*/
				height:100%;
				background-color:#65647B;
			  border:2px solid #000000;
}
a:link {
        color: #443232;
}
a:visited {
        color: #444444;
}
/** anytime there is real content we use a content box **/
div.linkmenu
{		
				height:20pt;
				float:left;
				width:99.3%;
				padding:0;
				background-color:#BB6622;
				list-style-type:none;
				margin-top: 1%;
				margin-bottom: 4%;
				border:3px solid #000000;
				text-align:center;
				
}
div.adminmenu
{		
				height:20pt;
				float:left;
				width:99.3%;
				padding:0;
				background-color:#FF4422;
				list-style-type:none;
				margin-top: 1%;
				margin-bottom: 4%;
				border:3px solid #000000;
				text-align:center;
				
}
div.linkmenutext
{
				float:left;
				
				text-align:center;
				height:18pt;
				text-decoration:none;
				color:white;
				padding:0.1em 0.6em;
				border-right:1px solid #000000;
				
				
}

div.linkmenutext a:hover {color:#FFFFFF; background-color:#aa3300}
div.contentbox {
		    clear:both;
			  margin-top: 1%;
			  margin-bottom: 1%;
			  padding:0;
        background-color: #CC6622;
				color: #444444;
        border: 3px solid #333333;
}
div.title {
				font: 100px Impact;
        color: #111111;
        height: 100pt;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 3%;
				
				width: 100%; 
				height: 200px; 
			

}
div.errorbox {
		    clear:both;
			  margin-top: 1%;
			  margin-bottom: 1%;
			  padding:0;
        background-color: #CC2222;
				color: #FFFFFF;
        border: 3px solid #333333;
}
div.successbox {
		    clear:both;
			  margin-top: 1%;
			  margin-bottom: 1%;
			  padding:0;
        background-color: #449922;
				color: #FFFFFF;
        border: 3px solid #333333;
}
div.userlistbox {
				font: arial 10pt;
		    clear:both;
			  margin-top: 1%;
			  margin-bottom: 1%;
			  
			  padding:0;
        background-color: #CC6622;
				color: #222222;
        border: 3px solid #333333;
}
div.newsbox {
 				margin-right: 2%;
			  margin-left: 2%;
				margin-top: 0%;
				clear:both;
			  background-color: #EE7733;
				border: 2px solid #333333;
}
div.newstext{
				margin-right: 2%;
			  margin-left: 2%;
				color: #555555;
				font: arial;
				text-align: left;
				font-size: 12pt;
}
div.newsboxtitle{
			  background-color: #CC6622;
				color: #222222;
				border: 1px solid #333333;
				text-align: left;
				font-size: 15pt;
}
div.groupnewsboxtitle{
			  background-color: #FF4422;
				color: #222222;
				border: 1px solid #333333;
				text-align: left;
				font-size: 15pt;
}

div.commentbox {
 				margin-right: 2%;
			  margin-left: 2%;
				margin-top: 2%;
				clear:both;
				font-size: 10pt;
				color: #FFFFFF;
			  background-color: #C36033;
				border: 2px solid #333333;
}
div.commenttext{
				margin-right: 2%;
			  margin-left: 2%;
				color: #555555;
				font: arial;
				text-align: left;
				font-size: 10pt;
}
div.commentboxtitle{
			  background-color: #446633;
				color: #CCCCCC;
				border: 1px solid #333333;
				text-align: left;
				font-size: 12pt;
}
/** helper box for layouting purposes **/
div.headline {

        font: 100px Impact;
        color: #111111;
        height: 100pt;
        text-align: center;
        vertical-align: center;
        margin-top: 10%;
        margin-bottom: 5%;
}
div.signature {
        font-size: 30pt;
        color: #ffffff;
        text-align: right;
        margin-right: 10%;
}

div.layout {
        border: 0px;
        margin: 0px;
        padding: 0px;
}
div.centercontent {
        margin: auto;
        text-align: left;
        max-width: 1000px;
        width: 97%;
}
div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }
/** title box at top **/
#titlebox {
        position:relative;
        height: 37%;
        width: 100%;
        text-align: center;
}
/** main menu in content area **/
#main {
        position: relative;
        min-height: 400px;
        width: 62%;
        margin-top: 1px;
}
#main .header {
        font-size: 130%;
}
#main div.menuitem {
        margin: 3%;
        padding-bottom: 2%;
        border-bottom: 1px solid #a0d419;
}
#main div.menuitem .header {
        text-align: left;
        font-size: 120%;
        }
#main div.menuitem .description {
        padding-top: 2%;
        text-align: justify;
}
/** sidebar **/
#sidebar {
        float left;
}
#sbText {
    padding:10px 10px 0 10px;
}
#handle {
    float:right;
    width:10px;
}
#sidebar .header {
        font-size: 150%;
        margin-bottom: 15px;
}
#sidebar img {
        float: left;
        border: 1px solid #a0d419;
        margin-right: 5px;
}
#sidebar div.menuitem {
        padding: 3%;
        clear: both;
}
#sidebar div.menuitem .title {
        font-weight: bold;
}
#sidebar form * {
        border: 0px;
        margin: 3px;
}
/** bottom bar: impressum and stuff **/
#bottombox {
        position: relative;
        top: -1px;
        width: 100%;
}