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

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;
}

/* Head */
#head {
    height: 105px;
    background-color: rgb(6,98,149);
}

/* Subhead */
#subhead, #subhead a, #subhead a:visited {
    position: relative;
    margin-top: 1px;
    height: 30px;
    background-color: rgb(6,98,149);
    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 9px;
    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: #d1255d;
}
#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: 35px;
}

#nav .current {
    color: #d1255d;
}
*/

/* Navigation with ul */
#nav {
    margin: 3px 0 20px 9px;
    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%;
}

#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: 35px;
    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;
}


/* Messages */
div.message {
    font-size: 85%;
    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; 
}




/* 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: rgb(6,98,149);
    margin-bottom: 12px;
}
#content h1 a, #content h1 a:visited {
    color: rgb(6,98,149);
    text-decoration: none;
}
#content h1 a:hover {
    text-decoration: underline;
}

#content h5 {
    font-weight: normal;
    color: rgb(6,98,149);
    margin-bottom: 16px;
}
#content h5 a, #content h5 a:visited {
    text-decoration: underline;
    color: rgb(6,98,149);
}
#content h5 a:hover {
    text-decoration: none;
    color: rgb(6,98,149);
}

#content h6 {
    font-weight: bold;
    color: #7ea45c;
    margin-top: 15px;
}


#content div.body, #content div.body p {
    margin-bottom: 8px;    
}
#content div.body a, #content div.body a:visited {
    text-decoration: underline;
}
#content div.body a:hover {
    text-decoration: none;
}
#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: rgb(6,98,149);
    border-bottom: 0;
}
#content div.body a:hover.more, #content h5 a:hover.more {
    text-decoration: underline;
}


/* <ul> and <ol> in frontend */
#content div.body ul {
    margin: 20px 0 20px 30px;
    list-style: url(../img/arrow_right.gif);
}
#content div.body ul li, #content div.body ol li {
    line-height: 160%;    
}
#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: 20px 0 20px 30px;
    list-style-type: decimal; 
}


/* Chooser nav in content section */
#content div.body ul.chooser {
    margin: 0;
    list-style: none;
}
#content div.body ul.chooser li {
    border: 1px solid rgb(6,98,149); 
    padding: 6px 8px; 
    background-color: whitesmoke; 
    margin-top: 12px;
}
#content div.body ul.chooser li a, .body ul.chooser li a:visited {
    text-decoration: none;
    border-bottom: 0;
    display: block;
}
#content div.body ul.chooser li a:hover, .body ul.chooser li a:active {
    text-decoration: underline;
}

.body ul.chooser li a:hover .title {
    text-decoration: underline;
}
.body ul.chooser li .title {
    font-weight: bold;
    color: rgb(6,98,149);
}


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

#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.odd {
    background-color: whitesmoke}
#user-listing th, #user-listing td {
    font-size: 90%;
    padding: 6px;
}
#user-listing th {
    font-weight: bold;
    color: white;
    background-color: #6487c1;
}
#user-listing td {
    vertical-align: top;
}

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

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

#user-listing span.label-mitglieder {
    background-color: rgb(6,98,149);
}

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

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


/* 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: #d1255d;
}


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


/* News */
#news-listing {
    margin-top: 20px;
}
#news-listing h2 a, #news-listing h2 a:visited {
    font-weight: bold;
    color: rgb(6,98,149);
    text-decoration: none;
}
#news-listing h2 a:hover {
    text-decoration: underline;
}
#news-listing h5 {
    color: rgb(6,98,149);
    font-weight: normal;
    margin: 0 0 8px 0;
}
#news-listing h5 a {
    color: black;
}
#news-listing p {
    margin-bottom: 9px;
}


/* Events */
#events-listing {
    margin-top: 20px;
}

#events-listing h2, #events-listing h2 a, #events-listing h2 a:visited {
    margin: 20px 0 3px 0;
    font-weight: bold;
    color: rgb(6,98,149);
    text-decoration: none;
}
#events-listing h2 a:hover {
    text-decoration: underline;
}

#events-listing h5 {
    font-weight: bold;
    color: rgb(6,98,149);
    margin: -4px 0 4px 0;
}


/* Forms */
.submit {
    font-size: 85%;
    margin: 20px 0;
}
input[type="text"], input[type="password"], input[type="file"], textarea  {
}
textarea {
    height: 10em;
}

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


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