/*
 * GENERAL
 */

body {
    margin:0px;
    font-family:Verdana,sans-serif;
    font-size:10px;
    color:#666666;
}

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

a.logout_link {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

h1 {
    text-transform:uppercase;
    margin-top:0px;
    margin-bottom:16px;
    font-size:13px;
    font-weight:bold;
    color:#666666;    
}

h2 {
    font-size:13px;
    color:#E5131C;
    font-weight:bold;
    margin-bottom:8px;
    margin-top:0px;
}

h3, h4, h5, h6 {
    font-size:10px;
    color:#666666;
    font-weight:bold;
}

.internal_linkage {
    background:url(../images/bullet_E5131C.gif) no-repeat left center;
    padding-left:13px;
    margin-bottom:8px;
    width:150px;
    float:left;
    position:relative; /* IE float bugfix, otherwise the boxes are just not visible! */
}

.internal_linkage a {    
    color:#E5131C;    
}

.inline_link {
    background:url(../images/bullet_30659A.gif) no-repeat left center;
    padding-left:13px;
    margin-bottom:8px;
}

.list_entry {
    background:url(../images/list_entry_bg.gif) no-repeat left 7px;
    padding-left:5px;
    padding-top:3px;
    height:20px;
    border-top:1px solid #CEDCE8;
}

.list_entry div {
    background: #E6EDF3;
    padding-left:5px;
    padding-right:5px;
}

div.line {
    height:0px;
    border-top:1px solid #CEDCE8;
    margin-bottom:8px;
}

ul {
    margin-bottom:8px;
    list-style-image:url(../images/2x2.gif);
}

ul ul {
    margin-top:8px;
    list-style-type:disc;
    list-style-image:url();
}

ul li {
    margin-left:-15px;
}

.errormsg {
    margin-bottom:8px;
    background:rgb(255,255,250);
    color:#E5131C;
    border:1px solid #E5131C;
    padding:8px;
}
div.formRow {
    clear:both;
    margin-bottom:8px;
    min-height:18px;
}

* html div.formRow {
    margin-bottom:-8px;
}

div.head {
    width:120px;
    float:left;
    min-height:18px;
    margin-right:8px;
    position:relative;
    padding-top:3px;
}

div.cell {
    width:372px; /* 500px width - 120px head - 8px border */
    float:right;
    min-height:18px;
    height:auto;
    background:#F3F7FB;
    position:relative;
}

div.action {
    width:372px; /* 500px width - 120px head - 8px border */
    float:right;    
    min-height:18px;
    background:#F3F7FB;
    position:relative;
}

/* min-height for IE */
* html div.cell {
    height:18px;
}

* html div.action {
    width:367px;
}

input, select {
    border:1px solid #8699A9;
    font-size:9px;
}

div.cell input,select,textarea {
    width:250px;
}

button {   
    background:#E6EDF3;
    border:0px;
    color:#E5131C;
    font-size:9px;
    padding-top:2px;
    cursor:pointer;
/* FF applies left-right padding, dunno where this comes from, so I remove it here */
    padding-left:0px;
    padding-right:0px;
}

div.action button {
    background:#F3F7FB;
    text-transform:uppercase;
    background:#F3F7FB;
    border-top:1px solid #E5131C;
    text-align:right;
    width:252px;
    height:18px;
}

button img {
    margin-right:8px;
    margin-bottom:2px;    
}

div.redlinks {
    background:#F3F7FB;    
    height:16px;
    margin-bottom:8px;
    padding-left:8px;
    padding-right:8px;
}

div.redlinks a {
    color:#E5131C;
    font-size:12px;
}

.emphasized {
	background:#f3f6f9;
	border-top:1px solid #cedce8;
	border-bottom:1px solid #cedce8;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
}

.event_preview {
	border-collapse: collapse;
	table-layout: fixed;
}

.event_preview td {
	height: 20px;
}

/* IE is stupid and expands 20px to 30px for whatever reason, so we're crunching it a bit here */
* html .event_preview td {
	height: 8px;
}

* html .event_preview td.header_left {
	height: 20px;
}
	

.event_preview .header_left {
	font-size:11px;
	font-family:Verdana,sans-serif;
	border-top:1px solid #cedce8;
	border-bottom:1px solid #cedce8;
	width:380px;
	background:#f3f6f9;
	padding-left:8px;
	font-weight:bold;
}

.event_preview .header_right {
	font-size:10px;
	font-family:Verdana,sans-serif;
	border-top:1px solid #cedce8;
	border-bottom:1px solid #cedce8;
	width:120px;
	background:#f3f6f9;
	padding-left:8px;
}

.event_preview .detail_left {
	font-size:11px;
	padding: 5px 12px;
	vertical-align:top;
	background:url(../images/2x2.gif) no-repeat 0px 10px;
}

.event_preview .detail_right {
	font-size:10px;
	overflow: hidden;
	font-family:Verdana,sans-serif;
	border-bottom:1px solid #30659a;
	background:#f3f6f9;
	padding-left:8px;
}

.event_preview .link_right {
	font-size:10px;
	font-family:Verdana,sans-serif;
	background:#f3f6f9 url(../images/bullet_30659A.gif) no-repeat 8px 10px;
	padding-left:20px;
}

.mrgbtm8px {
    margin-bottom:8px;
}

.mrgbtm16px {
    margin-bottom:16px;
}

.mrgbtm24px {
    margin-bottom:24px;
}

form {
    margin:0px;
}
/*
 * Sitemap
 */

div.sitemap_root {   
    margin-bottom:16px;
    padding-left:16px;
}

div.sitemap_root_header {
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #CEDCE8;
    color:#30659A;
    padding-left:13px;
    font-size:9pt;
    background: url(../images/2x2_336699.gif) no-repeat 0px 5px;
}

div.sitemap_container_blue {
    margin-top: 8px;
    padding-left: 13px;
    background:url(../images/2x2_336699.gif) no-repeat 0px 4px;
}

div.sitemap_container_grey {
    margin-top: 8px;
    padding-left: 13px;
    background:url(../images/2x2.gif) no-repeat 0px 4px;
}

div.sitemap_header {
    font-size: 8pt;
}

div.sitemap_header a {
    color:#30659A;
}

/*
 * HEADER
 */
 
#logo_left {
    width:175px;
    height:114px;
    top:13px;
    left:13px;
    position:absolute;
}

#logo_right {
    left:193px;
    width:134px;
    height:80px;
    top:13px;
    position:absolute;    
}

#banner_top {
    text-align:right;
    width:437px;
    height:80px;
    left:327px;
    top:13px;    
    position:absolute;
    overflow:hidden;
}

#navig_top {
    width:167px;
    height:80px;
    left:782px;
    top:13px;    
    padding-top:3px;
    position:absolute;    
}

.navig_top_link {
    background:url(../images/bullet_A3B2BF.gif) no-repeat left center;
    padding-left:12px;
    position:relative;
    margin-bottom:3px;
}

.navig_top_link a {
    text-decoration:none;
    color:#8699A9;
}

#title_bar {
    height:17px;
    width:728px; /* should be 744px */
    background:url(../images/verlauf_seiten_header.jpg) repeat-y;
    left:205px;
    top:107px;
    padding-left:8px;
    padding-right:8px;
    padding-top:3px;
    position:absolute;    
}

/*
 * MAIN CONTAINER
 */

#expander {
    left:13px;
    top:135px;
    position:absolute;
    background:url(../images/expander_bg.gif) repeat-y;
}

/*
 * NAVIGATION
 */
  
#menu {
    width:175px;    
    float:left;
    position:relative;
    background:#E6EDF3;    
}

.menu_header {
    text-transform:uppercase;
    color:white;
    background:#8699A9;
    padding-top:3px;
    padding-left:8px;
    padding-right:8px;
    font-weight:bold;
    height:17px;
}

.menu_spacer {
    height:8px;
}

.menu_entry_off {
    border-top:1px solid white;
    text-transform:uppercase;
    background:#CEDCE8;
    line-height:20px;       /* hack to move text a bit down */
    height:20px;
    overflow:hidden;    
}

.menu_entry_on {
    border-top:1px solid white;
    text-transform:uppercase;
    background:#CEDCE8;
    line-height:20px;       /* hack to move text a bit down */
    height:20px;
    overflow:hidden;    
}

.menu_entry_off div {
    float:left;
    border-right:1px solid white;
    margin-right:3px;
    vertical-align:text-bottom;
    background:#A3B2BF;
    width:20px;
    height:20px;
}

.menu_entry_on div {
    float:left;
    border-right:1px solid white;
    margin-right:3px;
    vertical-align:text-bottom;
    background:#E5131C;
    width:20px;
    height:20px;
}

.menu_subentry_off {
    height:auto;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:42px;
    background: url(../images/bullet_8699A9.gif) no-repeat 27px center;
    border-top:1px solid white;    
}

.menu_subentry_on {
    height:auto;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:42px;
    background: url(../images/bullet_8699A9.gif) no-repeat 27px center;
    border-top:1px solid white; 
}

.menu_entry_on a,
.menu_subentry_on a {
    text-decoration:none;
    color:#E5131C;
}

.menu_entry_off a, 
.menu_subentry_off a {
    text-decoration:none;
    color:#666666;
}

/*
 * CONTENT
 */

#content {
    width:560px;    /* 504px */
    float:left;
    margin-left:17px;
    position:relative;
    overflow:hidden;
}

#crumb_navig {
    height:17px;
    position:relative;
    padding-left:8px;
    padding-top:3px;
    padding-right:8px; 
    border-bottom:1px solid white;
    background:#E6EDF3;    
}

.content_block {
    padding:28px;
    background:#E6EDF3;
    position:relative;
    font-size:11px;

}

*html .content_block {
    left:0px;
    top:0px;
    width:510px;
}

.content_block_nopad {
    background:#E6EDF3;
    position:relative;
    font-size:11px;
}

.content_block_frontpage {
    padding-left:28px;
    padding-right:28px;
    padding-top:8px;
    padding-bottom:8px;
    background:#E6EDF3;
    position:relative;
    font-size:11px;
}

.content_header {
    background:#E6EDF3;
    height:20px;
    background:#CEDCE8;
    padding-left:8px;
    padding-right:8px;
    line-height:20px;
    position:relative
}

.content_header div {
    height:20px;
}

#content_footer {
    text-align:right;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:28px;
    padding-right:28px;    
    position:relative;    
    background:#E6EDF3;
}

/* IE floatholder hack (http://positioniseverything.net/explorer/escape-floats.html) */
* html #content_footer {
    height:1%;
}

.content_spacer {
    height:8px;
    background:white;
}

/*
 * SIDEBAR
 */
 
#sidebar {
    width:167px;    
    position:relative;
    float:left;
    margin-left:17px;
    background:#E6EDF3;
    overflow:hidden;
}

.sidebar_block {    
    position:relative;    
    padding-top:8px;
}

.sidebar_header {
    height:20px;
    width:151px;
    background:#CEDCE8;
    padding-left:8px;
    padding-right:8px;
    line-height:20px;
    position:relative;
}

.sidebar_entry_1pad {
    padding-bottom:8px;
}

.sidebar_entry_3pad {
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
}

.sidebar_spacer {
    height:8px;
    background:white;
}