/* css Document */

* { 
padding:0px;
margin:0px;
}

body {
background-color: #fff;
font-size: 12px;
font-family:"Trebuchet MS", Geneva, Arial, Sans-Serif;
color:#3d0b2b;  
}
a { 
color: #999;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
outline: none;
}
pre { 
color: #999;
font-size: 11px;
background-color: #e1ddd9;
font-family: Courier, Monaco, Monospace;
}

p,h1, h3, pre {
padding: 5px 15px;
margin: 0px;
}
.center{
text-align:center;
margin-left:auto;
margin-right:auto;
color: #663333;
}
.center2{
text-align:center;
margin-left:auto;
margin-right:auto;
}
p{text-align:justify}
h3 {
font-size: 13px;
text-transform:uppercase;
color: #663333;
background-color: transparent;
}

/*  positioning-layers dynamisch */
#home{
text-align:center;
border:none;
margin-left:auto;
margin-right:auto;
margin-top:100px
}

#navcontainer {
position: absolute;
left:120px;
top: 20px;
width: 618px;
}

#left { 
position: absolute; 
left: 80px; 
width: 35%; 
top: 58px; 
background-color:transparent;  
margin-right:20px
}
#right {
position: absolute;
left:530px;
width:30%;
top: 58px;
background-color:transparent;
overflow: auto;
margin-left:40px;
clear:right;
}
/*
#left { 
position: absolute; 
left: 80px; 
width: 35%; 
top: 60px; 
background-color:transparent;  
margin-right:20px
}
#right {
position: absolute;
left:560px;
width: 25%;
top: 60px;
background-color:transparent;
overflow: auto;
margin-left:40px;
clear:right;

}*/

#navlist{
margin: 0;
padding: 0 0 20px 10px;
}

#navlist ul, #navlist li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-size:12px;
}

#navlist a:link, #navlist a:visited{
text-align:center;
line-height: 14px;
font-size: 14px;
margin: 0 5px 2px 5px;
text-decoration: none;
color: #2e0a21;
outline:none
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
border-bottom: 2px solid #8c1a62;
color: #939290;
outline:none;
}

#logo{
background-image: url("../images/logo.jpg");
background-repeat:no-repeat;
background-position:center top;
height:160px;
width:160px;
min-height:160px;
margin-left:auto;
margin-right:auto;
}

#logo-gall{
margin-right:auto;
text-align:center;
width:220px;
min-width:220px;
padding-right:20px;
color:#663333
}

#content-image{
width: 316px;
height:316px;
min-height:255px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.footer-image{
width: 50%;
height:50%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:20px;
}

#footer {
height:25px;
text-align:center;
font-size:12px;
color:#310621;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin-top:20px;
position:relative}

hr{
border:1px dotted #6f696d;
width:550px}

.hr2{
border:1px dotted #6f696d;
width:400px;
float:left}

.big-letter {
font-size:20px;
color: #6f696d;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.smalltext-brown {
font-size: 9px;
color: #6f696d;
}
.smalltext-grey {
font-size: 9px;
color: #ccc;
}

/* gall */
.imgborder{
border:1px solid #ccc;
padding:10px;
margin:20px 0px 0px 0px;
background-color:#FFFFFF;
}
a:hover .imgborder{
border: 1px solid #939290;
}
#illust img{border:1px solid #000}
/*#illust a:link{border:1px solid #939290;}*/
#mainpic{text-align:center; 
border-top:1px solid #ccc;
margin-top:10px;
padding-top:10px;}

/* form formatting */
input, textarea, submit{
background-color:#D6D3D3;
border:none;
padding-right:0px;
font-size:12px;
margin-top:10px;
padding-left:5px;
line-height:18px
}
.butt{
width:120px;
height:50px;}

button:hover, input:hover{
background-color:#990033;
color:white}

.err{
font-size:10px;
color:#FF0000;}

.textbold{
font-weight:bold;
font-size:13px;
padding:10px;
text-align:center;
color:#990033 
}
.italic{
font-style:italic;
color:#97A69E}

.box{
color:#990033 ;
padding:5px;
text-align:center;
border:#333333 solid 1px;
margin-top:30px;
margin-bottom:30px;
background-color:transparent;
margin-left:auto;
margin-right:auto;
width:70%;
font-size:16px;
color:#999999;
font-weight:bold
}

.top{
text-align:right;
padding-right:10px;
}

ul{ 
padding-left:10px;
color:#3d0b2b;