* {
    margin: 0px;
    padding: 0px;
    font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:12px;
}

body {
    color: #000;
    
    padding:0px;
    margin:0px;
    background-image: url(/themes/systemisches-institut/images/bg_red.gif);
    background-repeat: repeat-x;
}

a {
    color: #900;
    text-decoration: none;
}

h1 {
    font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
    font-size:18px;
    margin: 20px 0px 18px 0px;
}

h1 * {
    font-size:18px;
}

h2 {
    font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    font-size:16px;
    font-weight: normal;
    margin: 20px 0px 18px 0px;
}

h2 * {
    font-size:16px;
}

h3 {
    font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    font-weight: normal;
    margin: 20px 0px 18px 0px;
    font-size:13px;
}

h2 * {
    font-size:13px;
}

h1, h2, h3 {
    color: #900;
}

/* ---------- LAYOUT ---------- */
#Container {
    width: 990px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}


#Banner {
    background-color: #900;
    padding: 0px;
    margin: 0px;
    height: 69px;
    background-image: url(/themes/systemisches-institut/images/logo_red.gif);
    background-repeat: no-repeat;
    background-position: 70px 0px;
    
}

#Banner a {
    display:block;
	float:left;
    width: 500px;
    height: 69px;
}
#Banner a#twitter {
    display:block;
	float:left;
    width: 22px;
    height: 22px;
	margin:29px 0 0 350px;
}
#Banner a#twitter img{
    border:none;
}

#Content {
    background-color: #ffffff;
    padding: 0px;
    margin-left: 195px;
    margin-right: 0px;
	width:660px;
}
#ContentZweiSpaltig {
    background-color: #ffffff;
    padding: 0px;
    margin-left: 195px;
    margin-right: 0px;
}
#Content * {
    line-height: 17px;
}


#Content ul {
    margin-left: 20px;
}

div#Content {
    min-height:400px;
    height:expression(this.scrollHeight > 400 ? "auto":"400px");
}

#Footer {
    clear: both;
    margin: 0px;
    padding: 30px 0px 10px 195px;
}

/* ---------- NAV ---------- */

#MainNav {
    padding: 10px 0px 10px 195px;
}

#MainNav a {
    padding-right: 10px;
}

/* MainNavLeft & MainNavRight = die beiden div-blöcke in der hauptnavigation - oben */
#MainNavLeft, #MainNavRight {
    display: inline;
}

#MainNavLeft {
    padding-right: 70px;
}

#MainNavLeft a, #MainNavRight a {
    padding-right: 20px;
}

/* ---------- SUB NAV auf der linken Seite ---------- */

#NavLeft {
    float: left;
	width: 175px;
    margin: 0px;
    padding: 56px 20px 0px 0px;
    text-align: right;
}

#NavLeft a {
    display: block;
    margin-bottom: 10px;
}

/* ---------- SPEZ PAGES ---------- */

#SpalteRechts {
    display: block;
    float: right;
    width: 390px;
    margin-left: 15px;
}

#SpalteLinks {
    display: block;
    width: 390px;
    float: left;
}

#AnmeldeLink {
	float:right;
	font-size:13px;
}

/* ---------- SPEZ PAGES ---------- */
#BlogContent{
	width: 660px;
	margin: 0 0 0 195px;
}
#CommentHolder{
	width:660px;
	display:block;
	float:left;
}
ul#PageComments{
	float:left;
	display:block;
	list-style:none !important;
	margin: 0 !important;
}
ul#PageComments li{
	width:660px;
	float:left;
	display:block;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
	border-bottom:1px dashed #900;
}
ul#PageComments li ul li{
	border:none;
	margin:0;
	padding:0;
}
#PageCommentInterface_Form_PostCommentForm div.Actions{
	cursor:default !important;
}
.action {
	cursor:pointer;
}
#PageCommentInterface_Form_PostCommentForm_action_postcomment{
	width:100px;
}
p#CommentsRSSFeed{
	margin: 18px 0 18px 0;
}
.WidgetHolder{
	margin:0 0 30px 0;
}
.WidgetHolder h3{
	margin: 0 0 18px 0 !important;
}
.WidgetHolder ul{
	list-style:none !important;
	margin:0 !important;
}
.authorDate,
.info{
	color: #A8A7A7;
}
.blogSummary{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #900;
}
.blogSummary h2{
	margin: 20px 0 4px 0 !important;
}
.blogSummary p{
	margin:0 0 8px 0 !important;
}
p.authorDate{
	margin: 0 0 18px 0 !important;
}
.postTitle{
	margin: 20px 0 4px 0 !important;
}