@charset "UTF-8";


/**
 * Content-Styles für Robinsonliste.de
 *
 * Einheitliche Standardformatierungen für Inhalts-Elemente
 * basierend auf YAML 3.1. content.css
 *
 * @copyright       Copyright 2009, meap GmbH
 * @author          Lars Daum
 * @link            http://www.meap.de
 * @version         1.0
 * @lastmodified    $Date: 2010-06-15
 */

@media all
{


/**
 * Fonts
 *
 * Globale Einstellungen für Zeichensatz und Schriftgrößen
 *
 * @section content-global-settings
 */

/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

html * { font-size: 100.01%; }


/**
 * Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
 *
 * @see: http://webkit.org/blog/67/strange-medium/
 */

textarea,
pre,
code,
kbd,
samp,
var,
tt { font-family: Arial, Helvetica, sans-serif; }


/* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */

body {
    color: #5f5f5f;
    font: normal 90%/1.7em Arial, Helvetica, sans-serif;
}


/**
 * Block-Elemente
 *
 * @section content-generic-classes
 */

/* Überschriften */

h1 {
    font: normal 150%/1em Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
}
    h1 strong { font: bold 120% Arial, Helvetica, sans-serif; }

h2,
h3,
h4,
h5,
h6 {
    color: #7f7f7f;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

h2 {
    color: #609bcf;
    font-size: 160%;
}

h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 0.4em;
}

h3 { font-size: 120%; }

h4 { 
    color: #609bcf; 
    font-size: 116.67%;
    font-weight: normal;
}

h5 { font-size: 100%; }

h6 { font-size: 100%; }


/* Absätze */

p {
    line-height: 19px;
    padding-bottom: 1em;
}

blockquote,
cite {
    color: #666;
	font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 1em 1.6em;
}

.bold_txt 	   { font-weight: bold; }
.txt_highlight { color: #f60; }
.txt_dimmed    { color: #888; }
.txt_small     { font: 75%/1.6em Arial, Helvetica, sans-serif; }
.txt_italic    { font-style: italic;}

/* Listen */

ul,
ol { margin: 0 0 1.6em 0; }

ul.list_style {
    margin-left: 1em;
}

ul li {
    list-style: none;
    list-style-position: inside;
    margin: 0;
    margin-bottom: 8px;
}

ol li ol,
ol li ul { margin-bottom: 0.8em; }

ol li ul,
ul li ul { margin-left: -7px; }

    ol li ul li,
    ul.list_style li {
        list-style: disc;
    }
    
     ul.list_style li {
         color: #5f5f5f;
         margin-left: 1em;
     }


dl {
    line-height: 17px;
	margin-left: 0;
}

    dt {
        font-weight: bold;
        margin-bottom: 8px;
    }
    
    dd { margin: 0 0 15px 0; }


/* Tabellen */

table {
    color: #515151;
    font-size: 90%;
    margin-bottom: 1.5em;
    width: 100%;
}

    table caption {
        color: #00389a;
        font-weight: bold;
        margin-bottom: 1em;
        text-align: left;
    }

    table.table_full { width: 100%; }

    table.table_fixed { table-layout: fixed; }
    
    thead { 
        background-color: #5e98cb;
        color: #fff;
    }
    
    thead th { padding: 5px; }

    tbody th {
        background-color: #f0f0f2;
        color: #333;
    }

    tbody th[scope="row"],
    tbody th.sub { background-color: #f0f0f2; }

    tbody th { 
    	border-bottom: 1px solid #c6c6c6; 
        text-align: left; 
        vertical-align: top; 
    }
    
    tbody td { 
    	background-color: #effaff;  
        padding: 5px; 
        vertical-align: top;
    }
    
    tfoot td {
        background-color: #f7f7f7;
        border-top: 2px solid #e20020;
    }

    tbody tr:hover th[scope="row"],
    tbody tr:hover tbody th.sub { background-color: #fff; }
    
    tbody tr:hover td { background-color: #e2f5ff; }
    
    tbody tr.odd:hover td { background-color: #d6f0fd; }
    
    tbody tr.odd td { background-color: #dcf4ff; }

    table tr td a.table_edit,
    table tr td a.table_delete {
        float: left;
        margin: 0 0 0 10px; 
    }

    table tr td a.table_edit,
    table tr td a.table_edit:link,
    table tr td a.table_edit:visited { 
        background: transparent url(../../gfx/icon_tabelle_edit.gif) center top no-repeat !important; 
        display: block;
        height: 26px;
        width: 26px;
    }
        
    table tr td a.table_delete,
    table tr td a.table_delete:link,
    table tr td a.table_delete:visited { 
        background: transparent url(../../gfx/icon_tabelle_delete.gif) center top no-repeat; 
        display: block;
        height: 26px;
        width: 26px;
    }
    
    table tr td a.table_edit:hover,
    table tr td a.table_edit:active,
    table tr td a.table_edit:focus { background: transparent url(../../gfx/icon_tabelle_edit_hover.gif) center top no-repeat !important; }
    
    table tr td a.table_delete:hover,
    table tr td a.table_delete:active,
    table tr td a.table_delete:focus { background: transparent url(../../gfx/icon_tabelle_delete_hover.gif) center top no-repeat; }


        table tr td a.table_edit span,
        table tr td a.table_delete span {
            display:inline;
            height:0;
            left:-1000px;
            overflow:hidden;
            position:absolute;
            top:-1000px;
            width:0;
        }
    
/* Formulare */

form {
    background-color: #f3f9fb;
    border: 1px solid #aed0e5;
    color: #3e89cd;
    margin-bottom: 15px;
    overflow: visible;
    padding: 15px;
}

    form p.margin { margin-left: 120px; }

    .type-text,
    .type-check,
    .type-button,
    .type-select,
    .type-hidden {
        border-top: 1px dotted #aed0e5;
        overflow: hidden;
        padding: 8px;
    } 

    	/* Inline-Fehlermeldungen */
    
    	.inline_error {
        	background-color: #faf4f4;
            border: 1px dashed #880000;
            font-weight: bold;
            margin: 5px 0;  
            padding: 7px;
        }
    
    
        /* Fehlermeldung des Formulars */
    
        div.error {
            background-color: #faf4f4;
            border: 1px dashed #880000;
            clear: both;
            font-weight: bold;
            margin: 5px 0;
        }
        
            div.error p {
                background: url(../../gfx/icon_error.gif) 5px 2px no-repeat;
                color: #880000;
                margin-bottom: -1em;
                padding-left: 120px;
            }

    
    .border_none { border: none; }
    
    label {
        float: left;
        width: 120px;
    }
    
        label.required span {
            font-size: 120%;
            font-weight: bold;
        }
        
    input,
    textarea,
    select { width: 250px; }
    
    .input_auto { width: auto; }
        
    input#captcha-input { margin: 15px 0 0 120px; }
     
    .type-text img { border: 1px solid #aed0e5; }
    
    .type-button {
        display: inline;
        margin-left: 120px;
    }
    
        .type-button input {
            background: #629ed4 url(../../gfx/design_submit.gif) left top repeat-x;
            border: 1px solid #629ed4;
            color: #fff;
            cursor: pointer;
            padding: 5px;
        }
 
     .input_info  {
        float: right;
        font-size: 80%;
        width: 160px;
    }


    /* Erfolgsmeldung nach dem Ausfüllen des Formulars */
    
    div.success {
        background-color: #e7f1e4;
        border: 1px dashed #2ca20c;
        font-weight: bold;
        margin: 5px 0;
    }
    
        div.success p {
            color: #2ca20c;
            padding: 10px;
        }
    
        p#datenschutzklausel { margin: 15px 0 0 120px; }

/* Input Stretch Klassen */
     
.stretch75 { width: 75%; }
.stretch50 { width: 50%; }  
.stretch40 { width: 40%; }
.stretch30 { width: 30%; }
.stretch20 { width: 20%; }
.stretch10 { width: 10%; }
        
        
/* Form Links */

a.link_back {
    margin-bottom: 1em;
}

a.link_form,
a.link_back { margin-right: 10px; }

h2 a.link_form,
h2 a.link_back {
    display: inline !important;
    font: bold 75% Arial, Helvetica, sans-serif !important;
}

h2 a.link_back {
    border-right: 1px solid #609bcf;
    padding-right: 10px; 
}

a.link_form,
a.link_form:link,
a.link_form:visited,
a.link_back,
a.link_back:link,
a.link_back:visited,
ul.list_cats li a {
    background: url(../../gfx/design_links_form_ul.gif) left 6px no-repeat;
    color: #609bd0;
    display: block;
    padding-left: 15px;
    text-decoration: none;
}

a.link_form:focus,
a.link_form:hover,
a.link_form:active,
a.link_back:focus,
a.link_back:hover,
a.link_back:active,
ul.list_cats li a:focus,
ul.list_cats li a:hover,
ul.list_cats li a:active { text-decoration: underline; }

a.link_back,
a.link_back:link,
a.link_back:visited { background: url(../../gfx/design_links_form_back.gif) left 6px no-repeat; } 

#startseite_link { line-height: 1.7em; }


/* Hyperlinks */

a,
a:link,
a:visited {
    color: #5F5F5F;
    font-weight: bold;
    text-decoration: underline;
}

a:focus,
a:hover,
a:active { text-decoration: none; }


/* Buttons */

div.type-button.float {
    float: left;
    padding: 12px 10px 0 0;
}

    div.type-button.float input { margin-right: 10px; }

a.button {
    color: #fff; 
    font-weight:    normal;
    padding: 6px;
	text-decoration: none;
}

h1 a.button,
h2 a.button,
h3 a.button { font-size: 60%; }

.button {
    background: left top repeat-x;
    border: none;
    color: #fff;
    cursor: pointer;
    font: bold 90% Arial, Helvetica, sans-serif;
    padding: 5px;
}

.button_positiv,
.button_positiv:link,
.button_positiv:visited {
    border: 1px solid #015301;
    background: #015301 url(../../gfx/button_positiv.gif);
}

.button_negativ,
.button_negativ:link,
.button_negativ:visited {
    border: 1px solid #b0000f;
    background: #b0000f url(../../gfx/button_negativ.gif);
}

.button_neutral,
.button_neutral:link,
.button_neutral:visited {
    border: 1px solid #629ED4;
    background: #629ED4 url(../../gfx/design_submit.gif) left top repeat-x;
}

.button_neutral:hover,
.button_neutral:active,
.button_neutral:focus 

a.edit_button,
a.edit_button:link,
a.edit_button:visited {
	background: #fff url(../../gfx/icon_tabelle_edit.gif) left top no-repeat; 
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 15px;
}

a.edit_button:hover,
a.edit_button:active,
a.edit_button:focus {
	background: #fff url(../../gfx/icon_tabelle_edit_hover.gif) left top no-repeat;
}

	a.edit_button span { display: none; }

/* Button im Login-Bereich */

form.yform.form_anmelden input.button.button_positiv { margin-left: 100px; }


/* Inaktiv Zustände */

.button_positiv_inaktiv,
.button_negativ_inaktiv,
.button_neutral_inaktiv,
.button_submit_inaktiv { background-color: #ccc; }


/**
 * Standardklassen zur Positionierung und Hervorhebung
 *
 * @section content-generic-classes
 */

strong { font-weight: bold; }

em,
i { font-style: italic; }

.note { color: #7f7f7f; }

.info { color: #609bcf; }

.box_note      { 
    background-color: #f3f9fb; 
    border: 2px #619bd0 solid; 
    padding: 10px; 
    margin-bottom: 1.5em; 
}

.box_important { 
    background-color: #ffe; 
    border: 2px #884 solid; 
    color: #440; 
    padding: 10px; 
    margin-bottom: 1.5em; 
}

.box_warning   { 
    background-color: #fee; 
    color: #400; 
    border: 2px #844 solid; 
    margin-bottom: 1.5em; 
	padding: 10px;
}

.float_left  { 
    float: left;  
    display: inline; 
    margin-right: 1em; 
    margin-bottom: 0.15em; 
}

.float_right { 
    float: right; 
    display: inline; 
    margin-left: 1em;  
    margin-bottom: 0.15em; 
}

.center {
    display: block;
    margin: 0.5em auto;
    text-align: center;
}


/* Box mit Themen der FAQ-Seite */

div#faq_themen {            
    display: table;
    background-color: #F3F9FB;
    border: 1px solid #AED0E5;
    padding: 15px;
    margin-bottom: 20px;
}

    div#faq_themen ul { width: 100%; }
    
        div#faq_themen ul li { 
            display: inline-block !important;
            float: left;
            width: 300px;
        }


/* Beiträge/Anfragen im Support-Forum  */

div.box_beitrag {
    background-color: #f3f9fb;
    border: 1px solid #78c2e5;
    margin-bottom: 10px;
    padding: 10px;
}

    div.box_beitrag dd {
        background-color: #fff;
        border: 1px solid #78c2e5;
        margin-bottom: 10px;
        padding: 10px;
    }

div.box_beitrag table {
    border: none;
    margin-bottom: 0;
    width: 100%;
}

div.box_beitrag table th {
    background-color: #e0f4fb;
    color: #5f5f5f;
    padding: 2px 5px;
}

div.box_beitrag table td { padding: 4px 5px; }

div.box_beitrag h4 {
    font-size: 90%;
    font-weight: normal;
	text-align: left;
}

    div.box_beitrag h4 span { color: #4e86b9; }

div.box_beitrag h5 {
    color: #4e86b9;
    font-size: 100%;
}

div.box_beitrag cite {
    background-color: #fff;
    border: 1px solid #78c2e5;
    display: block;
    float: right;
    margin: 0 0 0 0;
    padding: 10px;
    width: 440px;
}

div.box_beitrag div {
    display: block;
	float: left;
	width: 170px;
}

    div.box_beitrag div h3 { 
        font-size: 85%;
        margin-bottom: 0px; 
    }
    
    div.box_beitrag div p { 
        font-size: 85%;
        margin-bottom: 5px; 
		padding: 0;  	
    }


/**
 * Miscellaneous | Sonstiges
 *
 * @section content-misc
 */

pre,
code { color: #800; }

pre {
    line-height: 1.5em;
    margin: 0 0 1em 0;
}

kbd,
samp,
var { color: #666; }

var { font-style: italic; }

acronym,
abbr {
    border-bottom: 1px #aaa dotted;
    cursor: help;
    font-variant: small-caps;
    letter-spacing: .07em;
}

sub,
sup { font-size: 91.6667%; }
    

/* Liste Startseite */

#post-14 ul li { 
    margin: 0; 
    line-height: 1.2em;
    list-style: inside;
    list-style-type: disc !important;
    padding: 0; 
} 

    #post-14 ul li a,
    #post-14 ul li a:link, 
    #post-14 ul li a:visited {
        color: #5F5F5F;
        font-size: 100%;
        font-weight: normal;
        text-decoration: none;
    }
    
    #post-14 ul li a:hover,
    #post-14 ul li a:active,
    #post-14 ul li a:focus { text-decoration: underline; }
    
    div.faq_fragen { clear: right; }


    div.wp-caption { 
        float: right;
        margin: 0 0 20px 20px;
        width: 315px !important; 
	}    
    
        div.wp-caption img { 
            border: 1px solid #609BCF;
            margin: 0  0 10px 0;
            padding: 3px;
        }
    
        div.wp-caption p { 
            clear: both;
			font-weight: bold; 
        }   
        
        
/* FAQ Subcolumns */

div.block_faq_steps {
    border-top: 1px solid #619bd0;
    margin-top: 0.3em;
    padding-top: 1em;
}

.subcolumns.faq {
    border-bottom: 1px solid #619bd0;
    margin-bottom: 1em;
}

    .subcolumns.faq div.subcr {
        text-align: right;
    }

    .subcolumns.faq img {
        padding-bottom: 0.8em;
    }
        
.subcolumns.faq ul li {
    color: #5f5f5f;
    line-height: 1.2em;
}

.subcolumns.faq dt {
    color:  #5e98cb;
}
}