/* matthias-sachau.de * last update 8.9.07 */


* {
	padding: 0;
	margin: 0;
	border: 0;
}
html {
	height: 98%;
	margin-bottom: 1px;
}

/* IE Win < 7 only */
* html #container {
	height: 100%
}
body {
	color: #fff;
	background: #618cc3;
	font-family: "Courier New", Courier, mono;
	font-size: 100.01%;
	padding: 0 0 0px 0;
	margin: 0;
	height: 100%;
	text-align: center;   /* Zentrierung fuer alte IEs */
}
a, a:link, a:hover, a:visited {
	text-decoration: none;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
li {
	display:inline;
}
br.clear {
	clear: both;
	height: 0pt;
}

#container {
	min-height: 100%;
}
#headercontainer {
	height: 110px;
	width: 100%;
}
#header {
	height: 110px;
	margin: 0pt auto;
	position: relative;
	text-align: left;
	width: 850px;
}
#header h1 {
	position: relative;
	top: 75px;
	color: #036;
	font-size: 24px;
	margin: 0;
}
#header a {
	color: #036;
}
#header a:hover {
	color: #fc6;
}
#header img {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 110px;
	width: 155px;
}

/* @group navi */
#navicontainer {
	background: #036;
	height: 31px;
	width: 100%;
}
#navi {
	margin: 0pt auto;
	position: relative;
	font-size: 15px;
	text-align: left;
	top: 7px;
	width: 850px;
}
#navi li {
	margin-right: 53px;
	vertical-align: middle;
}
#navi li a {
	color: #618cc3;
	font-size: 15px;
	font-weight: bold;
}
#navi li a.active {
	color: #fff;
}

#navi li a:hover {
color: #fc6;
}

#subnavicontainer {
	color: #036;
	height: 30px;
	border-bottom: solid 1px #036;
	width: 100%;
	font-weight: bold;
}
#subnavi {
	margin:0pt auto;
	position:relative;
	font-size: 15px;
	text-align:left;
	top:7px;
	width:850px;
}
#subnavi ul {
	float: left;
	margin-right: 50px;
}
#subnavi li a {
	color: #036;
	font-size: 15px;
	font-weight: bold;
}
#subnavi li a.active {
	color: #fff;
}
#subnavi li a:hover {
	color: #fc6;
}
/* @end */

/* @group content */
#contentcontainer {
	margin: 0pt auto;
	padding: 0pt 0pt 35px;
	text-align: left;
	width: 850px;
}
#row1t {
	float: left;
	padding-top: 30px;
	margin: 0 30px 30px 0;
	width: 665px;
}

#row1t_start {
	float: left;
	padding-top: 30px;
	margin: 0 0 30px 50px;
	width: 645px;
}
#row_bottom {
	float: left;
	padding-top: 10px;
	margin: 0 0 30px 50px;
	width: 645px;
}

#row12 {
	float: left;
	width: 410px;
	padding-top: 20px;
	margin-right: 30px;
}
#row22 {
	float: left;
	padding-top: 20px;
	width: 410px;
}
#row12b {
	float: left;
	width: 300px;
	padding-top: 20px;
	margin-right: 35px;
}
#row22b {
	float: left;
	padding-top: 20px;
	width: 300px;
}
#row1 {
	float: left;
	width: 665px;
	padding-top: 20px;
	margin-right: 30px;
}
#rowteaser {
	float: left;
	padding-top: 30px;
	width: 155px;
}

#rowteaser img{
	padding-bottom: 30px;
	float: right;
}

#rowteaser_bottom {
	float: left;
	padding-top: 10px;
	width: 155px;
}

#rowteaser_bottom img{
	padding-bottom: 10px;
	float: right;
}

img.teaserpicturefull {
	width: 155px;
}
h2 {
	margin-bottom: 25px;
}
h3 {
	margin-bottom: 10px;
}
h4 {
	font-size: 12px;
	color: #036;
	margin-bottom: 10px;
}
#contentcontainer p {
	font-size: 14px;
	line-height: 1.2em;
}
#contentcontainer p.last {
	margin-bottom: 15px;
}
#contentcontainer p.small {
	font-size: 12px;
}
#contentcontainer p.date {
	margin-bottom: 10px;
}
#contentcontainer a {
	color: #036;
        font-weight: bold;
}
#contentcontainer a:hover {
	color: #fc6;
}
hr {
	border-top: solid #036 1px;
}
#contentteaser {
	height: 100px;
}
#contentteaser p {
	padding-left: 78px;
}
#contentteaser.iconhappybook {
	background: url(../gfx/icon/happybook.gif) no-repeat;
}
#contentteaser.iconnotes {
	background: url(../gfx/icon/notes.gif) no-repeat;
}
#contentteaser.icontv {
	background: url(../gfx/icon/tv.gif) no-repeat;
}
#contentteaser.icontvheart {
	background: url(../gfx/icon/tvheart.gif) no-repeat;
}
#contentteaser.iconnotesless {
	background: url(../gfx/icon/notesless.gif) no-repeat;
}
#contentteaser.iconbook {
	background: url(../gfx/icon/book.gif) no-repeat;
}
/* @end */

/* @group footer */
#footercontainer {
	background-color: #036;
	bottom: 0px;
	height: 3em;
	margin-top: -3em;
	width: 100%;
}
/* hack for ie 6 and 7 */
* html #footercontainer {
	margin-top: -4em;
}
*+ html #footercontainer {
	margin-top: -4em;
}
#footercontainerstartpageouter {
	border: solid 0px red;
	height: 17em;
	margin-top: -17.2em;
	vertical-align: bottom;
}
/* hack for ie 6 and 7 */
* html #footercontainerstartpageouter {
	margin-top: -18.2em;
}
*+html #footercontainerstartpageouter {
	margin-top: -18.2em;
}
#footercontainerstartpage {
	position: relative;
	bottom: 2.2em;
	background-color: #036;
	width: 100%;
	height: 3em;
	z-index: 50;
}
#footer {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #618cc3;
	margin: 0pt auto;
	padding: 16px 0pt 0px 0px;
	text-align: left;
	width: 850px;
}
#footer a {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #618cc3;
}
#footer a:hover {
	color: #fc6;
}
#footer a.active {
	color: #fff;
}
#footer p {
	float: left;
}
#footer p.last {
	float: right;
}
.collage {
	position: relative;
	z-index: 100;
	bottom: -0.7em;
}
/* hacks for ie 6 and 7 */
* html .collage {
	bottom: -1em;
}
*+ html .collage {
	bottom: -1em;
}

/* @end */