@media screen {

    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #ffffff;
    }

    a {
        color: #094d8c;
    }

    img {
        border: 0;
    }

    div#container {
        position: absolute;
        margin: 0;
        width: 100%;
        min-width: 980px;
        height: 100%;
        background-color: #FFFFFF;
    }

    img#mainlogo {
        position: absolute;
        top: 44px;
        left: 8px;
    }

    /* ******************************************************************************** */
    /* Header */

    #container div#header {
        background-image: url(/images/header-bar.jpg);
        background-color: #2d669d;
        background-repeat: no-repeat;
        height: 115px;
        border-top: 1px solid #c0d0ff;
        border-bottom: 1px solid #c0d0ff;
        color: #ffffff;
    }

    /* ******************************************************************************** */
    /* Login Box */

    div.login {
        position: absolute;
        top: 0;
        right: 0;
        width: 240px;
        height: 105px;
        color: #ffffff;
        font-size: 12px;
    }

    div.login a {
        color: #ffffff;
    }

    #loginbox p {
        padding-top: 4px;
    }

    #loginbox p.reg {
        margin-top: 4px;
    }

    #loggedinbox {
        text-align: right;
        margin: 10px 10px 0 0;
    }

    #loggedinbox p {
        margin-bottom: 10px;
    }


    /* ******************************************************************************** */
    /* Menu */

    #container #menu {
        border-bottom: 1px solid #ffffff;
    }

    #container #menu ul {
        list-style-type: none;
        padding: 5px;
        background-color: #8DACCA;
    }

    #container #menu ul li {
        display: inline;
        padding: 10px;
        font-weight: bold;
        font-size: 14px;
    }

    #container #menu ul li a {
        text-decoration: none;
        color: #00397A;
    }

    #container #menu ul li a:hover {
        color: #fff;
    }

    #container #menu ul li.inactive {
        color: #606060;
    }

    /* ******************************************************************************** */
    /* Flash */

    div.flash {
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -200px;
        margin-bottom: 10px;
        border: 1px solid #ffffff;
        padding: 10px;
        width: 400px;
        color: #000;
        text-align: center;
    }

    div#flash_notice {
        background-color: #96F58F;
    }

    div#flash_error {
        background-color: #FF798F;
    }

    /* ******************************************************************************** */
    /* Content */

    #content {
        position: relative;
        left: 0;
        right: 0;
        padding: 10px;
        min-height: 300px;
    }

    #content h1 {
        margin-bottom: 8px;
    }

    #content h2 {
        margin-top: 14px;
        margin-bottom: 8px;
        border-bottom: 1px solid #ccc;
    }

    #content h3 {
        margin-top: 10px;
        margin-bottom: 8px;
    }

    #content p {
        margin: 4px 0 12px 0;
    }

    #content ol {
        padding-left: 10px;
        margin: 10px 0 10px 10px;
        line-height: 20px;
    }

    /* static pages */ 
    #content div.static {
        margin-right: 240px;
    }
    #content div.static p {
        line-height: 20px;    
    }

    #content div.static ol.abc-list {
        list-style-type: lower-alpha;
    }


    #content ul {
        padding-left: 10px;
        margin: 10px 0 10px 10px;
    }

    #container #content ul.categorylist {
        margin: 4px 0 4px 6px;
        padding-left: 0px; 
        list-style-type: none;
    }

    #content ul.categorylist img {
        border: none;
    }

    #content ul.categorylist li {
        font-size: 11px;
    }

    #content ul.categorylist li a {
        text-decoration: none;
        color: #666666;
    }

    #content #thingcategories li {
        cursor: move;
    }

    #content #mycategories li {
        margin: 4px 0 4px 0;
    }

    #content #mycategories li:hover,
    #content ul.categorylist li:hover {
        color: #8DACCA;
    }

    #content ul.categorynoedit li:hover {
        color: #000000;
    }

    #content .drop_hover {
        background-color: #EAEAEA;
    }

    /* ******************************************************************************** */
    /* Content (fixed) */

    #content_fixed {
        position: absolute;
        left: 0;
        width: 100%;
        top: 204px;
        bottom: 66px;
        padding: 0px;
    }


    /* ******************************************************************************** */
    /* Footer */

    #footer {
        clear: both;
        border-top: 1px solid #2d669d;
        text-align: center;
        padding: 5px;
    }

    #footer_fixed {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: 1px solid #2d669d;
        text-align: center;
        padding: 5px;
    }

    .awmlogo {
        float: right;
    }

    /* ================================================================================ */
    /* Smaller Layout Elements */
    /* ================================================================================ */

    /* ******************************************************************************** */
    /* Larger font */

    span.large {
        font-size: 16px;
    }

    span.larger {
        font-size: 20px;
    }

    /* ******************************************************************************** */
    /* Empty fields */

    span.empty {
        font-style: italic;
        color: #808080;
    }

    /* ******************************************************************************** */
    /* Disabled links etc. */
    span.disabled {
        color: #a0a0a0;
    }

    .extrastrong {
        color: #ff0000;
        font-weight: bold;
    }

    /* ******************************************************************************** */
    /* Key/Value table */

    table.keyvalue {
        margin: 4px 0px;
        width: 100%;
    }

    table.keyvalue th {
        width: 1%;
        padding: 1px;
        text-align: left;
        vertical-align: top;
        font-weight: normal;
        color: #606060;
        font-size: 12px;
        white-space: nowrap;
    }

    table.keyvalue td {
        padding: 1px;
        vertical-align: top;
        font-size: 12px;
    }

    /* ******************************************************************************** */
    /* Edit buttons */

    div.button {
        padding-right: 4px;  
    }

    div.button a {
        float: right;
        margin-top: 0px;
        text-decoration: none;
        padding: 1px 2px 0 2px;
        background-color: #e0e0e0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        border-top: 1px solid #d0d0d0;
        color: #094d8c;
        font-size: 12px;
    }

    div.button a:hover {
        color: #ffffff;
    }

    a.edit {
        padding: 1px 2px 0 2px;
        background-color: #e0e0e0;
        border: 1px solid #d0d0d0;
        color: #094d8c;
        text-decoration: none;
        font-weight: normal;
        font-size: 12px;
    }

    a.edit:hover {
        color: #ffffff;
    }

    /* ******************************************************************************** */
    /* Yes-No-List */

    ul.yesnolist {
        list-style-type: none;
        text-indent: 0;
    }

    ul.yesnolist li {
        padding: 1px;
    }

    ul.yesnolist img {
        position: relative;
        top: 1px;
    }

    /* ================================================================================ */
    /* Single pages */
    /* ================================================================================ */

    /* ******************************************************************************** */
    /* Home page */

    #welcome p {
        margin: 4px 0 12px 0;
        font-size: 14px;
    }

    div.map_home {
        position: absolute;
        top: 12px;
        left: 420px;
        right: 10px;
        bottom: 10px;
        background-color: #f1eee8;
        color: #fff;
        text-align: center;
        border: 1px solid #444;
    }

    .olControlAttribution {
        color: #000000;
        bottom: 0.1em !important;
    }

    .olControlAttribution a {
        color: #000000;
    }

    #search_home {
        position: absolute;
        top: 144px;
        padding-top: 10px;
        left: 0;
        width: 100%;
        height: 50px;
        color: #000;
        background-color: #f0f0f0;
        border-bottom: 1px solid #a0a0a0;
        text-align: center;
    }

    #search_export, #search_restriction_notice {
        position: absolute;
        top: 200px;
        width: 200px;
        left: 320px;
        padding: 18px;
        line-height: 1.5em;
        border: 1px solid #a0a0a0;
        background-color: #f0f0f0;
        z-index: 90000;
    }

    #search_restriction_notice {
        top: 190px;
	left: 600px;	
    }

    #search_export p {
        margin-bottom: 4px;
    }

    #search_export ul {
        margin: 0px 20px;
    }

    #search_extended {
        position: absolute;
        top: 204px;
        left: 150px;
        right: 150px;
        border-left: 1px solid #a0a0a0;
        border-right: 1px solid #a0a0a0;
        border-bottom: 1px solid #a0a0a0;
        min-height: 300px;
        background-color: #f0f0f0;
        z-index: 90000;
        line-height: 1.5em;
    }

    div#search_extended_head {
        position: absolute;
        top: 0px;
        left: -5px;
        right: -5px;
        height: 50px;
        background-color: #f0f0f0;
        text-align: center;
        z-index: 90001;
    }

    div#search_extended_extend {
        margin-top: 0px;
        padding: 0px;
    }

    div#search_extended_fields {
        padding: 10px;
        float: left;
    }

    div.search-group-attrs {
        padding-left: 10px;
    }

    div.search-column h4 {
        border-bottom: 1px solid #808080;
        margin-bottom: 6px;
    }

    div#search_extended_categories {
        padding: 10px;
        float: left;
        margin-bottom: 8px;
        width: 25%;
    }

    div#search_extended_categories ul {
        list-style-type: none;
    }

    div#search_extended_groups {
        padding: 10px;
        float: left;
        width: 40%;
    }

    div#search_extended_groups ul {
        list-style-type: none;
    }

    div#search_extended_groups ul li {
        padding-bottom: 4px;
    }

    #search_extended #search_extended_fields ul {
        list-style-type: none;
    }

    #search_extended #search_extended_fields ul li {
        margin: 6px 0 6px 0;
    }

    #search_extended li.hasvalues a {
        font-weight: bold;
    }

    #results_home {
        position: absolute;
        top: 10px;
        width: 400px;
        bottom: 10px;
        padding: 10px;
    }

    #search_hits {
        position: absolute;
        top: 44px;
        bottom: 0;
        left: 10px;
        width: 400px;
        overflow: auto;
    }

    ul#search_hits_list {
        list-style-type: none;
    }

    ul#search_hits_list li {
        position: relative;
        min-height: 28px;
        background-repeat: no-repeat; 
        background-position: 54px center;
    }

    ul#search_hits_list li div.scorebar {
        float: left;
        width: 50px;
        height: 6px;
        margin: 11px 1px;
        background-color: #d0d0d0;
        font-size: 1px;
    }

    ul#search_hits_list li div.innerscorebar {
        height: 6px;
        background-color: #606060;
    }

    ul#search_hits_list li a {
        display: block;
        padding-top: 6px;
        margin-left: 84px;
    }
    ul#search_hits_list li a:focus {
        outline: none;
    } 

    div.box {
        margin-bottom: 20px;
    }

    div.box img.data_edit_spinner {
        display: block;
        margin: 0 auto 0 auto;
    }

    .olPopupContent {
        color: black;
    }

    div#restriction_notice {
        background-color: #fff0f0;
        border: 2px solid red;
        padding: 0 4px;
        margin-bottom: 8px;
    }

    div#restriction_notice h3 {
	    color: red;
        text-align: center;
    }


    /* ******************************************************************************** */
    /* Things page */

    div.table-td-left,
    div.table-td-middle,
    div.table-td-right {
        width: 31%;
        vertical-align: top;
        font-size: 12px;
        float: left;
    }

    div.table-td-left {
	min-width: 350px; /* because of WYSIWYG-Editor */
	margin-right: 3%;
    }

    div.table-td-middle {
        margin-right: 3%;
        min-width: 280px;
    }

    div.table-td-right {
        min-width: 300px;
    }

    table.layout-table {
        width: 100%;
    }


    table.layout-table td {
        vertical-align: top;
        width: 33%;
        padding-right: 20px;
    }

	table#activity tr.even td {
		background-color: #F3F3F3;
	}

	table#activity tr.odd td,
	table#activity tr.odd th {
		background-color: #E3E3E3;
		text-align: left;
		padding: 4px;
	}

    div.box h3 {
        border-bottom: 1px solid #094D8C;
        margin-bottom: 2px;
        color: #606060;
    }

    div.box h4 {
        font-size: 20px;
        font-weight: normal;
    }

    div.box h5 {
        font-size: 16px;
        font-weight: normal;
    }

	div#orga_videos ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	div#orga_videos ul li img{
		vertical-align: middle; 
		margin-bottom: .25em;
		margin-right: 4px;
	}
	
    div.map_orga {
        width: 250px;
        height: 250px;
        border: 1px solid #444;
    }

    form#orga_map_save {
        padding-top: 6px;
    }

    /* should show up only in print */
    div#print_attribution {
        display: none;
    }

    /* Inline-Edit-Forms in Things */
    form.inline_form p {
        padding: 4px 0;
        clear: left;
    }
    form.inline_form p.text label {
        width: 80px;
        float: left;
    }
    form.inline_form p.text input {
        width: 200px;
        float: left;
    }
    form.inline_form p.text select {
        width: auto;
        float: left;
    }
    form.inline_form p.check {
        padding: 0;
        margin: 0;
    }
    form.inline_form p.check label {
        width: 200px;
    }
    form.inline_form p span.error label {
        color: #911111;
        font-weight: bold;
    }
    form.inline_form p span.error input {
        border: 1px inset #911111;
        padding: 2px;
    }
    div#errorExplanation {
        color: #911111;
        font-weight: bold;
    }
    div#errorExplanation ul {
        font-weight: normal;
    }

    /*form.inline_form_check p {
        margin: 2px 0;
    }
    form.inline_form_check p label {
        width: 250px;
    }*/

    div#orga_children li, div#orga_admin li {
        margin: 4px 0;
    }

    div#things_searchlist li {
        margin: 4px 0;
    }

    /* ******************************************************************************** */
    /* User page */

    #column-left {
        width: 300px;
        float: left;
    }
    #column-center {
        width: 300px;
        float: left;
        margin-left: 10px;
    }
    #column-right {
        width: 300px;
        float: left;
        margin-left: 10px;
    }


    /* ******************************************************************************** */
    /* Admin page */

    div#tabs {
        position: relative;
        margin: 8px auto 8px auto;
        width: 98%;
        top: 0px;
        bottom: 0px;
    }

    div#tabs div#tabsnav {
        width: 100%;
        background-color: #FFFFFF;
        margin: 12px auto 0 auto;
    }

    div#tabs div#tabsnav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    div#tabs div#tabsnav ul li {
        float: left;
        margin: 0 4px 0 0;
    }

    div#tabs div#tabsnav ul li a {
        display: block;
        padding: 6px 14px 6px 14px;
        color: #777777;
        text-decoration: none;
        font-size: 14px;
        background-color: #FFFFFF;
        background-repeat: repeat-x;
        border-top: 1px solid #F1F1F1;
        border-left: 1px solid #F1F1F1;
        border-right: 1px solid #F1F1F1;
    }

    div#tabs div#tabsnav ul li a.aktiv {
        background-image: none;
        background-color: #F1F1F1;
        color: #111111;
    }

    div#tabcontent {
        position: relative;
        background-color: #F1F1F1;
        padding: 15px;
        font-size: 120%;
    }

    div#tabcontent div {
        padding: 8px 16px 14px 16px;
    }

    div#tabcontent div.pagination {
        padding: 0;
	margin: 0;
    }

    div#tabcontent table th {
        padding: 4px;
        background-color: #CFCFCF;
    }

    div#tabcontent table tr.row_a {
        background-color: #FDFDFD;
    }

    div#tabcontent table tr.row_b {
        background-color: #EFEFEF;
    }

    div#tabcontent tr.row_light td,
    div#tabs table tr.row_light td a {
        color: #9A9A9A;
    }

    div#tabcontent table td {
        border-bottom: 1px solid #CFCFCF;
        font-size: 12px;
        padding: 4px;
        font-size: 12px;
    }

    img.admin-help-link {
        float: right;
    }

    p.admin-dashboard-extra-links {
        float: right;
        padding-right: 10px;
    }

    table.changes {
        border-collapse: collapse;
    }

    table.changes td {
        vertical-align: top;
        padding: 5px;
    }

    /* ******************************************************************************** */
    /* Admin Category List */

    div#catlist_categories {
        float: left;
        width: 40%;
    }

    div#catlist_groups {
        margin-left: 50%;
    }

    div#catlist_categories h2 {
        margin: 0;
    }

    div.catlist-category {
        padding: 2px;
        margin-bottom: 8px;
    }

    div.catlist-category h3 {
        margin-bottom: 6px;
    }

    /* ******************************************************************************** */
    /* Admin Help */

    div.deftab {
        margin: 8px 16px;
    }

    table.def {
        width: 100%;
        background-color: #f0f0f8;
        border-collapse: collapse;
    }

    table.def th {
        text-align: left;
    }

    table.def th, table.def td {
        border-bottom: 1px solid #ffffff;
        padding: 4px;
        vertical-align: top;
    }

    /* ******************************************************************************** */
    /* Bagpipe Forum Plugin */

    #bagpipe h1 span {
        display: block;
        font-size: .5em;
        margin-bottom: .5em;
    }

    #bagpipe h2 {
        padding-bottom: 2px;
    }

    #bagpipe table {
        border: 1px solid #ccc;
        border-width: 1px 0;
        margin: 1em 0;
        width: 100%;
    }
    #bagpipe th {
        background-color: #eee;
        border-bottom: 1px solid #ccc;
    }
    #bagpipe th, #bagpipe td {
        padding: 3px 5px;
        vertical-align: top;
    }
    #bagpipe tr.even td {
        background-color: #f8f8f8;
    }
    #bagpipe td.date-col, #bagpipe td.counter {
        text-align: center;
    }
    #bagpipe td p {
        color: #999;
        font-style: italic;
        margin-left: 1em;
    }
    #bagpipe #replies td p {
        color: black;
        font-style: normal;
    }
    #bagpipe form div {
        margin-top: 1em;
    }
    #bagpipe label {
        display: block;
        font-weight: bold;
    }
    #bagpipe textarea {
        border: 1px solid #ccc;
        font-size: 1em;
        padding: 3px;
        height: 10em;
        width: 50%;
    }

    #bagpipe p.no-description {
        color: #999;
        font-style: italic;
    }


    /** Fix for Rails default error styles **/
    #bagpipe div.fieldWithErrors {
        display: inline;
        margin: 0;
        padding: 0;
    }

	#box{
		background-color: transparent;
	}

	#boxcontent #butoplayer{
		background-color: #000000;
/* 		border: 2px solid #707173; */
/* 		width: 520px; */
	}

} /* /media screen */

/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */

@media print {

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

    #loginbox,
    #loggedinbox,
    #menu, 
    #footer,
    #tabsnav,
    img.sendmail,
    img.admin-help-link,
    p.admin-dashboard-extra-links {
        display: none;
    }

    div.table-td-left,
    div.table-td-middle,
    div.table-td-right {
        display: block;
    }

    div.button,
    a.edit {
        display: none;
    }

    div.box h4 {
        font-size: 20px;
        font-weight: normal;
    }
    div.box h5 {
        font-size: 16px;
        font-weight: normal;
    }

	div.box div.sub_fields{
		margin-left: 20px;
	}

    div#orga_data_misc p,
    div#orga_data_export p {
        margin: 0;
    }

    div#orga_contact1, 
    div#orga_contact2 {
        width: 300px;
        float: left;
        border: 1px solid #000;
    }

    div.map_orga {
        width: 250px;
        height: 250px;
        border: 1px solid #444;
    }

    div.olControlAttribution,
    div.olControlPanZoom,
    div.olControlLayerSwitcher {
        display: none;
    }

    div.map_home {
        width: 500px;
        height: 500px;
    }

    div#print_attribution {
        display: block;
        font-size: 8px;
    }

} /* /media print */