/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
    margin: 0;
    padding: 0;
}
a {
    color: #36C;
    text-decoration: none;
}
a:hover {
    color: #06F;
}
body {
    background: #EEE url(../images/bg.gif);
    color: #444;
    font: normal 62.5% "Lucida Sans Unicode",sans-serif;
    margin: 0;
}
img{
  border:0;
}

input {
    color: #555;
    font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
    font-size: 1.2em;
    padding-bottom: 1.2em;
}
/*h1 {
    font-size: 1.4em;
    margin-bottom: 4px;
    background: url(../images/headlinebg.jpg);
}*/
code {
    background: url(../images/bgcode.gif);
    border: 1px solid #F0F0F0;
    border-left: 6px solid #39F;
    color: #555;
    display: block;
    font: normal 1.1em "Lucida Sans Unicode",serif;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}
cite {
    background: url(../images/quote.gif) no-repeat;
    color: #666;
    display: block;
    font: normal 1.3em "Lucida Sans Unicode",serif;
    padding-left: 28px;
}
h1 {
    color: #367EA6;
    padding-top: 4px;
    /*padding-bottom: 2px;*/
    font: normal 1.4em "Lucida Sans Unicode",serif;
    background: url(../images/headlinebg.jpg);
     background-repeat:no-repeat;
     margin-bottom: 10px;
}
h2{
    color: #367EA6;
    padding-top: 6px;
    font: normal 1.2em "Lucida Sans Unicode",serif;
}

/* misc */
.clearer {
    clear: both;
}
/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.vpgb_eintrag
{
    //background: url(../images/bgcontainer.gif) repeat-y;
    margin: 0 auto;
    padding-bottom: 6px;
    //width: 767px;
}


/*div.container{ margin-right:auto; margin-left:auto; float:left } */



/* structure */
.container {
    background: url(../images/bgcontainer.gif) repeat-y;
    margin: 0 auto;
    padding-bottom: 6px;
    width: 870px;
}
.header {
    margin:10px;
    background-repeat: repeat-x;
}

/* title */
.title h1 {
    color: #FFF;
    font: normal 3em Verdana,sans-serif;
    height: 150px;
    line-height: 150px;
    margin-bottom: 8px;
    text-align: center;
}

/* navigation */
.navigation {
background: url(../images/sidenav_tr.jpg);
    margin-bottom: 4px;
}
.navigation a {
    /*background-color: #4A91C3;*/
    color: #FFF;
    float: left;
    font: bold 1.2em "Trebuchet MS",sans-serif;
    padding: 8px 0;
    width: 19%;
    border-right: 1px solid #FFF;
    text-align: center;
    text-decoration: none;
}
.navigation a:hover {
    /*background-color: #000;*/
    color: #FFF;
}

/* main */
.main {
    clear: both;
    padding: 8px 8px;
}

/* main left */
.sidenav {
background: url(../images/sidenav_top.jpg);
background-repeat:no-repeat;
    float: left;
    width: 200px;
    margin-left: 8px;
    
}
.sidenav2 {
background: url(../images/sidenav_top_2.jpg);
background-repeat:no-repeat;
    float: left;
    width: 200px;
    margin-left: 8px;
    margin-top: 9px;
    min-height:160px;

    
}
.sidenav_unten {
background: url(../images/sidenav_unten.jpg);
background-repeat:no-repeat;
    float: left;
    width: 200px;
    height=10px;
    margin-left: 8px;
    
}
.sidenav ul, .sidenav2 ul {
    width:200px;
    margin:0;
    padding:0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
.sidenav ul li,.sidenav ul li,.sidenav2 ul li,.sidenav ul li {
    width:200px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}

/* content */
.content {
    float: right;
    width: 640px;
    min-height:400px;
}
.content .item {
    padding: 6px 12px;
    border: 1px solid #EEE;
    background: #FFF;
    /*margin-bottom: 8px;*/
}
.content .descr {
    color: #333;
    margin-bottom: 6px;
}
.content li {
    list-style: url(../images/li.gif);
    margin-left: 18px;
}
.sidenav ul li.navmainStandardLevel_1 a,.sidenav2 ul li.navmainStandardLevel_1 a {
    display:block;
    width:200px;
    height:19px;
    line-height:19px;
    /*margin:0px;*/
    margin-top: 2px;
    font-size:1.2em;
    color:#666;
    /*border-bottom:1px dottet #ccc;*/
    text-decoration:none;
}
navigation ul li a {
    font-size:1.2em;
    color:#666;
    text-decoration:none;
}
.sidenav ul li.navmainStandardLevel_1 a:hover,.sidenav2 ul li.navmainStandardLevel_1 a:hover{
    color:red;
}
.sidenav ul li.navmainStandardLevel_1 a.active,.sidenav2 ul li.navmainStandardLevel_1 a.active{
font-weight: bold;

}
/* SIDENAV EBENE 2 */

.sidenav ul li.navmainStandardLevel_2 a ,.sidenav2 ul li.navmainStandardLevel_2 a{
   margin:10px;
   font-size:0.9em;
   color:#666;
 }
.sidenav ul li.navmainStandardLevel_2 a:hover,.sidenav2 ul li.navmainStandardLevel_2 a:hover{
 color:red;
}
.sidenav ul li.navmainStandardLevel_2 a.active,.sidenav2 ul li.navmainStandardLevel_2 a.active{
font-weight: bold;
}
/* SIDENAV EBENE 3 */
.sidenav ul li.navmainStandardLevel_3 a {
}
.sidenav ul li.navmainStandardLevel_3 a:hover{
}
.sidenav ul li.navmainStandardLevel_3 a.active{
}

/* search form */
form {
    padding: 0 0 6px 8px;
}
.styled {
    border: 1px solid #DDD;
    padding: 4px;
}
.button {
    background: url(../images/search.gif) no-repeat left bottom;
    border: none;
    height: 27px;
    width: 27px;
}

/* footer */
.footer {
    background: #FFF;
    border: 1px solid #EEE;
    color: #666;
    font-size: 1.1em;
    margin: 0 auto;
    text-align: center;
    padding: 6px;
    width: 820px;
}
.footer a {
    color: #36C;
    text-decoration: none;
}
.footer a:hover {
    color: #06F;
    text-decoration: underline;
}
/**** ############# ****/
/**** IMAGE GALLERY ****/
/**** ############# ****/
table.gallery {
    margin: 20px 20px 0px 0px;
    width: 410px;
    text-decoration: none;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    height: 220px;
    padding:0px;   
}
td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    min-height:120px; 
    margin-bottom:5px; 
    overflow:hidden;
}
td.gallery_image .bottom_links{
     height:40px; margin-top:10px;
}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
    text-decoration: none;
    
}
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}
#contactFormSumbit #contactFormSubmitGBleft {
    background-color:#fff;
    color:#0060b1;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:80;
    height:auto;
    float:left;
    margin:0 0 0 120px;
}
}
#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}