body {
text-align: center;
background-color: #e1e1e1;
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 10px;
color: #333333;
}

#header {
width: 100%;
position:fixed;
top:0;
left:0;
margin: 0px;
padding:0;
/*padding: 6px 12px;*/
background-color: #656565;
font-family: Verdana;
font-size: 10px;
color: #333333;
border-bottom: 1px solid #CB5C2B;
}

#contentpic {
padding:10px;
text-align:center;
margin:45px auto 0px auto;
}

#container {
margin:auto;
width: 100%;
height:100%;
margin: 0px;
padding: 0px;
}

* html {
overflow:hidden;
margin: 0px;
padding: 0px;
}

* html body {
overflow:hidden;
width: 100%;
height:100%;
margin: 0px;
padding: 0px;
}

* html #header {
width: 97%;
position:absolute;
top:0;
left:0;
}

* html #container {
overflow:auto;
width: 100%;
height:100%;
margin: 0px;
padding: 0px;
}

* {
font-family: Verdana;
font-size: 10px;
color: #333333;
}

#banner { text-align: center; margin: 10px 0px 0px 0px; padding: 0px;}
#navi { text-align: center; margin: 10px auto; padding: 2px; background-color: #efefef; border: 1px solid #B3B3B3;}
#bildinfo { text-align: center; margin: 10px auto 20px auto; padding: 0px 4px; }

#infos { text-align: left; margin: 10px auto 10px auto; padding: 0px 4px; visibility:hidden;}

#about { width:640px; margin:60px auto; padding: 20px; text-align:left; background-color: #efefef; border: 4px solid #fff;}

#about p {margin: 0px 0px 0px 16px;}
#about h2 {margin: 10px 0px 2px 0px;}

* html #about {position: static;}

#contentpic p.pic {
margin:6px 0 2px 0;
text-align:center;
}

img.pic { border: 4px solid #fff; }

#contentpic p.pano {
display:inline-block;
max-width:96%;
overflow-x:auto;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
border-right: 4px solid #fff;
margin:2px 0 10px;
}

#contentpic p.pano img.pic {
border:none;
border-bottom: 4px solid #fff;
}

#contentpic div.coments { 
width:592px;
margin: 10px auto; 
padding: 0px 4px; 
text-align: left; 
}

#contentpic div.coments p.rahmen {
border-bottom: 1px solid #CB5C2B;
text-align:left;
}

#contentpic div.coments p.komentar {
padding: 2px;
border-bottom: 1px solid #CB5C2B;
background-color: #efefef;
}

#contentpic form#comentform { 
text-align: left; 
margin: 0 auto 10px auto; 
padding: 2px; 
width: 420px;
}

#contentpic form#comentform fieldset {
/*background-color:yellow;*/
padding:4px;
border:none;
}

#contentpic form#comentform fieldset legend {
font-weight:normal;
color:#CB5C2B;
padding:2px 0;
}

#contentpic form#comentform fieldset span {
display:block;
} 

input, textarea {
border: 1px solid #CB5C2B;
margin-bottom:4px;
}



span.left { float:left; padding: 0px; margin-left: 0px; }
span.right { float:right; padding: 0px; margin-right: 0px; }

#header h1 { font-family:Verdana; font-size:14px; font-weight: bold; color:#efefef; margin:6px 12px; float:left; }
#about h1 { font-family:Verdana; font-size:14px; font-weight: bold; color: #cb5c2b; margin:0 0 12px 0; }

#header a { color: #efefef; }

#header span.projectlinks { font-family:Verdana; font-size:14px; font-weight: normal; color:#efefef; margin:6px 20px; float:right;display:inline-block; }

#header span.rot {
font-size:14px;
color: #cb5c2b;
font-weight: bold;
}

a:link { font-family:Verdana; font-size:10px; text-decoration:none; color:#666666; }
a:visited { font-family:Verdana; font-size:10px; text-decoration:none; color:#666666; }
a:active { font-family:Verdana; font-size:10px; text-decoration:none; color:#666666; }
a:hover { font-family:Verdana; font-size:10px; text-decoration:none; color:#cb5c2b; }

a.big:link { font-family:Verdana; font-size:12px; text-decoration:none; color:#666666; }
a.big:visited { font-family:Verdana; font-size:12px; text-decoration:none; color:#666666; }
a.big:active { font-family:Verdana; font-size:12px; text-decoration:none; color:#666666; }
a.big:hover { font-family:Verdana; font-size:12px; text-decoration:none; color:#cb5c2b; }



span.archiv {
width: 30px;
text-align: right;
margin-right: 10px;
}

span.bildid {
float:left;
width: 30px;
padding: 0px 4px;
text-align: right;
}

span.bilddatum {
width: 50px;
text-align: right;
padding: 0px 4px 0px 0px;
}

span.bildname {
float:right;
margin: 0px 10px 0px 0px;
padding: 0px;
text-align: left;
}

span.rot {
color: #CB5C2B;
font-weight: bold;
}

#about p.mail span {
margin-top: -2px;
}

#about p.mail img {
margin-top: 4px;
}

h1.boto {width:904px;text-align:left;padding:0 0 0 4px;margin:36px 0 12px 0;font-size:12px;font-weight:bold;color:#656565;clear:both;}

h1.boto span.klein {font-size:10px;color:#656565;}

#contentpic h1 {
font-size:110%;
line-height:130%;
margin:12px 0 4px 0;
}

#contentpic h1 span {
font-weight:normal;
}

table.showpics {
width:904px;
margin:0 auto;
text-align:center;
}

table.showpics td {
text-align: center; 
vertical-align: middle; 
padding: 4px 4px 24px 4px;
}