body {
	margin: 0px;
	padding: 0px;
	background-color: #FCFCF4;
	}

/*  Layout (DIV-Container)
-------------------------------------------------------------- */

/* Center */

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


/* Top */

#top {border-bottom: 4px solid #888888; padding: 0px 0px 20px 0px; height: 1%}
#newsletter {width: 300px; height: 26px; float: right}
#logo {width: 400px; height: 50px; background: url(../images/layout/logo.gif) 0px 0px no-repeat; margin-top: 10px; float: left}
#topnav {height: 26px; float: right; margin-top: 34px}


/* Subtop */

#subtop {margin: 10px 0px 0px 0px}
#suche {width: 300px; float: right; border-bottom: 2px solid #CCCCCC; padding-bottom: 10px}


/* Content */

#content {margin: 10px 0px 0px 0px; padding-bottom: 50px; border-bottom: 2px solid #CCCCCC; height: 1%}
#title {margin: 10px 0px 0px 0px; padding: 0px; width: 640px}
#content-left {width: 640px; margin: 10px 40px 0px 0px; float: left; height: 1%}
* html #content-left {margin: 10px 0px 0px 0px;} /* Hack IE 6 */
#content-right {width: 300px; margin: 10px 0px 0px 0px; float: right; height: 1%}


/* News */

#news {margin: 10px 0px 0px 0px; padding-bottom: 50px; border-bottom: 2px solid #CCCCCC; height: 1%}


/* Footer */

#footer {width: 640px; height: 20px; background-color: #EEEDE5; margin: 1px 0px 50px 0px; padding: 6px 0px 0px 0px}




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

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

h1 {
	font-family: Times, "Times New Roman", serif; 
	font-size: 24px;
	line-height: 28px;
	font-weight: normal; 
	border-left: 4px solid #4BB100; 
	margin: 0px; 
	padding: 0px 0px 0px 8px;
	}

h2 {
	font-family: Times, "Times New Roman", serif; 
	font-size: 20px; 
	font-weight: normal;
	line-height: 24px;
	}

h2.top {margin: 0px}
h2.bold {font-weight: bold}

h2 a {color: #000000; text-decoration: none}
h2 a:hover {color: #7A7869; text-decoration: none}

h3 {
	color: #FFFFFF; 
	font-size: 12px; 
	font-weight: normal;
	height: 18px; 
	display: inline; 
	background: url(../images/layout/icon-subnav-pfeil.gif) top right no-repeat #888888; 
	margin: 0px 0px 0px 0px; 
	padding: 1px 10px 2px 4px
	}

h4 {
	font-size: 16px; 
	font-weight: bold; 
	line-height: 20px
	}

.top {margin: 0px}
.typo-c {color: #7A7869}
.typobig {font-size: 14px; line-height: 20px}
.typobig a {font-size: 12px; line-height: 18px}
.typonormal {font-size: 12px; line-height: 18px}
.typosmall {font-size: 11px; line-height: 16px}

a {color: #4BB100}
a:hover {text-decoration: none}

hr {background-color: #CCCCCC; border: none; color:#CCCCCC; height: 1px} 

/* Sektionsbanner */

.sektion {font-family: Times, "Times New Roman", serif; font-size: 20px; line-height: 22px; color: #FFFFFF; height: 24px; display: inline-block; background: url(../images/layout/icon-sektion-pfeil.gif) top right no-repeat #4BB100; padding: 2px 10px 0px 4px; float: left}
.subsektion {font-family: Times, "Times New Roman", serif; font-size: 20px; line-height: 22px; height: 24px; display: inline-block; background: url(../images/layout/icon-subsektion-pfeil.gif) top right no-repeat #EEEDE5; padding: 2px 10px 0px 4px}

.subsektion-g {font-family: Times, "Times New Roman", serif; font-size: 20px; line-height: 22px; color: #FFFFFF; height: 24px; display: inline-block; background: url(../images/layout/icon-sektion-pfeil.gif) top right no-repeat #4BB100; padding: 2px 10px 0px 4px}

/* Clear/Images/Floats */

.float {float: left}
.float-r {float: right; clear: right}
.clear {clear: both}
a img {border: 0px}
a:focus {outline: none} /* Firefox */

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




/*  Newsletter
-------------------------------------------------------------- */

#newsletter a {background: url(../images/layout/icon-newsletter.gif) 0px 0px no-repeat #EEEDE5; width: 262px; height: 20px; color: #7A7869; padding: 6px 0px 0px 38px; text-decoration: none; display: block}
#newsletter a:hover {color: #000000}




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

#logo a.av {width: 220px; height: 50px; text-decoration: none; display: block; float: left}
#logo a.sb {width: 170px; height: 50px; text-decoration: none; display: block; float: right}

/* Infobubble */
a.av, a.av:link, a.av:visited, a.av:active, a.sb, a.sb:link, a.sb:visited, a.sb:active {position: relative}
a.av:hover, a.sb:hover {background: transparent}
a.av span, a.sb span {display: none; text-decoration: none}
a.av:hover span, a.sb:hover span {display: block; position: absolute; top: 53px; left: 0px; width: 210px; z-index: 100; color: #FFFFFF; padding: 10px 10px 5px 10px; background: url(../images/layout/bg-bubble.gif) no-repeat}




/*  Topnavigation
-------------------------------------------------------------- */

ul {display: inline; margin: 0px; padding: 0px}

#topnav a {
	font-family: Times, "Times New Roman", serif;
	font-size: 20px;
	color: #4BB100;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin: 0px 4px 0px 4px;
	 
}

#topnav a:hover {
	background-color: #4BB100;
	color: #FFFFFF;
}

#topnav a.section {
	background-color: #4BB100;
	color: #FFFFFF;
}

#topnav li {
	display: inline;
	background: url(../images/layout/nav-linie.gif) 0px 0px no-repeat;
	list-style-type: none;
	height: 26px;
	margin: 0px;
	float: left;
}

#topnav li.navend {
	display: inline;
	background: url(../images/layout/nav-linie.gif) 0px 0px no-repeat;
	list-style-type: none;
	margin: 0px;
	float: left;
}




/*  Suche
-------------------------------------------------------------- */

#suche form {height: 1%; margin: 0px; padding: 0px}

#suche input {font-family: Arial, Helvetica, sans-serif; color: #888888; font-size: 12px; width: 210px; margin: 0px 1px 0px 0px; padding: 4px 2px 4px 2px; border: 1px solid #CCCCCC}
#suche input.button {width: 78px; padding: 5px 0px 5px 0px; color: #FFFFFF; background: url(../images/layout/icon-suchen.gif) 0px 0px no-repeat; border: none; cursor: pointer}
#suche input.button:hover {background: url(../images/layout/icon-suchen1.gif) 0px 0px no-repeat}

* html #suche input.button {border: none; padding: 3px 0px 4px 0px} /* Hack IE 6 */
*+html #suche input.button {border: none; padding: 3px 0px 4px 0px} /* Hack IE 7 */

.ergebnisse {background-color: #EEEDE5; padding: 10px; font-size: 18px; }




/*  Titel
-------------------------------------------------------------- */

#title .info {font-size: 14px; line-height: 20px}




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

#content .weiter {background: url(../images/layout/icon-weiter.gif) top left no-repeat; padding: 5px 20px 10px 0px; height: 26px}
#content .zurueck {background: url(../images/layout/icon-zurueck.gif) top left no-repeat; padding: 5px 20px 10px 0px}


/* Content left */

#content-left {line-height: 18px}

#content-left a.studien {width: 270px; padding: 8px 0px 8px 30px; margin-right: 40px; color: #000000; text-decoration: none; background: url(../images/layout/icon-check.gif) 0px 10px no-repeat; border-bottom: 1px solid #CCCCCC; font-size: 16px; float: left}
#content-left a.studien-r {width: 270px; padding: 8px 0px 8px 30px; color: #000000; text-decoration: none; background: url(../images/layout/icon-check.gif) 0px 10px no-repeat; border-bottom: 1px solid #CCCCCC; font-size: 16px; float: right}
#content-left a:hover.studien, #content-left a:hover.studien-r {color: #666666} 

#content-left img {border: 4px solid #EEEDE5; display: block}
#content-left img.noborder {border: none; display: block}

#content-left .floatcontent {float: left; margin: 0px 20px 10px 0px}

#content-left li {overflow: auto; margin-left: 0px; padding: 0px 0px 10px 16px; list-style: none; background: url(../images/layout/icon-list.gif) 0px 7px no-repeat}
#content-left ul,#content-left ol {list-style: outside; margin: 0px; padding: 0px}
* html #content-left li {background: none} /* Hack IE 6 */


/* Content left: Dialog */

#content-left input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 172px; margin: 0px 1px 0px 0px; padding: 4px 2px 4px 2px; border: 1px solid #CCCCCC; background-color: #FCFCF4}
#content-left textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 628px; margin: 0px 1px 0px 0px; padding: 4px; border: 1px solid #CCCCCC; background-color: #FCFCF4}
#content-left input.zemSubmit {width: 260px; padding: 4px 0px 4px 0px; color: #FFFFFF; background-color: #888888; border: 1px solid #888888; cursor: pointer}
* html #content-left input.zemSubmit {border: none; padding: 3px 0px 4px 0px; width: 254px} /* Hack IE 6 */
*+html #content-left input.zemSubmit {border: none; padding: 3px 0px 4px 0px; width: 254px} /* Hack IE 7 */
#content-left select {border: 1px solid #CCCCCC}
#content-left .floatinput {float: left; padding: 5px; background-color: #EEEDE5; height: 50px; margin: 10px 1px 10px 0px}
#content-left .zemError li {background: none; color: #CC3300; padding: 0px 0px 5px 0px;}
#content-left .zemThanks p {font-size: 18px; margin-top: 0px}


/* Content right */

#content-right {line-height: 18px}

#content-right .linie {height: 1px; border-top: 1px solid #CCCCCC; margin: 5px 0px 5px 0px}

#content-right .infobox .title {font-size: 18px; line-height: 24px; margin-top: 0px}
#content-right .infobox {width: 260px; line-height: 18px; margin-left: -12px; background: url(../images/layout/icon-infobox-pfeil.gif) 0px 0px no-repeat #EEEDE5; padding: 10px 20px 10px 30px}
* html #content-right .infobox {margin-left: 0px} /* Hack IE 6 */

#content-right .infoboxsub {background-color: #EEEDE5; height: 22px; display: inline-block; padding: 4px 10px 0px 10px; margin-top: 1px; float: left}
#content-right .infoboxsub a {color: #7A7869}
#content-right .infoboxsub a:hover {color: #000000}
* html #content-right .infoboxsub {margin-left: 12px} /* Hack IE 6 */

#content-right a {color: #4BB100; line-height: 20px; text-decoration: none}
#content-right a:hover {color: #888888} 

#content-right a.feed {background: url(../images/layout/icon-rss.gif) 0 3px no-repeat; display: block; padding: 2px 0px 0px 24px}

#content-right a.tip {background: url(../images/layout/icon-mouse.gif) 0 0 no-repeat; display: block; float: left; width: 18px; height: 18px}
* html #content-right a.tip {margin-right: -4px} /* Hack IE 6 */

#content-right a.check {background: url(../images/layout/icon-checklisten.gif) 0 0 no-repeat; display: block; float: left; width: 18px; height: 18px}
* html #content-right a.check {margin-right: -4px} /* Hack IE 6 */

td {padding: 5px 10px 5px 0px; vertical-align:top; border-bottom: 1px solid #CCCCCC}

/* Content right: Alphabetische Navigation */

#content-right .alphanav a {float: left; margin: 0px 3px 3px 0px; display: block}

/* Sonderklassen für Redakteure */

p.kaufen a {width: 262px; height: 22px; color: #7A7869; padding: 4px 0px 0px 38px; background: url(../images/layout/icon-kaufen.gif) 0px 0px no-repeat #EEEDE5; display: block}
p.kaufen a:hover {color: #000000}

p.kas {float: left; margin: 0px 12px 10px 0px; width: 148px}
p.kas-ende {clear: both}


/*  News
-------------------------------------------------------------- */

#news .newsitem {width: 298px; min-height: 150px; margin-top: 10px; line-height: 18px; float: left}
#news .newsitemlinie {background: url(../images/layout/news-linie.gif) 0px 0px no-repeat; width: 1px; height: 150px; margin: 10px 20px 0px 20px; float: left}

#news .newslink {background: url(../images/layout/icon-pfeil.gif) 0px 4px no-repeat; display: block; padding: 0px 0px 0px 14px}
* html #news .newslink {background: url(../images/layout/icon-pfeil.gif) 0px 5px no-repeat} /* Hack IE 6 */
*+html #news .newslink {background: url(../images/layout/icon-pfeil.gif) 0px 5px no-repeat} /* Hack IE 7 */



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

#footer a {color: #7A7869; text-decoration: none; padding: 0px 0px 0px 20px; font-size: 12px}
#footer a.contact {background:  url(../images/layout/icon-fon.gif) top left no-repeat; margin: 0px 0px 0px 10px}
#footer a.imprint {background:  url(../images/layout/icon-imprint.gif) top left no-repeat; margin: 0px 0px 0px 20px}
#footer a.top {background:  url(../images/layout/icon-top.gif) top left no-repeat; margin: 0px 0px 0px 240px}
#footer a.print {background:  url(../images/layout/icon-print.gif) top left no-repeat; margin: 0px 0px 0px 20px}
#footer a:hover {color: #000000; background-position: 0 -25px}