/* 
* 
* $Revision:23 $
* $LastChangedDate:2008-04-08 20:53:22 +0200 (Di, 08 Apr 2008) $
* $Author:arvid $
*
*/
/* CSS Document */

* {margin: 0;
    padding: 0;}

p {padding-top: 7px;
    padding-bottom:7px;}
    
h1 {
    text-align: left;
    font-size: 2.0em;
    font-style: italic;
    color: #787C87;
}

h2 {
    text-align: left;
    font-size: 1.6em;
    font-style: italic;
    color: #787C87;
}
    
    
h3 {
    text-align: left;
    font-size: 1.2em;
    font-style: italic;
    color: #787C87;
}

h4 {
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 10px;    
}

a:link {color: #666666}     /* unvisited link */
a:visited {color: #666666}  /* visited link */
a:hover {color: #794353}   /* mouse over link */
a:active {color: #666666}   /* selected link */
    
body {
    background-color: #6B6D82;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 62.5%;
}
    
#container {
    margin: 0px auto;
    width: 797px;
    color: #797D88;
    font-size: 1.2em;
}

#header {
    background-image: url(../grafiken/header.jpg);
    height: 249px;
}

#headergallery {
    background-image: url(../grafiken/header.jpg);
    height: 249px;
    vertical-align: middle;
    color: #FFFFFF;
    line-height: 294px;
    font-size: 3em;
    text-align: center;
}

#linkbar {
    background-image: url(../grafiken/linkbar_bg.jpg);
    height: 79px;
}

#content {
    background-image: url(../grafiken/content_tile.jpg);
    background-repeat: repeat-y;
    padding-left: 80px;
    padding-right: 80px;
}

#gallerycontent, .embeddedgallery {
    text-align: center;
}

#right_menu {
    background-image: url(../grafiken/right_menu.jpg);
    height: 365px;
    width: 277px;
    float: right;
    margin-right: -80px!important;
    margin-right: -40px;
}

#footer {
    height:143px;
    background-image: url(../grafiken/footer.jpg);
}
#footercontent {
    text-align: center;
    font-size: .9em;
    padding: 80px 0px 0px 0px;
}

/******************************* menu ****************************************/

#navcontainer div
{
    margin-left: 100px!important;
    margin-left: 50px;
    color: White;
    float: left;
    margin-top: 14px;
}

#navcontainergallery
{
    text-align: center;
}

div.gallerynumbermenu
{
    text-align: center;
}

#navcontainer div { display: inline; }

#navcontainer div a
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
float: left;
}

#navcontainergallery .detailmenu
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
line-height: 45px;
}

#navcontainergallery .detailmenuactive
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
}

#navcontainer ul a:hover
{
color: #E3E9F1;
}


/********************************' right menu *******************************/

.navcontainer {
    width: 200px;
    margin-left: 40px;
}

.navcontainer div.detailmenu a
{
    display: block;    
    line-height: 20px;
}

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul, ol
{
 margin-left: 1.2em;
}
ul.mainmenu {
    margin: 0px;
    padding: 0px;
}
li.mainmenu {
    display:inline;
}
ul.detailmenu {
    margin: 0px;
    padding: 0px;
}
li.detailmenu {
}
li.gallerymenu, li.gallerynumbermenu {
    display:inline;
    padding-right: 7px;
}


/* -------------------------------------------------------- */
/* Kontaktformular */
/* --------------- */
form#contact_form {
}
table#contact_table {
}
table#contact_table td {
  vertical-align:top;
  padding:5px;
}
span#contact_errormessage{
  color:#880000;
  font-weight:bold;
}
span#contact_successmessage{
  color:#008800;
  font-weight:bold;
}
input#contact_name, input#contact_mail, input#contact_website, input#contact_calculation {
  width:200px;
}
textarea#contact_message {
  width:200px;
}
input#contact_submit {
  width:200px;
}

/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
img {
    border:none;
}

span.imagesubtitle {
    margin:5px 3px 0px 3px;
    text-align:justify;
    font-size:0.9em;
    line-height:1.1em;
}

span.contentimage {
}


/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
span.leftcontentimage {
    margin:8px 8px 3px 0px;
    float:left;
    max-width:200px;
}

img.leftcontentimage {
    max-width:200px;
}


/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
span.rightcontentimage {
    margin:8px 0px 3px 8px;
    float:right;
    max-width:200px;
}

img.rightcontentimage {
    max-width:200px;
}


em {
    font:inherit;
    font-style:normal;
}


.deadlink {
    color:#aa0000;
}

.highlight {
    font:inherit;
    padding:0px 1px;
    background-color:#dd0000;
    color:#ffffff;
}

/* misc */
.clearer {clear: both;}

div.inhaltgal
{
    background-image: url(../grafiken/content_tile.jpg);
    background-repeat: repeat-y;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center;
}

div.inhalt
{
    line-height: 20px;
}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
    margin:0px auto;
    border:1px solid #6B6D82;
    border-collapse:collapse;
}
th.contenttable {
    vertical-align:top;
    border:1px solid #6B6D82;
    background-color:#E7EBF7;
    padding:2px 5px;
}
td.contenttable1 {
    vertical-align:top;
    border:1px solid #6B6D82;
    padding:2px 5px;
}
td.contenttable2 {
    vertical-align:top;
    border:1px solid #6B6D82;
    padding:2px 5px;
}



td.gallerytd {
    vertical-align:top;
}

/* -------------------------------------------------------- */
/* [zentriert|...] */
/* --------------- */
.aligncenter {
    text-align:center;
}

/* -------------------------------------------------------- */
/* [links|...] */
/* ----------- */
.alignleft {
    text-align:left;
}

/* -------------------------------------------------------- */
/* [rechts|...] */
/* ------------ */
.alignright {
    text-align:right;
}

/* -------------------------------------------------------- */
/* [block|...] */
/* ----------- */
.alignjustify {
    text-align:justify;
}

/* -------------------------------------------------------- */
/* {TABLEOFCONTENTS} */
/* ----------------- */
div.tableofcontents ul ul {
    /*padding-left:15px;*/
}
div.tableofcontents li.blind {
    list-style-type:none;
    list-style-image:none;
}