﻿/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body 
{
    text-align:justify;
background-color: #cccccc;
background-image: url(img/back_01.jpg);
background-repeat:repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#2e2d2c;
padding:0;
margin:0;
  background-repeat: no-repeat;
  background-position: top center;
}
a {color: #2e2d2c;
    text-decoration: none;
   }
a:visited {color:#2e2d2c;}
a:hover {color: #2e2d2c;}
a:active { color:#000000;}

h1 {
font-size: 12px;
text-transform:uppercase;
/*background-color: #E0A3B7;*/
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0;
/*width: 1000%;*/ }

.h2 {
font-size:14px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
text-decoration: underline;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin:0 auto;
/*background-color: #dfdbd5;*/
}

#Admin_container 
{
 width: 1000px;
margin-bottom: 10px;
margin:0 auto;   
}

/* ----------banner for logo-------------- */
#banner {
/*background-color: #e1ddd9;*/
text-align: right;
padding: 0px;
margin: 0px;
height:180px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content 
{
    /*margin: 200;*/
/*background-color: orange;*/
padding: 10px 30px 10px 30px;
font-size:small;
width: 310px;
/*padding-right: 200px;*/

max-height:400px;
overflow:hidden;
 /*background-image: url(img/nele_neu1.jpg);
 background-position:right top;
 background-repeat: no-repeat;*/
}
div#content { 


/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

/*p, pre{
padding: 10px 200px 10px 10 px;
padding-right: 200px;
margin:0;
}*/

#content3 
{
    margin: 0;
background-color: orange;
padding: 10px 400px 10px 10 px;
font-size:small;
/*padding-right: 200px;*/

}
div#content3 { 
max-height:500px;
overflow:auto;

/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}


#dbcontent 
{
    width:350px;
    height:300px;
    /*border: solid 1px red;*/
     /*background-color: #dfdbd5;*/
     padding: 10px;
}


#content2 
{
    width:700px;
    height:250px;
    float:right;
     position:relative;
    padding: 50px 50px 50px 50px;
    /*border: solid 2px red;*/
    /*-margin: 10px 450px 5px 50px;*/
    /*border: solid 1px red;*/
     /*background-color: red;*/
     left:50px;
     top:25px;
     overflow:auto;
     

     
}

.p 
{
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    font-size: small;
}


/* --------------left navigavtion------------- */
#left {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
 
   /*background-color: green;*/
}
#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	  background-color: red;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 10px;
text-align: left;
height: 50px;
/*background-color:Green;*/

 }
 
/*
 
 #footer a {color: #2e2d2c;
    text-decoration: none;
   }
#footer a:visited {color:#2e2d2c;}
#footer a:hover {color: #2e2d2c;}
#footer a:active { color:#000000;}
*/

#nele 
{ float: right;
  
  /*padding: 100px 10px 0px 5px;*/
 z-index:-99;
 top: 0px;
/* background-image: url(img/nele_sp2.jpg);
    background-repeat: no-repeat;
    border: 2px black solid;*/
 position:relative;
    
}

.repeater 
{
    border: solid 5px green;
}
.bilder
{
    padding: 10px;
    width: 100px;
    height:100px;
    border: solid 5px red;
  /*  border-right: solid 5px red;*/
}
.portrait
{
    padding: 25px;
    width: 266px;
    height:400px;
    /* border: solid 5px red;
   border-right: solid 5px red;*/
}

#footer_unter 
{
    color:Red;
}

#footer_unten ul, #footer_unten li
{
    list-style:none;
    /*display:block;*/
    float:right;
}
#nele1 
{
    height: 420px;
    width:200px;
    top: -50px;
    left: -30px;
    float:left;
    position: relative;
}

#contentplaceholder 

{
  background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px; 

   /* background-color:Green;*/
    
}

#contentplaceholderGalerie

{
  background-color: #ffffff;
padding: 0px;
margin-left: 250px;
margin-right: 0px; 
/*height: 420px;*/



  /*background-color:Green;*/
   /*width:100%;*/
   white-space:nowrap;
   overflow-x:scroll;   
}

.test 
{
  margin: 0px;
  padding: 0px 20px 0px 20px;
  height: 200px;
  
   
 

}

.Label1 

{ 
   padding: 10px 0px 0px 40px;
    /*color: Red;*/
    font-weight:bold;
}

.Label2

{ 
   padding: 10px 0px 0px 40px;
   width: 200px;
   margin: 0px;
    /*color: Red;*/
    
}

#bild_galerie 
{
  
      height: 420px;
    width:200px;
    top: -50px;
    left: -50px;
    float:left;
    position: relative;
    z-index: -99;
}

.content1  
{
 /*background-color: Orange;*/
 margin-left:300px;
    
}

.showContainer

{position:relative;
left: 50px;
top:75px;
width:200px;
height: 200px;

}

#detailbild 
{
        height: 400px;
    width:400px;
    top: 0px;
    left: 0px;
    float:left;
    position: relative;
    z-index: 99;
}

#detailcontainer  
{
     width:300px;
    height:400px;
    float:right;
     position:relative;
   /* padding: 50px 50px 50px 50px;
    border: solid 2px red;*/
   margin: 5px 50px 5px 50px;
    /*border: solid 1px red;*/
     /*background-color: red;
     left:50px;
     top:25px;*/
     overflow:auto;
      
      font-size:small;
      font-family: Verdana;
      text-align:left;
}

#detailbilder

{
}

#detailcontaineranfrage  
{
     width:450px;
    height:400px;
    float:right;
     position:relative;
   /* padding: 50px 50px 50px 50px;
    border: solid 2px red;*/
   margin: 5px 50px 5px 50px;
    /*border: solid 1px red;*/
     /*background-color: red;
     left:50px;
     top:25px;*/
     overflow:auto;
      
      font-size:small;
      font-family: Verdana;
      text-align:left;
}

#kunstkarte  
{
     width:450px;
    height:400px;
    float:right;
     position:relative;
   /* padding: 50px 50px 50px 50px;
    border: solid 2px red;*/
   margin: 5px 50px 5px 50px;
    /*border: solid 1px red;*/
     /*background-color: red;
     left:50px;
     top:25px;*/
     overflow:auto;
      
      font-size:small;
      font-family: Verdana;
      text-align:left;
}



#detailangaben 
{
   position:static;
    top:250px;
    left: 50px;
    width: 250px;
   
     
}

.fieldset_01 
{
 width: 300px;
 height: 100px;
 background-color: Orange;
}

#piwbanner 
{
 text-align:center;   
}

#menu 
{
    position:relative;
    left: -40px;
}


