/* style for www.sarods.de web site.  Copyright (C) 2009-2011 Nils T Siebel, Berlin */

/* visuallightbox */

@import url("slideshow/engine/css/vlightbox.css");
@import url("slideshow/engine/css/visuallightbox.css") screen;
@import url("objects/Otfeed.css");
@import url("objects/slideshow.css") screen;

A:link { color: #9d343c; }
A:visited { color: #cc0000; }
A:active { color: #9d343c; }
A:hover { color: #9d343c; background: #ccccff; }

div
{
 margin: 0.75em 0em; /* vertical - horizontal */
}

div.header
{
 margin: 0px auto;   /* vertical - horizontal */
 min-width: 890px;
 max-width: 950px;
 line-height: 0;
 text-align: center;
}

div.page
{
 margin: 8px auto;   /* vertical - horizontal */
 min-width: 890px;
 max-width: 950px;
}

div.content
{
    margin: 0px auto 20px auto;   /* top - right - bottom - left */
/* padding: 0 100px; */
 color: #000000;
 font-size: 100%;
 width: 600px;
/*  align: center; */
 z-index: 1;
}

div.bilderregion
{
    width: 550px;
    margin: 0px auto 0px auto;
}

.menu
{
 margin: 0px auto auto 2px;   /* top - right - bottom - left */
 position: fixed;
 left: 12px;
 top: 240px;
 width: 8.7em;
 /* ie6/7 haslayout */
/*  position: relative; */

 border: 1px solid #9d343c;
/*  padding: 4px 0.1em 4px 0.1em;   /\* top - right - bottom - left *\/ */
 z-index: 10;
 font-size: 90%;
 font-weight: bold;
 text-align: center;
/*  align: center; */
 overflow: auto;
}

* html .menu
{ 
    position: absolute;   /* ignored by ie6 */
}

.menuitem
{
 margin: .1em .1em; /* vertical - horizontal */
 width: 8.5em;
 color: #9d343c;
 background-color: #cdc6a1;
}

div.menu a
{
  color: #9c0f34 ! important;
  text-decoration: none; /* not underlined */
}

/* div.menu a:link { color: #9d343c; } */
/* div.menu a:visited { color: #9d343c; } */
/* div.menu a:active { color: #00cc00; } */
/* div.menu a:hover { color: #ff0000; background: #ffffaa; } */


div.sidelogo
{
 margin: 0px 2px auto auto; /*  top - right - bottom - left */
 position: fixed;
/*  display: block; */
 bottom: 12px;
 width: 132px;
/*  right: 12px; */
/*  left: 747px; */
 right: 12px;
/*  padding: 4px 0.1em 4px 0.1em;   / top - right - bottom - left / */
 z-index: 10;
/*  text-align: center; */
 line-height: 0;
}

div.sidelogo img
{
    border: 0px;
/*     vertical-align: text-top; */
    vertical-align: top;
}

div#social div
{
 vertical-align: middle !important;  /* fix for google plusone pos */
}

div#social iframe
{
 vertical-align: middle !important;  /* fix for google plusone pos */
}

div.date
{
 margin: 0.75em 0em 0.1em 0em;   /* top - right - bottom - left */
 font-style: italic;
 color: #9d343c;
 background-color: #cdc6a1;
}

div.entry
{
 margin: 0.1em 0em 0.75em 0em;   /* top - right - bottom - left */
}

a.this_page
{
  color: #9c0f34 ! important;
  text-decoration: none; /* not underlined */
}
    
div.headline
{
 color: #403631;
 font-size: 200%;
 font-weight: bold;
 margin: 0em 0em 1.5em 0em;  /* top - right - bottom - left */
}

div.emphasised
{
 font-weight: bold;
}

div.empty
{
 margin: 0;
 line-height: 0;
}

.floating_right
{
 margin: 0em 0em 1em 1em;  /* top - right - bottom - left */
 float: right;
/*  vertical-align: text-top; */
}

.floating_left
{
 margin: 0em 1em 1em 0em;  /* top - right - bottom - left */
 float: left;
/*  vertical-align: text-top; */
}

div.centred
{
 text-align: center;
}

div.raggedright
{
 text-align: left;
}

div.vertically_centred
{
 margin: auto 0;   
 vertical-align: middle;
}

div.small
{
 font-size: 90%;
}

div.large
{
 font-size: 120%;
}

div.coloured
{
 color: #9c0f34;
}

div.news
{
 text-align: center;
 margin: 2em 0em; /* vertical - horizontal */
}

div.spacer
{
 text-align: center;
 letter-spacing: 1.5em;
 margin: 2em 0em; /* vertical - horizontal */
}

div.spacer img
{
 vertical-align: middle;
 margin: 0em 0.75em; /* vertical - horizontal */
}

div.extra_space
{
 margin: 1.2em 0em; /* vertical - horizontal */
}

div.indented
{
 margin: 0em 2em; /* vertical - horizontal */
}

div.toc_indent
{
 margin: 0em 2em; /* vertical - horizontal */
}

div.figure
{
 margin: 3em 0em; /* vertical - horizontal */
 text-align: center;
 vertical-align: middle;
 clear: both; /* break free from floating images etc from previous divs */
}

div.figure img
{
 vertical-align: middle;
}

div.clear
{
 clear: both; /* break free from floating images etc from previous divs */
}

img
{
 border-style: none; /* no border on normal images */
}

img.bordered
{
 border-style: solid;
 border-width: 1px;
 border-color: #a0a0a0;
}

h1
{
 color: #9d343c;
 font-size: 130%;
 font-weight: bold;
 text-align: center;
 line-height: 1.5em;
 margin: 1em 0em 1.5em 0em;  /* top - right - bottom - left */

 clear: both; /* break free from floating images etc from previous sections */
}

h2
{
 color: #9d343c;
 font-size: 120%;
 font-weight: bold;
 text-align: center;
 line-height: 1.5em;
 margin: 2em 0em 0.5em 0em;  /* top - right - bottom - left */

 clear: both; /* break free from floating images etc from previous sections */
}

h3
{
 font-size: 110%;
 font-weight: bold;
 text-align: center;
 line-height: 1.5em;
 margin: 2em 0em 0.5em 0em;  /* top - right - bottom - left */
}

h4
{
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 line-height: 1.2em;
 margin: 1.5em 0em 0em 0em;  /* top - right - bottom - left */
}

h5
{
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 line-height: 1.1em;
 margin: 1.2em 0em 0em 0em;  /* top - right - bottom - left */
}

hr
{
 height: 3px;
 width: 100%;
 margin: 3em 0em; /* a lot of vertical space around it */
 clear: both;
 
 /* the following is a replacement for noshade */
 color: #9d343c;
 background-color: #9d343c;
 border-style: none;
}

hr.little_space
{
  margin: 1em 0em; /* less vertical space around it */
}


table
{
 border-style: none;
 border-spacing: 0;
}

tr,td
{
 border-style: none;
 border-spacing: 0;
 padding: 0;
}


body
{
 text-align: justify;
 font-family: verdana, tahoma, sans-serif;
 font-style: normal;
 text-decoration: none;
    
/*     background-image: url(background.jpg); */
/*     background-repeat: repeat; */
/*     background-position: center top; */
/*     background-attachment: fixed; */
 background-color: #cdc6a1;
 color: #000000;
    
 margin: 10px 10px; 
/* background: #f8dc46; */

}

/* qype fix */

#QypeWidget3 { margin-left: auto !important; margin-right: auto !important; }
#QypeWidgetBig { margin-left: auto !important; margin-right: auto !important; }