/*
Generated at: Wed, 01 Jul 2009 17:56:19 +0200
Generated from:
- style.css
- republish_teaser.css
- header.css
- navigation.css
- buttons.css
- tabs.css
- forms.css
- media.css
- ajax.css
*/

/**** style.css ****/

/**********************************************************************************
 * CSS for myHeimat.de                                                            *
 *                                                                                *
 * @author <a href="mailto:wolfgang.demeter@gogol-medien.de">Wolfgang Demeter</a> *
 *                                                                                *
 **********************************************************************************/

/***********
 * CONTENT *
 ***********/

#content {
    padding: 0px;
    text-align: left;
}

#content h1 {
	display: none;
}


/************
 * MESSAGES *
 ************/

.warning, .advice, .advice_tick{
    padding: 0 0 7px 0;
    margin: 10px 0;
    clear: left;
}

.warning {
    background: url(./../images/warning.png) 0 100% no-repeat;
    color: #f00;
}

.advice {
    background: url(./../images/advice.png) 0 100% no-repeat;
    color: #c77e34;
}

.warning div, .advice div, .advice_tick div {
    background: url(./../images/warning.png) 0 0 no-repeat;
    padding: 8px 0 0 50px;
    min-height: 35px;
} * html .warning div { height: 35px; }

.advice div {
    background: url(./../images/advice.png) 0 0 no-repeat;
} * html .advice div { height: 35px; }

.advice_tick {
    background: url(./../images/advice_tick.png) 0 100% no-repeat;
}

.advice_tick div {
    background: url(./../images/advice_tick.png) 0 0 no-repeat;
} * html .advice_tick div { height: 35px; }

.error, .signal { color: #f00; }

.go { color: #080; }

form .error {
    font-size: 0.93em;
}


/****************
 * POPUPPROFILE *
 ****************/

.popupprofile {
    position: absolute;
    border: 2px solid #dcdcdc;
    background: #ff4545 url(./../images/background_popupprofile.jpg) top right no-repeat;
    width: 292px; /* 302 minus padding */
    height: 150px; /* 186 minus padding */
    padding: 5px 5px 7px 5px;
    color: #fff;
    font-size: 9pt;
    text-align: left;
    line-height: 1.2em;
    z-index: 1000;
}

.popupprofile h3 {
    color: #fff;
    font-size: 14pt;
    font-weight: 900;
    line-height: 1.3em;
}

#popupmessage {
    color: #000000;
    font-size: 9pt;
    text-align: left;
    line-height: 1.5;
    padding: 5px;
    z-index: 32000;
    right: 0px;
    top: 70px;
    width: 250px;
    visibility: visible;
}

#popupmessage a {
    color: #c00 !important;
    text-decoration: underline !important;
}

#tag {
    color: #000000;
    font-size: 9pt;
    text-align: left;
    line-height: 1.5;
    padding: 5px;
    z-index: 32000;
    right: 0px;
    top: 70px;
    width: 350px;
    visibility: visible;
}

#tag a {
    color: #c00 !important;
    text-decoration: underline !important;
}

.popuphint {
    position: absolute;
    border: 1px solid #000000;
    background: #FFFFCC;
    color: #000000;
    font-size: 8pt;
    text-align: left;
    line-height: 1.2em;
    padding: 3px;
    z-index: 100;
    width: 230px;
}

/**********
 * GROUPS *
 **********/

.groupmembers {
    /* border: 1px solid #bcbcbc; */
    /*
    border-top: 0;
    padding: 0 10px 10px 10px;
    background: url(./../images/background_groupmembers.png) 100% bottom no-repeat;
    */
}


/****************
 * LEFT-COLUMN *
 ****************/

.left-column {
	width: 613px;
}

#content-teaser .header {
	background: #8b8b8b;
	height: 22px;
}

#content-teaser h4 {
    font-size: 0.9em;
    padding: 3px 0px 0px 5px;
    background-color: #8B8B8B;
    color: #FFFFFF;
    height: 19px;
    vertical-align: center;
    font-weight: 900;
}


/****************
 * RIGHT-COLUMN *
 ****************/

#right-column {
    padding-top: 9px;
    margin-left: 12px;
    width: 250px;
    vertical-align: top;
}

#right-column h4, #banner h4, #banner-highlight h4 {
    font-size: 0.9em;
    color: #fff;
    background: #8B8B8B;
    padding: 3px 7px 3px 6px;
    width: 237px; /* 250px - padding */
    position: relative;
    font-weight: bold;
    top: -1px;
    left: -10px;
    letter-spacing: 0.02em;
}

#right-column h4 a.link, #right-column h4 a.link:visited {
	color: #FFFFFF;
}

#right-column h4 a.link:hover {
	color: #222222;
}


#box, #box-bubble {
    margin: 0 0 18px 0;
    padding: 0;
}

#box-bubble {
    position: relative;
    width: 265px;
    left: -15px;
}

#box-top, #box-top-highlight, #box-top-bubble {
    height: 0;
    line-height: 0 !important;
    vertical-align: bottom;
}

#box-top-highlight {
    background: url(./../images/background_teaser_highlight_top.gif) bottom left no-repeat;
}

#box-top-bubble {
    background: url(./../images/background_teaser_bubble_top.gif?v2) bottom left no-repeat;
    height: 7px;
    line-height: 7px !important;
    vertical-align: bottom;
}

#box-bottom, #box-bottom-highlight, #box-bottom-bubble {
    height: 0;
    line-height: 0 !important;
    vertical-align: top;
}

#box-bottom-highlight {
    background: url(./../images/background_teaser_highlight_bottom.gif) top left no-repeat;
}

#box-bottom-bubble {
    background: url(./../images/background_teaser_bubble_bottom.gif?v3) top left no-repeat;
    height: 47px;
    margin-bottom: -47px;
    line-height: 7px !important;
    vertical-align: top;
}

#box-content, #box-content-highlight, #box-content-bubble {
    background: #EEEDED;
    padding: 1px 10px 10px 10px;
}

#box-content-highlight {
    background: url(./../images/background_teaser_highlight.gif) top left repeat-y;
}

#box-content-bubble {
    background: url(./../images/background_teaser_bubble.gif?v2) top left repeat-y;
}

#box-content-popupmessage {
    background: url(./../images/background_teaser_popupmessage.gif?v2) top left repeat-y;
    padding: 1px 7px 1px 6px;
    width: 250px;
    z-index: 32000;
    text-align: left;
}

#box-popupmessage {
    position: absolute;
    top: 63px;
    width: 250px;
    z-index: 32000;
}

#box-top-arrow-right {
    background: url(./../images/background_teaser_top_arrow.gif?v2) bottom left no-repeat;
    height: 22px;
    line-height: 22px !important;
    width: 250px;
    vertical-align: bottom;
    z-index: 32000;
}

#box-top-arrow-left {
    background: url(./../images/background_teaser_top_arrow_left.gif) bottom left no-repeat;
    height: 22px;
    line-height: 22px !important;
    width: 250px;
    vertical-align: bottom;
    z-index: 32000;
}

#box-bottom-popupmessage {
    background: url(./../images/background_teaser_bottom_popupmessage.gif?v2) top left no-repeat;
    height: 7px;
    line-height: 7px !important;
    vertical-align: top;
    z-index: 32000;
}


#box-content-tag {
    background: url(./../images/background_teaser_long.gif?v2) top left repeat-y;
    padding: 1px 7px 1px 6px;
    width: 340px;
    z-index: 32000;
    text-align: left;
}

#box-tag {
    position: absolute;
    width: 350px;
    z-index: 32000;
}

#box-top-tag {
    background: url(./../images/background_teaser_top_long.gif?v2) bottom left no-repeat;
    height: 7px;
    line-height: 7px !important;
    width: 350px;
    vertical-align: bottom;
    z-index: 32000;
}

#box-bottom-tag {
    background: url(./../images/background_teaser_bottom_long.gif?v2) top left no-repeat;
    height: 22px;
    line-height: 22px !important;
    vertical-align: top;
    z-index: 32000;
}

#box-top-full {
    height: 0px;
    line-height: 0px !important;
    vertical-align: bottom;
    z-index: 32000;
}

#box-full {
    position: relative;
    z-index: 32000;
}

#box-content-full {
    background: #FFFFCE none repeat scroll 0 0;
    padding: 10px;
    z-index: 32000;
    text-align: left;
}

#box-bottom-full {
    height: 0px;
    line-height: 0px !important;
    vertical-align: top;
    z-index: 32000;
}

.box-yellow-228x31 {
    background: url(./../images/background_box_yellow_228x81.png) top left no-repeat;
    width: 198px;
    height: 61px;
    padding: 10px 15px;
    text-align: left;
}

#right-padding {
    padding: 1px 4px;
}

#box #ads img {
	border: 0px;
}


/****************
 * ADS          *
 ****************/

#sideads {
    position: absolute;
    overflow: visible;
    top: 10px;
    left: 890px;
    padding: 0px;
    border: none;
    background: #fff;
    color: #666;
    font-size: 0.7em;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}


/**********
 * FOOTER *
 **********/

#footer {
    /*height: 160px;*/
    color: #a6a6a6;
    margin-top: 15px;
    padding: 15px 15px 0 15px;
    border-top: 1px solid #cccccc;
    background: #fefefe url(./../images/footer_background.png) top left repeat-x;
}

#footerColumn {
    width: 100px;
    padding-left: 20px;
    float: left;
}

#footer a {
    color: #919191 !important;
    text-decoration: none !important;
}

#footer a:hover {
    color: #c00 !important;
    text-decoration: underline !important;
}


/***********
 * OVERLAY *
 ***********/

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: 500px;
    background-color: #322;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

#overlaycontent {
    position: absolute;
    z-index: 9010;
    top: 25px;
    left: 100px;
    width: 400px;
    height: auto;
    background-color: #fff;
    border: 2px solid #bbb;
    padding: 10px;
}


/***************
 * Tag Page    *
 * +Tag Teaser *
 ***************/

#tag-headline-box {
	background-color: rgb(238,237,237);
	padding: 5px 8px;
}

#tag-headline-box .tag-hl {
	font-weight: normal;
	font-size: 16pt;
	color: #858585;
}

#tag-headline-box .tag-hl-h1 {
	display: inline;
	font-weight: normal;
	font-size: 16pt;
	color: #858585;
}

#tagcloud {
	overflow: hidden;
}

#tag-cloud-limiter {
	font-size: 10pt;
	color: #E40909;
}

#tag-cloud-limiter a,
#tag-cloud-limiter a:hover,
#tag-cloud-limiter a:visited {
	color: #222222;
	text-decoration: underline !important;
	margin-left: 5px;
}

#tag-cloud-limiter span {
	margin-left: 5px;
}

.tag-meta-info {
	background-color: rgb(254, 253, 215);
	padding: 10px 5px 5px 5px;
	overflow: hidden;
}

.teaser-popular-tags {
	padding-left: 10px;
	color: #858585;
}

.teaser-popular-tags:hover {
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #8B8B8B;
}

.teaser-popular-tags:hover a {
	color: #FFFFFF;
}


/**********************
 * GLOBAL DEFINITIONS *
 **********************/

* {
    margin: 0;
    padding: 0;
}

html { /*background: url(./../images/background_grey_diagonal.gif); */}

body {
    font: normal 10pt Arial, Helvetica, sans-serif;
    color: #010101;
    margin: 0 auto;
}

#wrap {
    margin: 0 auto;
    width: 880px;
    /*border-left: 1px solid #ccc;*/
    /*border-right: 1px solid #ccc;*/
    background: #fff;
    position: relative;
    /*overflow: hidden;*/
}

#wrappopup {
    margin: 0 auto;
    width: 630px;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    position: relative;
}

#paddedcontent  {
    padding: 5px 5px 5px 0;
    margin-top: 4px;
}

#paddedcontent h1 {
	font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #c00;
    text-decoration: none;
	display: block;
}

a { text-decoration: none !important; }

a:link, a:visited, a.coy:hover {
    color: #c00;
    text-decoration: underline;
}

a:active, a:hover {
    color: #222;
}

a.textcolor {
    color: #010101;
}

a.link {
    text-decoration: underline !important;
}

a.link:active, a.link:hover, a.coy {
    color: #222;
}

a.button {
    /* text-decoration: underline; */
}

a.button:active, a.button:hover {
    background-color: #E0E0E0;
    color: #222;
}

a.link_message, a.link_message_inactive, a.link_group, a.link_group_inactive, a.link_contact, a.link_contact_inactive,
a.link_page_edit, a.link_page_delete, a.link_page_go, a.link_calendar_edit, a.link_calendar_delete,
a.link_email_edit, a.link_user_add, a.link_group_add, a.link_cross, a.link_tick, a.arrow_bottom, a.arrow_top, a.arrow_top2, a.icon_function_tools ,
a.link_pdf, a.link_help, a.link_group_exit, a.icon_user_blue, a.door_in {
    padding-left: 20px;
}

a.link_message { background: url(./../images/email.gif) top left no-repeat; }
a.link_message_inactive { background: url(./../images/email_open_grau.gif) top left no-repeat; }
a.link_group { background: url(./../images/group_new.gif) top left no-repeat; }
a.link_group_inactive { background: url(./../images/group.gif) top left no-repeat; }
a.link_contact { background: url(./../images/user_new.gif) top left no-repeat; }
a.link_contact_inactive { background: url(./../images/user.gif) top left no-repeat; }
a.link_pdf { background: url(./../images/pdf_icon.gif) top left no-repeat; }
a.link_help { background: url(./../images/help.png) top left no-repeat; }
a.link_group_add { background: url(./../images/group_add.gif) top left no-repeat; }
a.link_page_edit { background: url(./../images/page_edit.gif) top left no-repeat; }
a.link_group_exit { background: url(./../images/group_delete.gif) top left no-repeat; }
a.link_page_delete { background: url(./../images/page_delete.gif) top left no-repeat; }
a.link_page_go { background: url(./../images/page_go.gif) top left no-repeat; }
a.link_calendar_edit { background: url(./../images/calendar_edit.gif) top left no-repeat; }
a.link_calendar_delete { background: url(./../images/calendar_delete.gif) top left no-repeat; }
a.link_email_edit { background: url(./../images/email_edit.gif) top left no-repeat; }
a.link_user_add { background: url(./../images/user_add.gif) top left no-repeat; }
a.link_cross { background: url(./../images/cross.gif) top left no-repeat; }
a.link_tick { background: url(./../images/tick.gif) top left no-repeat; }
a.arrow_bottom { background: url(./../images/arrow_bottom.gif) top left no-repeat; }
a.arrow_top { background: url(./../images/arrow_top.gif) top left no-repeat; }
a.arrow_top2 { background: url(./../images/arrow_top2.gif) top left no-repeat; }
a.icon_function_tools { background: url(./../images/comment_edit.gif) top left no-repeat !important; }
a.icon_user_blue { background: url(./../images/user_blue.gif) top left no-repeat; }
a.door_in { background: url(./../images/door_in.gif) top left no-repeat; }


a.link_email_edit:active, a.link_user_add:active, a.link_group_add:active, a.link_email_edit:hover,
a.link_user_add:hover, a.link_group_add:hover, a.link_group_exit:hover, a.link_message:active,
a.link_message:hover, a.link_message_inactive:active, a.link_message_inactive:hover,
a.link_contact:active, a.link_group:active, a.link_group:hover,  a.link_contact:hover,
a.link_contact_inactive:active, a.link_contact_inactive:hover, a.link_group_inactive:active,
a.link_group_inactive:hover, a.link_page_edit:active, a.link_page_edit:hover, a.link_page_delete:active,
a.link_page_delete:hover, a.link_page_go:active, a.link_page_go:hover, a.link_calendar_edit:active,
a.link_calendar_edit:hover, a.link_calendar_delete:active, a.link_calendar_delete:hover, a.icon_user_blue:active,
a.arrow_bottom:hover  a.arrow_bottom:active, a.arrow_top:active, a.arrow_top:hover, a.link_pdf:active, a.link_pdf:hover {
    background-color: #E0E0E0;
    color: #222;
}

a.link_highlight {
    background: url(./../images/icon_link_arrow.gif) 0 4px no-repeat !important;
    padding-left: 7px;
}

a.link_highlight_double {
    background: url(./../images/icon_link_arrow_double.gif) 0 4px no-repeat !important;
    padding-left: 10px;
}

a.link_highlight_double_after, .link_highlight_double_after {
    background: url(./../images/icon_link_arrow_double.gif) right no-repeat !important;
    padding-right: 10px;
}

a.link_highlight_double_left {
    background: url(./../images/icon_link_arrow_double_left.gif) left no-repeat !important;
    padding-left: 10px;
}

a.link_iconheight {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 16px;
    background-position: 0 50%;
    z-index: 10;
}

a.close, a.close:link, a.close:active, a.close:visited, a.close:hover {
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(./../images/button_cancel.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.close:hover {
	background-position: 0px 0px;
}

a.pointer { cursor: pointer; }

a.highlight-bg, a.highlight-bg:visited {
	color: #858585;
}

a.highlight-bg:hover {
	color: #CC0000;
	background-color: #FFECF0;
}


table, tr, th, td {
    border-spacing: 0;
    border-width: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

th {
    text-align: center;
    vertical-align: middle;
}

td { vertical-align: top; }

table.biglist {
    table-layout: fixed;
    width: 835px;
    border: 2px solid #ddd;
}

.biglist td, .biglist th {
    padding: 0 3px;
    border: 1px dotted #eee;
}

table.list {
    empty-cells: show;
}

.list th, .list td {
    padding: 3px;
    border-bottom: 1px dotted #ccc;
}

.list th {
    border-style: solid;
}

tr.inhouse, dfn.inhouse {
    background-color: #efe;
}

tr.competition, dfn.competition {
    background-color: #fdd;
}

h2, h2 a {
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12.5pt;
    font-weight: bold;
    letter-spacing: -0.02em;
    color: #485250 !important;
}

h2 a:hover {
    color: #c00 !important;
    text-decoration: underline !important;
}

h3 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    text-align: left;
    font-size: 15pt;
    color: #1a1a1a;
    font-weight: normal;
    letter-spacing: -0.02em;
    min-height: 15px;
    background: none;
}

h4 {
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    color: #2a2a2a;
    text-align: left;
}

h4.seperation {
    font-size: 10pt;
    font-weight: 900;
    color: #000;
    background: url(./../images/tab_line.gif) 0 8px repeat-x !important;
    margin: 5px 0;
}

h4.seperation u {
    text-decoration: none;
    background: #fff;
    padding-right: 5px;
}

h5 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #c00;
    text-decoration: none;
}

h6, h6 a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #485250 !important;
}

h6 a:hover {
    text-decoration: underline !important;
}

p {
    text-align: left;
    margin-bottom: 10px;
}

img, .imgborder {
    border: 1px solid #dcdcdc;
}

hr.clear {
    clear: both;
    visibility: hidden;
}

blockquote {
    font-style: italic;
}

#content ul {
    list-style-type: square;
    /* list-style-position: inside; */
    list-style-position: outside;
    margin-left: 15px;
}

#content ol {
    list-style-position: inside;
}

.articleteaser {
    margin-bottom: 20px;
}

.imgteaser {
    float: left;
    margin: 4px 8px 2px 0;
    padding-bottom: 0px;
}

.imagebar {
    width: 160px !important; /* maximale Bildausdehnung von Thumbnails (inkl. Rahmen) */
    min-width: 160px !important;
    text-align: center;
    vertical-align: top;
    padding: 3px 0 0 10px;
}

.text {
    vertical-align: top;
    width: 100%;
}

.noborder {
    border: 0;
    outline: none;
}

.strongborder {
    border-width: 2px;
}

.infobox {
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    width: 170px;
    padding: 15px;
    margin: 5px 15px;
}

.hint {
    color: #a2a2a2;
    font-size: 0.85em;
    font-weight: normal;
    margin: 0;
}

.subtitle {
    color: #868686;
    font-size: 0.85em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 3px 0;
    overflow: hidden;
}

.strong { font-weight: 900; }

.normal { font-weight: normal; }

.contrast { color: #3096ea; }

.highlight { color: #e40909 !important; }

.success { color: #69ca69 !important; }

.unimpressive { color: #858585 !important; }

.textcolor { color: #010101 !important; }

.headline { color: #4a4a4a !important; }

.small { font-size: 0.9em; }

.smaller { font-size: 0.8em; }

.big { font-size: 1.1em; }

.bigger { font-size: 1.2em; }

.center { text-align: center; }

.alignleft { text-align: left; }

.alignright { text-align: right; }

.left { float: left; }

.right { float: right; }

.clearleft { clear: left; }

.clearright { clear: right;  }

.clearboth { clear: both; }

#pagination {
    text-align: center;
    margin: 0 8px;
    padding: 3px 0;
    font-weight: bold;
}

#pagination .pagination-bottom {
    margin-top: 12px;
    padding-top: 3px;
    border-top: 1px solid #afafaf;
}

#pagination a, #pagination .inactive, #pagination .active {
    font-size: 0.9em;
    text-decoration: none;
    border: 1px solid #c00;
    padding: 2px 4px;
    margin-right: 1px;
}

#pagination .active {
    background: #c00;
    color: #fff;
}

#pagination .inactive {
    border: 1px solid #555;
    color: #555
}

h4 #pagination a {
    border: none;
    font-size: 0.9em;
    color: #FFFFFF;
}

.dottedline {
    border-bottom: 1px dotted #afafaf;
    margin: 4px 0;
}

.dottedline-strong {
    border-bottom: 3px dotted #afafaf;
    margin: 4px 0;
}

.dottedline-bg {
    border-top: 1px dotted #afafaf;
    height: 10px;
    margin: 1px 0;
    /*background: url(./../images/bg-line.gif) repeat-x;*/
}

.solidline {
    border-bottom: 1px solid #afafaf;
    margin: 4px 0;
}

.topspacer {
    height: 7px;
    font-size: 1pt;
}

.spacer, .spacer-double, .spacer-triple, .spacer-half {
    height: 6px;
    font-size: 1px;
}

.spacer-double { height: 12px; }

.spacer-triple { height: 18px; }

.spacer-half { height: 3px; }

.spacer-big { height: 50px; }

.bgcolor { background: #fff; }

.alt { display: none; }

.completewidth { width: 100%; }

.padded { padding: 5px; }

.cloud_tag a:hover {
    text-decoration: underline !important;
    background-color:#fff;
}

/*********************
 * ARTICLE REPUBLISH *
 *********************/
.moreArticleInfo {
 	background-color: #EEEDED;
 }

.moreArticleInfo div.author {
 	font-size: 0.8em;
 	float: left;
 	padding: 5px;
 	max-width: 490px;
 }

.moreArticleInfo div.detailLink {
 	float: right;
 	font-size: 0.8em;
 	padding: 5px;
 }

.moreArticleInfo div.detail {
 	border-top: 1px #8B8B8B solid;
 	padding: 5px;
 	/*margin-top: 5px;*/
 	display: block;
 }

.moreArticleInfo div.detail div {
 	float: left;
 	margin-right: 10px;
 	/*padding: 5px;*/
 }

.moreArticleInfo div.republishDocument {
	border-top: 1px #8B8B8B solid;
	padding: 5px;
	display: block;
	border-bottom: 1px #8B8B8B solid;
}

.moreArticleInfo div.imageDocument {
	float: left;
}

.moreArticleInfo div.documentText {
	float: left;
	/*background-color: #8B8B8B;*/
	margin-right: 5px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.moreArticleInfo div.documentInfo {
	float: left;
	margin-top: 10px;
}


/**** republish_teaser.css ****/

.republishTeaserMain
{
	background-color: rgb(227, 224, 224); 
	margin-bottom: 15px; 
	padding-top: 10px; 
	color: #8B8B8B; 
	padding-bottom: 15px;
}

.republishTeaserMain img
{
	border: 0px;
}

.headingImage
{
	float: left;
	margin-left: 10px;
}

.heading
{
	float:left; 
	padding-left: 5px; 
	margin-bottom: 5px;
}

.simpleText
{
	font-size: 0.8em; 
	margin-left: 30px; 
	margin-top: 20px; 
	margin-bottom: 5px; 
	color: #222222;
}

.mediaDotted
{
	margin: 0px; 
	padding: 0px; 
	color: #222222;
}

.displayedMedia
{
	margin-left: 30px; 
	font-size: 0.9em;
}

.noneDisplayedMedia
{
	display: none; 
	margin-left: 30px; 
	font-size: 0.9em;
}

.numberOfMediaButton
{
	margin-left: 30px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-size: 0.9em;
}

.bottomImage
{
	height: 145px; 
	margin-left: 3px;
}

.bottomButton
{
	margin-right: 15px; 
	margin-left: 15px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	background-image: url("../../../resources/images/button.png");
	background-repeat: no-repeat;
}

.bottomButtonText
{
	text-align: center; 
	color: white; 
	margin: 0px; 
	font-size: 0.9em;
}

.bottomButtonText a
{
	color: white;
}



/**** header.css ****/

/**********
 * HEADER *
 **********/

#header {
    /*background: url(./../images/gradient.gif) repeat-x;*/
    display: block;
    position: relative;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    height: 74px !important;
    margin: 0px;
    padding: 0px;
}

#header #realm, #header #welcome-user {
    position: absolute;
    bottom: 6px !important;
}

#header #realm a {
    color: #999;
    font-size: 20pt;
    font-weight: 900;
    vertical-align: bottom;
    text-decoration: none;
}

#header #changerealmform, #header #changerealmlink {
    position: absolute;
    top: 0px;
    padding-top: 10px;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 100;
}

#header #changerealmlink {
    display: block;
}

#header #changerealmform {
    /* fuer scriptaculous direkt mit style formatiert
    display: none;*/
}

#header #changerealmform input {
    width: 120px;
}

#header #changerealmform a, #header #changerealmlink a {
    color: #999;
    font-weight: 900;
    text-decoration: none;
}

#header #changerealmsearchresult {
    overflow: auto;
    white-space: normal;
    position: absolute;
    display: none;
    z-index: 1000;
    top: 28px;
    right: 0;
    width: 200px;
    border: 1px solid #999;
    background: #eee;
    padding: 3px;
}

#header #changerealmsearchresult ul  {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 13px;
}

#header #changerealmsearchresult a {
    color: #999;
}

#header #changerealmsearchresult .info {
    color: #222;
    text-align: center;
    font-size: 0.8em;
}

#header #welcome-user {
    right: 5px;
    bottom: 4px;
    text-align: right;
    font-size: 0.9em;
}

#header div.headernavigation {
    text-align: right;
    padding-top: 10px;
    margin-right: 5px;
    font-size: 0.9em;
}

#header div.headernavigation a {
    color: #999;
}


/**** navigation.css ****/

/**************
 * NAVIGATION *
 **************/

#navigation {
    display: block;
    background: url(./../images/background_header_bar.jpg) repeat-x !important;
    height: 34px !important;
}

#navigation .solidblockmenu {
    margin: 0;
    padding: 0;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color: #fffefe;
}

#navigation .solidblockmenu li {
    display: inline;
}

#navigation .solidblockmenu li.menudivider {
    display: block;
    float: left;
    background: url(./../images/divider_header_bar.jpg) top right no-repeat !important;
    height: 34px;
    width: 2px;
    padding: 0;
}

#navigation .solidblockmenu li a {
    float: left;
    padding: 8px 10px 0 14px;
    height: 34px !important;
    text-decoration: none;
    color: #fffefe;
}

#navigation .solidblockmenu li a:hover, #navigation .solidblockmenu li .current {
    color: #ffc;
    background: transparent url(./../images/background_header_bar_active.jpg) repeat-x;
}

#navigation .search {
    float: right;
    margin: 6px 5px 0 0;
}


/**** buttons.css ****/

/***********
 * BUTTONS *
 ***********/

/* button_action is used for "beitrag erstellen" und use-case nicht lokalisiert */
#button_action {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding: 20px 20px 10px 70px;
    width: 205px;
    height: 80px;
}

.button-shot { background: url(./../images/button_shot.gif) top left no-repeat; }

.button-gallery { background: url(./../images/button_gallery.gif) top left no-repeat; }

.button-article { background: url(./../images/button_article.gif) top left no-repeat; }

.button-event { background: url(./../images/button_event.gif) top left no-repeat; }

.button-explore { background: url(./../images/button_explore.gif) top left no-repeat; }

.button-group { background: url(./../images/button_group.gif) top left no-repeat; }

.button-share { background: url(./../images/button_share.gif) top left no-repeat; }

.button-magazin { background: url(./../images/button_magazin.gif) top left no-repeat; }

#button_action:hover {
    background-position: 0% -120px;
}

#function {
    position: relative;
}

.functionarea, .functionarea-link {
    position: relative;
    width: 350px;
}

.functionarea-link, #function a.icon_function_tools {
    width: 16px;
    height: 16px;
}

#function a.icon_function_close {
    display: block;
    position: absolute;
    top: -9px;
    right: 1px;
    background: url(./../images/icon_admin_close.gif) no-repeat top right !important;
    width: 8px;
    height: 8px;
}

.functionarea {
    padding: 3px;
    border: 1px dotted #d8d8d8;
    border-top: 10px solid #d8d8d8;
    /*background: #ffe6e6;*/
    background: url(./../images/box_bottom.gif);
    z-index: 5000;
    top: -120px;
    left:-80px;
}

.functionarea a, .functionarea-link a {
    color: #f00;
}

.functionarea a:hover {
    color: #c33;
}


#box-top-tab {
    background: url(./../images/background_teaser_toplong.gif) bottom left no-repeat;
    height: 7px;
    line-height: 7px !important;
    width: 350px;
    vertical-align: bottom;
    z-index: 32000;
}

#button_action a {
    font-size: 1.4em;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-decoration: underline;
}

/* button is a standard button used in right columns and elsewhere */
/* mini_button is a button based on button but with smaller length */
/* mini_button_half is a button based on mini_button but with half the length */
#button, #mini_button, #mini_button_half {
    display: block;
    margin-top: 5px;
    padding: 5px 8px 5px 15px;
    width: 193px;
    background: url(./../images/button.gif?v2) top left no-repeat;
}
#mini_button {
    width: 169px;
    background: url(./../images/mini_button.gif) top left no-repeat;
}

#mini_button_half {
    width: 108px;
    background: url(./../images/mini_button_half.gif) top left no-repeat;
}

#button:hover, #mini_button:hover, #mini_button_half:hover {
   background-position: 0% -29px;
}

#button a, #mini_button a, #mini_button_half a {
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: -0.02em;
    color: #FFF !important;
    text-decoration: none;
}

a.button-small {
    background: url(./../images/button_banner.gif) top left no-repeat;
    width: 104px;
    height: 25px;
    padding-top: 3px;
    margin: 5px 10px 0 0;
    text-align: center;
    font-size: 1em !important;
    font-weight: 900;
    color: #fff !important;
}

a:hover.button-small {
    color: #eee !important;
}

#banner, #banner-highlight {
    background: #eeeded;
    padding: 1px 10px 10px 10px;
    color: #464646;
}

#banner-top, #banner-top-highlight {
    height: 0px;
    line-height: 0px !important;
    vertical-align: bottom;
}

#banner-bottom, #banner-bottom-highlight {
    height: 0px;
    line-height: 0px !important;
    vertical-align: top;
    margin-bottom: 18px;
}

#banner-highlight {
	background: #FFFFCE none repeat scroll 0 0;
}

#banner h4, #banner-highlight h4 {
    width: 100%;
    padding-right: 14px;
}

.button_counter {
    background: url(./../images/button_counter.gif) top left no-repeat;
    width: 233px;
    height: 43px;
    padding: 6px 5px 0 5px;
    text-align: left;
    font-weight: 900;
    line-height: 1.1em;
    color: #fff;
}

.button_counter_big {
    background: url(./../images/button_counter_big.gif) top left no-repeat;
    width: 595px;
    height: 43px;
    text-align: left;
    font-weight: 900;
    line-height: 1.1em;
    color: #fff;
}

.button_counter dfn.counter {
    float: left;
    width: 32px;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 25pt;
    font-style: normal;
    line-height: 25px;
    vertical-align: top !important;
    overflow: visible;
}


/**** tabs.css ****/

/********
 * TABS *
 ********/

#tabs {
    float: left;
    margin-bottom: 15px;
    padding-right: 5px;
    width: 100%;
    background: url(./../images/tab_line.gif) bottom repeat-x;
}

* html #tabs {
    height: 1px;
    overflow: visible;
}

#tabs h1 {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    text-align: left;
    font-size: 15pt;
    font-weight: 700;
    letter-spacing: -0.01em;
    min-height: 15px;
    background: none;
    overflow: hidden;
    display: block;
    color: #010101;
}

#tabs ul {
    list-style: none !important;
    margin: 0.5em 0 0 0;
    padding: 2px 0 0 1em;
    /* font-size: 0.9em; */
}

#tabs li {
    float: right;
    margin: 0 1px 0 0;
    padding: 0 5px 0 0;
    background: url(./../images/tab_back.png) 100% -100px;
    border-bottom: 1px solid #bbb;
}

#tabs li.active {
    border-bottom: 1px solid #fff;
    background: url(./../images/tab_back.png) 100% 0;
}

#tabs li a, #tabs li a:visited, #tabs li span {
    display: block;
    float: left;
    padding: 5px 11px 5px 16px;
    text-align: center;
    text-decoration: none;
    color: #322F29;
    white-space: nowrap;
    background: url(./../images/tab_back.png) 0 -100px;
}

#tabs li.active a, #tabs li.active span {
    background: url(./../images/tab_back.png) 0 0;
}

#tabs li:hover {
    background-position: 100% -200px;
}

#tabs li:hover a {
    background-position: 0 -200px;
}

#tabs li.active:hover {
    background-position: 100% 0;
}

#tabs li.active:hover a {
    background-position: 0 0;
    text-decoration: underline;
}

#tabs-sub-menue {
    float: left; /* need for IE */
    padding: 0;
    margin-top: -13px;
    width: 100%;
    padding-bottom: 15px;
}

#tabs-sub-menue a {
    color: #0a0a0a; /*578CCA*/
    line-height: 1.1em;
    text-decoration: underline !important;
}

#tabs-sub-menue a:hover {
    background-color: #E0E0E0;
    color: #222222;
}

#tabs-sub-menue a.active, #tabs-sub-menue span.active {
    color: #808080; //
    font-size: 1.1em;
    font-weight: 900;
    text-decoration: none !important;
}

#tabs-sub-menue a.active:hover {
    text-decoration: underline;
    background-color: #fff;
}

#tabs-sub-menue a.link {
    text-decoration: none !important;
    color: #c00 !important;
}

#tabs-sub-menue .divider, .divider, .divider-noline {
    padding: 0 6px;
    white-space: nowrap;
}

#tabs-sub-menue .divider, .divider {
    background: url(./../images/tool_divider.gif) 0 50% no-repeat;
}


/**** forms.css ****/

/*************
 * FORMULARE *
 *************/

input, select, textarea {
    background: #f2f2f2 url(./../images/form_back_header.gif) repeat-x;
    color: #444;
    border: 1px solid #aaa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 800;
    text-transform: none;
    vertical-align: middle;
    padding-left: 2px;
}

button {
    font-weight: bold;
    font-size: 1.1em;
    padding: 3px 10px !important;
}

button.smallbutton, button.small {
    font-weight: bold;
    font-size: 0.8em;
    padding: 1px 2px !important;
}

button.tiny {
    width: 140px; 
    padding: 1px 0 !important; 
    white-space: nowrap;
}

button.editor {
    font-weight: normal;
    font-size: 0.85em;
    padding: 2px 5px;
}

button.icon {
    padding: 0 1px;
    float: left;
    font-weight: normal;
    font-size: 0.85em;
    vertical-align: bottom;
    height: 22px;
    line-height: 22px;
}

.buttonbar {
    height: 22px;
}

.inputimage {
    border: 0;
    padding: 0;
}

#content input, .content input, #content select, #content textarea {
    background: #ffc url(./../images/form_back.gif) repeat-x;
    font-size: 1.2em;
}

textarea.small { height: 50px; }

textarea.medium { height: 125px; }

textarea.big { height: 200px; }

#content form #halfwidth, #content form #fullwidth {
    font-weight: 900;
    margin-bottom: 10px;
    white-space: normal;
}

#halfwidth input, #halfwidth select, #halfwidth textarea {
    width: 250px;
}

#fullwidth input, #fullwidth select, #fullwidth textarea {
    width: 500px;
}

#halfwidth input[type=radio], #fullwidth input[type=radio], #halfwidth input[type=checkbox], #fullwidth input[type=checkbox] {
    width: 20px !important;
    font-weight: normal;
    border: 0;
    background: #fff;
    margin-bottom: 5px;
}

input.short, select.short {
    width: 75px !important;
}

input.veryshort, select.veryshort {
    width: 50px !important;
}

input[type=submit] {
    background-color: #ddd;
    font-size: 10pt;
    margin-top: 2px;
    padding: 3px 10px;
}

input.teaser {
    background-color: #ffffff;
    font-size: 8pt;
    margin-top: 2px;
    margin-left: 220px;
    padding: 1px 6px;
    
}
input[readonly] {
    background: #f2f2f2 url(./../images/form_back_header.gif) repeat-x !important;
}

form .error input, form .error select, form .error textarea, input.error {
    background: #ffdada url(./../images/form_back_error.gif) repeat-x !important;
    border: 1px solid #faa;
}

input.regular, select.regular, textarea.regular {
    background: #f2f2f2 url(./../images/form_back_header.gif) repeat-x !important;
    color: #444 !important;
    border: 1px solid #aaa;
}

label {
    display: block;
    color: #555;
    font-size: 1.1em;
    white-space: nowrap;
    margin-bottom: 1px;
}

label_wrap {
    display: block;
    color: #555;
    font-size: 1.1em;
    white-space: normal;
    margin-bottom: 1px;
}

fieldset {
    border: 1px solid #ddd;
    margin: 1em 0;
    padding: 15px;
}

fieldset.form {
    width: 92%;
}

legend {
    font-size: 1.1em;
    font-weight: bold;
    color: #999;
    padding: 0 0.5em; /* Top and Bottom for IE7 */
}

#formoptionshide, #formoptionshide2 {
    /* invers gesetzt fuer deaktiviertes JavaScript
    display: none; */
    display: block;
}

#formoptionsshow, #formoptionsshow2 {
    /* invers gesetzt fuer deaktiviertes JavaScript
    display: block; */
    display: none;
}

#slider {
    border-top: 1px solid #aaa;
    text-align: right !important;
    padding-left: 10px;
}

#slider span.sleft {
    display: inline;
    float: left;
    background: url(./../images/slider_left.gif) no-repeat;
    width: 50px;
    height: 23px;
}

#slider span.sright {
    display: inline;
    float: left;
    background: url(./../images/slider_right.gif) no-repeat;
    width: 50px;
    height: 23px;
}

#slider span.smain {
    display: inline;
    float: left;
    background: url(./../images/slider_background.gif) repeat-x;
    height: 23px;
}

#slider span.smain img {
    margin-top: 1px;
}

input.smallinlineedit {
    padding: 0;
    margin: 0;
    top: -2px;
    position: relative;
    height: 13px !important;
    font-size: 8pt !important;
}

.checklist {
    background-color: #ffc;
    border: 1px solid #aaa;
    color: #444;
    overflow: auto;
}

ul.checklist {
    list-style-type: none !important;
    list-style-position: outside !important;
    width: 250px;
    height: 70px;
    margin-left: 0px !important;
}

#fullwidth ul.checklist {
    width: 500px;
}

.checklist, .checklist li {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.checklist .alternate, .checklist .alternate input {
    background-color: #ffa !important;
}

.checklist input {
    margin: 0;
    vertical-align: middle !important;
    background-color: #ffc !important;
}

/**** media.css ****/

/*********
 * MEDIA *
 *********/

div.mediadbgallery-selection {
    float: left;
    width: 90px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 0 5px 5px 0;
    padding: 8px 5px;
    text-align: center;
    vertical-align: middle;
}

div.mediadbgalleryflaot {
    display: inline;
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
}

div.mediadbgalleryflaot .error {
    border: 1px solid #faa;
    background-color: #ffebeb;
}

div.mediadbgalleryflaot .copyright {
    border: 1px solid #FF7000;
    background-color: #FCD183;
}

/* for non-IE browsers */
div.mediadbgallery {
    width: 160px;
    height: 160px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    line-height: 0;
}

div.mediadbgallery img {
    margin: 0 auto;
}

div.mediadbgallery .floatingicons, div.mediadbgallery .floatingtext {
    position: absolute;
    border: 1px solid #ddd;
    padding: 2px;
    /*background: transparent url(./../images/opaque.png);*/
    background-color: #fff;
    filter: alpha(opacity=75); /* IE */
	opacity: 0.75; /* Safari, Opera and Mozilla */
}

div.mediadbgallery .floatingicons img {
    filter: alpha(opacity=100); /* IE */
	opacity: 1.00 !important; /* Safari, Opera and Mozilla */
}

div.mediadbgallery .floatingicons {
    top: 135px;
    right: 3px;
}

div.mediadbgallery .floatingstatus {
    position: absolute;
    top: 0px;
    right: 3px;
    padding: 2px 2px;
}

div.mediadbgallery .floatingtext {
    top: 3px;
    left: 3px;
    overflow: hidden;
    line-height: 1em;
    width: 148px !important;
    max-width: 148px;
}

div.mediadbgallery .commentcounter {
    position: absolute;
    top: -2px;
    right: -2px;
    padding-top: 4px;
    width: 24px;
    height: 24px; /* minus padding!!! */
    line-height: 10pt;
    background: url(./../images/comment_counter.png) top right no-repeat;
    font-weight: 700;
    font-size: 8pt;
    text-align: center;
}

div.mediadbgallery .floatinguserrankingNONE,
div.mediadbgallery .floatinguserrankingBRONZE,
div.mediadbgallery .floatinguserrankingSILVER,
div.mediadbgallery .floatinguserrankingGOLD {
    position: absolute;
    top: -5px;
    right: -5px;
    padding-top: 3px;
    width: 38px;
    height: 22px; /* minus padding!!! */
    line-height: 10pt;
    background: url(./../images/user_credit-icon_white.png?2) top right no-repeat;
    font-weight: 700;
    font-size: 8pt;
    text-align: center;
}

div.mediadbgallery .floatinguserrankingBRONZE {
    background: url(./../images/user_credit-icon_grey.png?2) top right no-repeat;
}

div.mediadbgallery .floatinguserrankingSILVER {
    background: url(./../images/user_credit-icon_yellow.png?2) top right no-repeat;
}

div.mediadbgallery .floatinguserrankingGOLD {
    background: url(./../images/user_credit-icon_red.png?2) top right no-repeat;
    color: #eee;
}

div.mediadbgallery .rePublishL,
div.mediadbgallery .rePublishXL {
    position: absolute;
}

div.mediadbgallery .rePublishL {
    top: -6px;
    left: -6px;
    width: 23px;
    height: 33px; /* minus padding!!! */
    background: url(./../images/rePublishL.png) top left no-repeat;
}

div.mediadbgallery .rePublishXL {
    top: -10px;
    left: -10px;
    width: 46px;
    height: 64px; /* minus padding!!! */
    background: url(./../images/rePublishXL.png) top left no-repeat;
}

div.useravatar {
    display: table-cell;
    width: 32px;
    height: 32px !important;
    text-align: center;
    vertical-align: middle;
}

div.useravatarleft {
    float: left;
    margin: 0 5px 5px 0;
}


/**** ajax.css ****/

/**********************************************************************************
 * CSS for myHeimat.de                                                            *
 *                                                                                *
 * @author <a href="mailto:sascha.haberkorn@gogol-medien.de">Sascha Haberkorn</a> *
 *                                                                                *
 **********************************************************************************/


/************************************
 * TAG (write.php / profil_edit.php *
 ************************************/

.ajaxLoadingIcon {
	width: 16px;
	height: 16px;
	background: transparent url(../../../../../resources/images/ajax-loader.gif) no-repeat 0 0;
	display: inline;
	padding-left: 16px;
	visibility: hidden;
}

.ajaxOutputListTag {
	overflow: hidden;
    white-space: normal;
    z-index: 1000;
    border: 1px solid #aaf;
    background: #fff;
    padding: 3px 30px 3px 3px;
    display: none;
}

.ajaxOutputListTag a {
	cursor: pointer;
	color: #0000FF;
	text-decoration: none;
	background: transparent url(../../../../../resources/images/bullet_add.gif) no-repeat 0 center;
	padding-left: 10px;
}

.ajaxOutputListMetaTag {
	color: #858585;
}


/************************************************
 * RealmBox (start.php, admin/article_list.php) *
 ************************************************/

.ajaxOutputListRealmbox {
	overflow: hidden;
    white-space: normal;
    z-index: 1000;
    border: 1px solid #AAAAFF;
    background: #FFFFFF;
    padding: 3px 30px 3px 3px;
    display: none;
}

.ajaxOutputListRealmbox a {
	cursor: pointer;
	color: #0000FF;
	text-decoration: none;
}

.ajaxOutputListMetaRealmbox {
	color: #858585;
}


/************************
 * RealmAdd (write.php) *
 ************************/

.ajaxOutputListRealmAdd {
	overflow: hidden;
    white-space: normal;
    z-index: 1000;
    border: 1px solid #AAAAFF;
    background: #FFFFFF;
    padding: 3px 30px 3px 3px;
    display: none;
}

.ajaxOutputListRealmAdd a {
	cursor: pointer;
	color: #0000FF;
	text-decoration: none;
	background: transparent url(../../../../../resources/images/bullet_add.gif) no-repeat 0 center;
	padding-left: 10px;
}

.ajaxOutputListMetaRealmAdd {
	color: #858585;
}