/**
 * Tag styles
 */
body {
    background-color: #5b81ad;
}

b, strong {
    font-weight: bold;
    color: #4e4e4e;
}

hr.white {
    border: none;
    background-color: white;
    color: white;
    height: 1px;
    width: 100%;
}

em {
    font-style: italic;
}

blockquote {
    margin-left: 20px;
}


/**
 * Element styles
 */
 
/* Wrapper */ 
#wrapper {
    background-color: #fff;
}

/* Subhead */
#subhead {
    position: relative;
    margin-top: 0px;
    height: 30px;
    background-image: url(../img/subhead_bg.gif);
    background-color: #4a6d9d;
    color: white;
    text-decoration: none;
}

#subhead a, #subhead a:visited {
    position: relative;
    margin-top: 0px;
    height: 30px;
    color: white;
    text-decoration: none;
}

#subhead a:hover {
    color: white;
    text-decoration: underline;
}
#subhead-left {
	position: relative;
	padding: 7px 20px;
	top: 0;
	left: 0;
}
#subhead-right {
	position: absolute;
	text-align: right;
	padding: 7px 20px;
	top: 0;
	right: 0;
}


/* Navigation with div */
/*
#nav {
    margin: 3px 0 20px 20px;
    border-top: 1px solid #a9ab93;
}
#nav div {
    font-size: 110%;
    color: #4e4e4e;
    font-weight: bold;
    padding: 2px 0;
    border-bottom: 1px solid #a9ab93;    
}
#nav div a, #nav div a:visited {
    display: block;
    text-decoration: none;
    color: #4e4e4e;
}
#nav div a:hover {
    color: #97bf0d;
}
#nav div.nav-open {
    padding-left: 20px;
    background-image: url(../img/arrow_down.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#nav div.nav-closed {
    padding-left: 20px;
    background-image: url(../img/arrow_right_hollow.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#nav div.nav-level-1 {
    padding-left: 20px;
}

#nav .current {
    color: #97bf0d;
}
*/

/* Navigation with ul */
#nav {
    margin: 3px 0 20px 20px;
    border-top: 1px solid #a9ab93;
}

#nav ul ul {
	padding-top: 3px;
	margin-bottom: -3px;
}

#nav li {
    font-size: 110%;
    color: #4e4e4e;
    font-weight: bold;
    padding: 2px 0 3px 0;
}

#nav li li, #nav li li li {
	font-size: 100%;
	border: 0;
}

#nav li a, #nav li a:visited {
    display: block;
    text-decoration: none;
    color: #4e4e4e;
}
#nav li a:hover {
    color: #d1255d;
}
#nav li.nav-active {
    padding-left: 20px;
    background-image: url(images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
#nav li.nav-open {
    padding-left: 20px;
    background-image: url(images/arrow_down.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
#nav li.nav-closed {
    padding-left: 20px;
    background-image: url(images/arrow_right_hollow.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
#nav li.nav-level-1 {
	margin-left: -20px;
    padding-left: 20px;
    font-weight: normal;
    background-image: url(images/arrow_none.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}


#nav span.current a, #nav span.current a:visited {
    color: #d1255d;
}

/* Last update */
#lastUpdate {
    margin: 0  0 0px 9px;
    font-size: 85%;
    color: #a9ab93;
}



/* Messages */
div.message {
    color: #d1255d;
    margin-bottom: 15px;
}
div.message:before {
    content: ":: ";
}

div.error_message {
    margin-top: 1px;
    font-size: 85%;
    color: #d1255d;
}
.important {
    font-weight: bold;
    color: #d1255d; 
}


/* Boxes */
#box-termine {
    margin: 0 0 20px 9px;
    padding: 5px;
    background-image: url(images/bg_termine.jpg);
    background-repeat: repeat-y;
}
#box-positionen {
    margin: 3px 20px 15px 0;
    padding: 5px;
    background-color: #97bf0d;
    /*background-image: url(images/bg_positionen.jpg);*/
    /*background-repeat: repeat-y;*/
}
#box-kritik {
    margin: 0 9px 20px 0;
    padding: 5px;
    background-image: url(images/bg_kritik.jpg);
    background-repeat: repeat-y;
}
.box-inner {
    padding: 5px;	
}


/* Boxes styles */
.box-header {
    font-size: 110%;
    font-weight: bold;
    color: #fff;
    padding: 3px 8px 4px 8px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.box-item {
    padding: 6px 8px 3px 8px;
}
.box-link {
    font-weight: bold;
    color: #fff;
}
.box-link a, .box-item a:visited {
    color: #fff;
    text-decoration: underline;
}
.box-link a:hover {
    text-decoration: none;
}
.box-desc {
    color: #fff;    
}


/* Content area */
#content {
	/* new block formatting context for selective clears */
	/* see http://www.communitymx.com/content/article.cfm?page=1&cid=6BC9D */
    overflow: auto;
    /* IE Win compatibility fix for new block formatting context */
    zoom: 100%;
}
#content div.content-item {
    margin-bottom: 25px;
    clear: left;
}
#content div.content-item img.feature {
    float: left;
    margin: 3px 10px 1px 0;
}
#content div.content-item img.feature-right {
    float: right;
    margin: 3px 0 1px 10px;
}

#content h1 {
    font-size: 130%;
    font-weight: bold;
    color: #97bf0d;
    margin-bottom: 12px;
    text-transform: uppercase;
}
#content h1 a, #content h1 a:visited {
    color: #97bf0d;
    text-decoration: none;
}
#content h1 a:hover {
    text-decoration: underline;
}

#content h5 {
    line-height: 180%;
    font-weight: bold;
    color: #4e4e4e;
    margin-bottom: 8px;
}
#content h5 a, #content h5 a:visited {
    color: #4e4e4e;
    text-decoration: underline;
}
#content h5 a:hover {
    color: #97bf0d;
    text-decoration: none;
}

#content h6 {
    line-height: 180%;
    font-weight: bold;
    color: #97bf0d;
    margin-top: 15px;
}


#content div.body, #content div.body p {
    line-height: 180%;
    margin-bottom: 8px;    
}
#content div.body a, #content div.body a:visited {
    color: #d1255d;
    text-decoration: none;
}
#content div.body a:hover {
    color: #d1255d;    
    text-decoration: underline;
}
#content div.body a.more, #content div.body a:visited.more,
#content h5 a.more, #content h5 a:visited.more {
    text-decoration: none;
    font-weight: normal;
    color: #d1255d;
    border-bottom: 0;
}
#content div.body a:hover.more, #content h5 a:hover.more {
    text-decoration: underline;
}


/* <ul> and <ol> in member profile */
#content div.body ul {
    margin: 8px 0 8px 18px;
    list-style: url(../img/arrow_right.gif);
}
#content div.body ul li, #content div.body ol li {
    line-height: 180%;
}
#content div.body ul li a, 
#content div.body ul li a:visited, 
#content div.body ol li a, 
#content div.body ol li a:visited {
    border: 0;
}
#content div.body ol {
    margin: 8px 0 8px 25px;
    list-style-type: decimal; 
}

/* CMS styles */
#cms ul {
}
#cms ul li {
    margin: 0 0 8px 30px;
}
#cms a, #cms a strong {
    text-decoration: underline;
}
#cms a:hover, #cms a:hover strong {
    text-decoration: none;
    color: #d1255d;
}

/* Chooser nav in content section */
#content div.body ul.chooser {
    margin: 0;
    list-style: none;
}
#content div.body ul.chooser li {
    border: 1px solid #df9906; 
    padding: 6px 8px; 
    background-color: whitesmoke; 
    margin-top: 12px;
}
#content div.body ul.chooser li a, .body ul.chooser li a:visited {
    border-bottom: 0;
    display: block;
}
.body ul.chooser li a:hover .title {
    color: #d1255d;
}
.body ul.chooser li .title {
    font-weight: bold;
    color: #4e4e4e;
}


/* Listing */
#user-listing {
    margin-bottom: 20px;
    width: 420px;
}

#user-listing a, #user-listing a:visited {
    color: #4e4e4e;
    text-decoration: none;
} 

#user-listing table {
    width: 100%;
    margin-top: 5px;
}
#user-listing span.title {
    font-weight: bold;
    color: #4e4e4e;
}
#user-listing .title a:hover {
    text-decoration: underline;
}
#user-listing .body a:hover {
    text-decoration: underline;
}

#user-listing tr.even {
    background-color: #ebebeb;
}
/*
#user-listing tr.even:hover {
    background-color: #e0e7f3}
*/

#user-listing tr.odd {
    background-color: whitesmoke}
/*
#user-listing tr.odd:hover {
    background-color: #e0e7f3}
*/

#user-listing th, #user-listing td {
    padding: 6px;
}
#user-listing th {
    font-weight: bold;
    color: white;
    background-color: #4a6d9d;
}
#user-listing td {
    vertical-align: top;
}

#user-listing span.label-positionen,
#user-listing span.label-notizen,
#user-listing span.label-mitglieder {
    background-color: #97bf0d;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 1px 3px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

#user-listing span.label-notizen {
    background-color: #8972ac;
}

#user-listing span.label-mitglieder {
    background-color: #4a6d9d;
}

#user-listing td.label {
    white-space: nowrap;
}

#user-listing span.req {
    color: #97bf0d;
}


/* Footer */
#footer {
    padding: 0 10px 10px 10px;
    font-size: 85%;
    color: #a9ab93;
    text-align: center;
}
#footer hr {
    margin-bottom: 10px;
    border: none;
    background-color: #999;
    color: #a9ab93;
    height: 1px;
    width: 100%;
}
#footer a, #footer a:hover, #footer a:visited {
    color: #a9ab93;
} 


/** Pager **/
.pager {
	margin: 20px 0;
}
.pager a, .pager a:visited, .pager u {
    color: #4e4e4e;
    text-decoration: none;
}
.pager a:hover {
    color: #97bf0d;
}


/* General */
.label-mitglieder {
    /* no width, should be defined locally */
    margin: 20px 0 4px 0;  
    padding: 2px 4px;
    background-color: #4a6d9d;
    font-weight: bold;
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 85%;
}


/* News */
#news-listing {
}

#news-listing h2 a, #news-listing h2 a:visited {
    font-size: 110%;
    font-weight: bold;
    color: #4e4e4e;
    text-decoration: none;
}
#news-listing h2 a:hover {
    text-decoration: underline;
}

#news-listing h5 {
    font-weight: normal;
    margin: 0 0 18px 0;
}


#news-listing .label-positionen, #news-listing .label-notizen, #news-listing .label-mitglieder {
    margin: 20px 0 4px 0;  
    width: 9.4em;
    padding: 2px 4px;
    background-color: #97bf0d;
    font-weight: bold;
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 85%;
}

#news-listing .label-positionen {
    display: none !important;
}

#news-listing .label-notizen {
    width: 6.4em;
    background-color: #8972ac;    
}

#news-listing .label-mitglieder {
    width: 8.8em;
    background-color: #4a6d9d;    
}


/* Forms */
.submit {
    margin: 20px 0;
}
input[type="text"], input[type="password"], input[type="file"], textarea  {
	border: 1px solid #a9ab93;
	padding: 2px;
	background-color: whitesmoke;
}
textarea {
    height: 10em;
}

/* Width */
.width100 {
    width: 99%;
}
.width66 {
    width: 66%;
}
.width50 {
    width: 50%;
}
.width33 {
    width: 33%;
}


/* Visibility */
.inv {
    display: none;
}


/* In-page navigation */
div.contextnav {
    margin: -8px 0 5px 0;
    text-align: right;
    padding-right: 4px;
}
div.contextnav a, div.contextnav a:visited {
    font-size: 85%;
    text-decoration: none;
    color: #4e4e4e;
}
div.contextnav a:hover {
    color: #97bf0d;
}


/* Tabs */
.tab-content {
	border: 1px solid #4e4e4e;
	/* padding-right: 1px; */
}

.tab-header {
	position: relative;
	height: 3em;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.tab-header ul.tab-list {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.tab-header ul.tab-list li  {
	display: inline;
	list-style: none;
	margin: 0;
}

.tab-header ul.tab-list a, .tab-header ul.tab-list span, .tab-header ul.tab-list a.tab-active {
	width: 6em;
	display: block;
	float: left;
	font-weight: bold;
	padding: 4px 0;
	margin: 1px 6px 0 0;
	text-align: center;
	text-decoration: none;
}

.tab-header ul.tab-list span, .tab-header ul.tab-list a.tab-active, .tab-header ul.tab-list a.tab-active:hover {
	border: 1px solid #4e4e4e;
	border-bottom: none;
	background: #bbcef2;
	padding-bottom: 6px;
	margin-top: 0;
}

/* a link in a background tab */
.tab-header ul.tab-list a {
	background: #ebebeb;
	border: 1px solid #a9ab93;
	border-bottom: none;
}

/* hover on a background tab */
.tab-header ul.tab-list a:hover {
	margin-top: 0;
	border-color: #4a6d9d;
	background: #e0e7f3;
	padding-bottom: 5px;
}

.tab  /* the heading that became the li */
{
	display: none;
}