@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/content_default.css);
@import url(screen/patch_my_layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);

/* Remove page borders */
.page_margins, .page {
    background-image: none;
    background-color: transparent;
    width: 1100px;
    
}

body {
    background-image: url( ../images/stone.gif );
    background-color: #ddd;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-color: #323232;
    font-color: 10px;
}

#Stripes {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    background-image: url( ../images/stripes.gif );
    background-color: #ddd;
    background-repeat: repeat-x;
}

#header {
    background-image: url( ../images/head.png );
    background-repeat: no-repeat;
    background-color: transparent;
    width: 950px;
    height: 161px;
    padding: 0px;
}

.page {
    padding: 0px;
    margin: 0px;
}

.page_margin {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}
#topnav
	a { color: #b21c1c1; }

    .hnav {
        background-color: transparent;
        color: #323232;
    }

#nav {
    margin-top: 10px;
    width: 950px;
    height: 35px;
    padding: 0px;
}

    #nav ul {
        background-image: url( ../images/navi-mid.gif );
        background-repeat: repeat-x;
        margin: 0px;
        padding: 0px;
        border: none;
        height: 35px;
    }
    
    #NaviStart, #NaviFinish, #NaviStart2, #NaviFinish2 {
        float: left;
        height: 35px;
        padding: 0px;
        margin: 0px;
    }
    
    .hlist {
        width: 100%;
        border: none;
        background-image: none;
        background-color: transparent;
    }
    
    .hlist ul {
        width: 940px;
    }    
    
    .hlist ul li {
        border: none;
        border-left: none;
        border-right: none;
        height: 26px;
        padding: 9px 13px 0px 13px;
    }
    
    .hlist ul li a {
        font-size: 14px;
        color: #cccccc;;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
    }

    .hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active {
        background-color: transparent;
        color: white;
    }

    #main {
        margin-top: 10px;
        background-color: transparent;
    }
    
    #col1 {
        width: 505px;
        background-color: transparent;
    }

    #col2 {
        margin-left: 5px;
        width: 245px;
    }

    #col3 {
        margin: 0px 0px 0px 5px;
        width: 185px;
        float: left;
    }

    #col1_content, #col2_content, #col21_content, #col3_content {
        padding: 0px;
    }

    .innerContent {
        position: relative;
        padding: 0px 0px 10px 10px;
    }
    
    #Col1Inner {
        width: 490px;
        background-color: #f5f5f5;
    }
    
    #Col2Inner, #Col21Inner, #Col22Inner {
        width: 230px;
        background-color: #ebebeb;
    }    
    
    #Col3Inner {
        width: 180px;
        background-color: #f5f5f5;
    }
    
    #Col1Shadow, #Col3Shadow {
		position: absolute;
		top: 0px;
		right: -4px;
		height: 100%;
		background-image: url(../images/box-shade.png);
		background-repeat: repeat-y;
    }

    #Col2Shadow, #Col21Shadow, #Col22Shadow {
        position: absolute;
        top: 0px;
        right: -4px;
        height: 100%;
        background-image: url(../images/box-shade.png);
        background-repeat: repeat-y;
    }

    tbody tr:hover td {
        background-color: transparent;
    }

    #Search {
        float: right;
        position: relative;
    }

    #Search div {
        float: left;
        padding: 0px;
        margin: 0px;
    }

    #Search .text {
        position: relative;
        top: -3px;
        left: 0px;
    }

    #Search .submit {
        position: relative;
        top: 2px;
        left: 3px;
    }
    
    h1, h2 {
		color:#b21c1c;
    	font-family: Lucida Grande;
		font-weight:bold;
		font-size:18px;
		margin:0 0 0.25em;
	}
	    
    h3 {
		color:#000000;
    	font-family: Lucida Grande;
		font-weight:bold;
		font-size:14px;
		margin:0 0 0.25em;
	}
		    
    h4 {
		color:#323232;
    	font-family: Lucida Grande;
		font-weight:bold;
		font-size:12px;
		margin:0 0 0.25em;
	}
	
  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }


  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Lucida Grande, Arial, Helvetica, sans-serif;;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #646464; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #646464; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #646464; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #323232;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
  }


  a { color: #b21c1c; background:transparent; text-decoration:none; }
  a:visited  { color: #901919; }

  a:focus,
  a:hover,
  a:active { color:#b21c1c; text-decoration:underline; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }


  .highlight { color: #646464; }
  .dimmed { color: #323232; }

  .info { background: #f8f8f8; color: #646464; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #646464; color: #b21c1c; padding: 10px; margin-bottom: 1em; }
  .important { background: #646464; color: #b21c1c; padding: 10px; margin-bottom: 1em; }
  .warning { background: #646464; color: #b21c1c; padding: 10px; margin-bottom: 1em; }

  .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; text-align:center; margin: 0.5em auto; }


  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 0px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 99%; margin-left: 1px; margin-right: 1px}
  table.fixed { table-layout:fixed; }

  tbody th.right {text-align: right; background: #fff}
  tbody th.left {text-align: left; background: #fff}
  tbody th.calendarmonth { background: #d0d0d0; color: #FFFFFF;}
  tbody tr.week_row { border: 1px #000 solid;}
  tbody td.week_row { border: 1px #000 solid; padding: 0px}
  tbody th.week_row { border-left: 1px #000 solid;border-right: 1px #000 solid;}
  tbody tr.day_row { background: #eee; font-size: 11px; text-align: right; line-height: 16px; padding: 0px}
  
  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 0px #969696 solid; }
  tbody th { background: #e0e0e0; color: #969696; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 0px solid #969696; text-align: left; }
  tbody td { border-bottom: 0px solid #969696; }

  #tbody tr:hover th[scope="row"],
  #tbody tr:hover tbody th.sub { background: #f0f0f0; }
  #tbody tr:hover td { background: #f0f0f0; }


  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  
  .review {padding: 8px;}
  
div.tabpanel4 div.tab-row ul {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url( ../images//tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel4 div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.tabpanel4 div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.tabpanel4 div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #B21C1C;
}

div.tabpanel4 div.tab-row a:hover {
    background: #fff;
}

div.tabpanel4 div.tab-panel {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}