html,body {height:99%;}
/* Basic Definitions */
body {margin:10px;padding:0;text-align:center;width:99%;color:black;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;border:medium none inherit;}
h1 {font-size:18px;letter-spacing:2px;margin:0;padding-left:10px;}
h2 {font-size:14px;;margin:0;padding:0;}
h3 {font-size:11px;;margin:0;padding:0;}
h4 {font-size:11px;;margin:0;padding:0;}
P {margin:0;padding:0.5em 0;}
form {border:1px solid #7DAAAC;}
/* Pseudo Formats for Anchors */
a:link {text-decoration:none;color:#000000;}
a:visited {text-decoration:none;color:#000000;}
a:hover {text-decoration:underline;color:#003399;}
a:active {text-decoration:underline;color:#003399;}
/* =======================================================
Classes and IDs
in image_template.html and in browse_template.html
========================================================= */
/* Header of main-page */
.topline {position:absolute;top:25px;left:10px;height:25px;z-index:1;width:92%;padding-bottom:10px;border-bottom:1px solid #7DAAAC;text-align:left;font-size:17px;font-weight:130;background:transparent;}
.topline2 {position:absolute;top:47px;left:27px;height:80%;z-index:2;width:2px;border-right:1px solid #7DAAAC;background:transparent;}
.topline3 {position:absolute;top:47px;left:27px;height:1000px;z-index:2;width:2px;border-right:1px solid #7DAAAC;background:transparent;}
.topline4 {position:absolute;top:600px;left:400px;height:700px;z-index:2;width:2px;border-right:1px solid #7DAAAC;background:transparent;}
.topline5 {position:absolute;top:900px;left:400px;height:1700px;z-index:2;width:2px;border-right:1px solid #7DAAAC;background:transparent;}
/* the place for the image in the main-page */
.frame {position:relative;top:30px;height:430px;width:290px;left:0px;}
/* formatting the image-informations */
.info {width:350px;position:relative;top:370px;left:0px;background:transparent;text-align:left;padding:4px;display:block;font-size:11px;}
.info800 {width:350px;position:relative;top:370px;left:30px;background:transparent;text-align:left;padding:4px;display:block;font-size:11px;}
/* formatting Agnes Debut */
.agnesD {width:350px;position:relative;top:400px;left:50px;z-index:1;background:transparent;text-align:right;padding:10px;display:block;font-size:11px;visibility:visible;border:1px solid #7DAAAC;}
.agnesD800 {width:350px;position:relative;top:410px;left:0px;z-index:1;background:transparent;text-align:right;padding:10px;display:block;font-size:11px;visibility:visible;}
/* formatting Agnes Complet */
.agnesC {width:350px;position:relative;top:370px;left:0px;z-index:5;visibility: hidden;overflow: visible;background:transparent;text-align:right;padding:4px;display:block;font-size:11px;}
.agnesC800 {width:350px;position:relative;top:370px;left:30px;z-index:5;visibility: hidden;overflow: visible;background:transparent;text-align:right;padding:4px;display:block;font-size:11px;}
/* formatting of photo-presentation */
#photo {position:absolute;top:15px;left:30px;background:transparent;border:0;}
/* formatting of image-information */
.infonav {position:relative;top:26px;left:30px;height:50px;width:290px;border-bottom:1px solid #7DAAAC;border-top:1px solid #7DAAAC;margin-top:5px;text-align:center;display:block;font-size:11px;}
/* Thumbnails Strip */
#film_cat {display:block;position:relative;width:75px;background:transparent;padding:1px;border:1px solid #7DAAAC; text-align:right;}
/* Reference to the Script + XML / RSS */
#power {display:block;position:relative;background:transparent;padding:0;font-size:11px;text-align:right;}
/* some small ID's */
#small {font-size:12px; letter-spacing:0px; font-weight:300;}
/* texte */
.texte12 {font-size:12px; text-align:left; color:black; margin:0;padding:0;}
#majus18 {font-size:18px; font-weight:bold;}
#gris1 {color:#404070;}
/* INUTILISE - Bloc de hauteur minimale */
#blocminimum
{
/* blocminimum ne fera donc jamais moins de 250px de haut */
min-height:250px;
}
/* liens */
.liens {font-size:10px; font-weight:bold; letter-spacing:2px;}
.liens a {text-decoration:none;color:#5A999B;}
.liens a:hover {text-decoration:underline;color:#003399;}
/* EXIF-Information */
#detail {position:absolute;left:20px;top:+110px;width:260px;color:red;padding:10px;}
/* class-definitions in index.php */
.thumbnails {padding-left:2px;padding-right:2px;padding-top:1px;padding-bottom:1px;border-left:1px solid black;border-right:1px solid black;border-top:0 solid black;border-bottom:0 solid black;}
.current_thumbnail {padding-left:2px;padding-right:2px;padding-top:1px;padding-bottom:1px;border:1px dashed black;}
/* =================================================
Comment related classes and IDs:
================================================= */
.input {width:450px;}
#comments {position:absolute;top:690px;left:50px;padding:0;font-size:10px;margin:0;display:block;width:70%;text-align:left;border-top:1px solid #7DAAAC;}
#comments ul,li {list-style:none;margin:0px;}
#comments a {text-decoration:none;color:#5A999B;}
#comments a:hover {text-decoration:underline;color:#003399;}
#comments p {text-indent:-0.15cm;margin-bottom:1px;margin-top:0;}
#comments H1 {font-size:12px;font-variant:small-caps;letter-spacing:1px;margin-bottom:0;font-weight:150;}
#comments H2 {font-size:10px;font-variant:small-caps;letter-spacing:1px;margin-bottom:0;font-weight:150;}
#comments H3 {font-size:10px;letter-spacing:1px;margin-bottom:0;font-weight:100;}
#add_comment {width:750px;padding:10px;font-size:10px;visibility: hidden;overflow: visible;}
/* =================================================
Calendar related classes and IDs:
================================================= */
.kalender {position:absolute;top:450px;left:50px;width:auto;max-width:70%;padding:0;font-size:10px;font-weight:110;letter-spacing:-1px;}
.td_calendar_days_vz { padding:1px;text-align:center;border-top:0 solid inherit;border:0 none inherit;}
.td_calendar_days { padding:1px;text-align:center;border:1px none inherit;}
.td_calendar_navi_vz { border:0 none inherit;text-align:center;letter-spacing:1px;word-spacing:5px;}
.td_calendar_navi_vz a { text-decoration:none;}
.td_calendar_navi { border-top:0 none inherit;border:0 none inherit;text-align:left;letter-spacing:1px;word-spacing:5px;}
.td_calendar_navi a { text-decoration:none;}
.td_calendar_days_imagefound { padding:1px;text-align:center;border:1px dotted black;}
.td_calendar_days_imagefound:hover { border:1px solid red;}
.td_calendar_days_imagefound a { text-decoration:none;}
.td_calendar_days_imagefound a:hover { text-decoration:none;color:#fff;}
.table_calendar { font-size:9px;padding:0;margin:0;width:600px;border:2px none inherit;}
.table_calendar_vz { font-size:9px;padding:0;margin:0;width:200px;border:0 none inherit;}
/* =================================================
formats in other templates
================================================= */
/* in comment_template.html */
#kommentarfenster { padding:10px;margin:0 auto;border:1px dotted inherit;width:400px;text-align:left;text-align:left;}
#kommentarliste { width:400px;padding:5px;margin-top:5px;margin-bottom:2px;border-top:1px dashed inherit;border-bottom:1px dashed inherit;}
#kommentieren {padding:10px;height:160px;}
#kommentieren td {text-align:left;}
.input2 {width:250px;}
/* in browse_template.html */
.header {position:absolute;top:25px;height:25px;z-index:1;left:50px;width:80%;padding-bottom:10px;font-size:17px;font-weight:130;background:transparent;font-variant:small-caps;letter-spacing:2px;line-height:105%;text-align:left;text-indent:1%;}
.photos {position:absolute;list-style:none;text-align:left;display:block;left:50px;top:80px;width:75%;padding-bottom:20px;padding-top:20px;border-bottom:thin solid #84B4B6;border-top:thin solid #84B4B6;}
ol.photos li {display:block;float:left;margin:4px;padding:0;width:100px;border:1px solid black;}
ol.photos li a {border:none;}
ol.photos li img {display:inline;width:100px;vertical-align:bottom;border:1px solid black;margin:0px;padding:0px;}
.kategorie {position:absolute;top:80px;right:15px;text-align:left;text-decoration:underline;}
/* in referer_template.html */
#wrapper {margin:0px auto;padding:0px;width:610px;text-align:left;}
#navigation {width:590px;padding:10px;font-size:10px;border:1px solid #999;}
#navigation:hover {background:#f5f5f5;}
#referers {width:590px;padding:10px;font-size:10px;border-left:1px solid #999;border-right:1px solid #999;border-top:0px;border-bottom:1px solid #999;}
#referers ul {list-style-type:none;margin:0px;padding:10px;}
#referers li {display:block;margin:0px;color:#444;text-decoration:none;padding:3px;}
#referers li a {color:#444;text-decoration:none;}
#referers li:hover {background:#f5f5f5;}
#referers li a:hover {background:#f5f5f5;}