body {
	background: url(../images/bg-top.gif) top left repeat-x #F3F3EE;
	margin: 0px;
	padding: 0px;
}




/*  Layout
-------------------------------------------------------------- */

#center {position: relative; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 980px}

#top {background: url(../images/top2.gif) top left no-repeat; height: 195px; padding-top: 45px}
#bgcontent {background: url(../images/bg-content.gif) top left repeat-y; width: 980px; margin-top: 25px}

#nav {width: 160px; margin: 0px 20px; float: left}
#content {width: 540px; margin: 0px 20px; float: left}
#right {width: 160px; margin: 0px 20px; float: left}

* html #nav {display: inline} /* Hack IE 6: Float Margin-Bug */



#footer {width: 980px; height: 30px; margin-top: 25px; padding-top: 10px; background: url(../images/bg-footer.gif) top left repeat-x}
* html #footer {padding-top: 9px} /* Hack IE 6 */
*+html #footer {padding-top: 9px} /* Hack IE 7 */




/*  Logo
-------------------------------------------------------------- */

#top a.logo  {width: 360px; height: 60px; display: block; margin: 0px 0px 0px 310px; text-decoration: none}




/*  Global Styles
-------------------------------------------------------------- */

div {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal; 
	font-size: 14px;
	line-height: 20px;
	color: #000000
	}

a {color: #3D9AD9}
a:hover {text-decoration: none}

hr {background-color: #CCCCCC; border: none; color:#CCCCCC; height: 1px}
.line {border-bottom: 1px solid #CCCCCC; display: block}

h1 {color: #251876; font-size: 28px; line-height: 32px; font-weight: normal}
h1.small {font-size: 24px; line-height: 28px}
h1.top {margin-top: 0px}

h2 {font-size: 18px; line-height: 22px; clear: both}

h3 {color: #251876; font-size: 16px; line-height: 20px; margin-top: 0px}
h3.bottom {margin-bottom: 0px}
h3.white {color: #FFFFFF}

/* Clear/Images/Floats/Global Elements */

.float {float: left}
.float-20 {float: left; margin-left: 20px}
.float-2 {float: left; margin-left: 2px}
.clear {clear: both}
a img {border: 0px}
a:focus {outline: none} /* Firefox */
.imgfloat img {float: left; margin: 0px 15px 15px 0px}

* html p {margin: 10px 0px 10px 0px} /* Hack IE 6 */
*+html p {margin: 10px 0px 10px 0px} /* Hack IE 7 */

.bgblue {background-color: #221373; padding: 10px 20px 10px 20px; color: #FFFFFF}
* html .bgblue {margin-top: -3px} /* Hack IE 6 */
*+html .bgblue {margin-top: -3px} /* Hack IE 7 */

.typo-grey {color: #888888}

.infobox {background-color: #221373; padding: 10px 10px 5px 10px; color: #FFFFFF; font-size: 12px; border-top: 4px solid #3D9AD9}
.infobox a {color: #3D9AD9; font-size: 12px}




/*  Navigation
-------------------------------------------------------------- */

#nav ul a {font-size: 14px;
		color: #251876;
		text-decoration: none;
		}
		
#nav ul a:hover {color: #968FC4}

#nav ul {list-style: none; margin: 0px; padding: 0px}
#nav li {margin-bottom: 10px}
#nav li.sub a {color: #968FC4; margin-left: 20px}
#nav li.sub a:hover {color: #251876}



/*  Content
-------------------------------------------------------------- */

/* Formular */

#content fieldset {border: none; padding: 0px; margin: 0px}
#content input,#content textarea {padding: 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
#content ul.zemError {background: none; list-style: none; color: #cc0000; padding: 0px 0px 5px 0px}
#content .zemSubmit {background-color: #251876; padding: 6px; border: none; font-size: 14px; color: #FFFFFF}




/*  Footer
-------------------------------------------------------------- */

#footer a {font-size: 12px; color: #FFFFFF; text-decoration: none; margin: 0px 40px 0px 0px}
#footer a.imprint {width: 60px; display: block; float: left; margin: 0px 140px 0px 20px}
#footer a:hover {color: #3D9AD9}

* html #footer a.imprint {display: inline} /* Hack IE 6: Float Margin-Bug */