@charset "UTF-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, small { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: #ffffff; margin: 0 0 30px 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
a, input, select, textarea { outline: none; } /* Removes Firefox imposed outline */

/* global */
.column { float:left; margin-right: 15px; }
.w1 { width: 160px; }
.w2 { width: 335px; }
.w3 { width: 510px; }
.w4 { width: 685px; }
.w5 { width: 860px; }
.w6 { width: 1035px; }
.wrapper { display: inline-block; } /* Clearing floats without extra markup  */
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* Typography */
body { font-size: 11px; line-height: 15px; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; color: #000000; letter-spacing: 0.125em; } /* Default fonts and colors. */
h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: normal; }
h1 { text-transform: uppercase; }
h2 { line-height: 15px; letter-spacing: 0.2em; }
ul, ol { list-style: none; }
ul, li {list-style-type:none;}
strong { text-transform: uppercase; font-weight: normal; }
span.underline { border-bottom: 1px solid #FFFFFF; padding-bottom: 2px; }


/* Links */
a { color: #999999; font-weight: normal; text-decoration: none; }
a:hover { color: #009cff; }
a[href^='http://'], a.extern { text-decoration: underline; }

/* Structure */
#page { position: relative; padding: 45px 25px; }
#top { height: 180px; width: 1050px; }
#maincontent {  margin: 0 0 0 175px; }
#legal { position: fixed; bottom: 7px; left: 10px; }

/* top */
#logo { position: relative; display: block; }
#logo a { position: absolute; top:-3px; left: 53px; }
#news p { color: #000000; font-style: italic; }

/* navigation */

a.related { color: black; }
a.selected { color: black; text-decoration: none; text-transform: uppercase; }
a.selected:hover, a.related:hover { color: #009cff; }


/* main */
#main .w2 p { width: 300px; }
#overview { clear: both; margin:0 75px 75px 0 ; }

.entry { position: relative; display: block; float: left; margin: 0 15px 15px 0; width: 160px; height: 210px; background: #009cff; }
.entry h2 { padding: 15px; color: #FFFFFF; overflow: hidden; }
.entry a, .entry div.entry_image { position: absolute; display: block; top: 0; left: 0; width: 160px; height: 210px; }

.entry.landscape { width: 210px; height: 160px; margin-top: 50px; }
.entry.landscape a, .entry.landscape div.entry_image { width: 210px; height: 160px; }
.entry.selected { background: #FFFFFF; }
.entry.selected h2 { color: #000000; }
.entry.selected h2 span.underline { border-color: #000000; }
.entry.selected div.entry_image { display: none; }


#project { border-bottom: 1px solid #000000; padding-bottom: 59px; margin-bottom: 60px; width: 700px; }
#bigImgContainer { display: block; height: 510px; }
#thumbs { height: auto; padding: 15px 0 15px 0;  }
#thumbs a { display: block; float: left; margin: 0 15px 15px 0; height: 60px; width: 44px; overflow: hidden; }
#thumbs a.landscape { height: 44px; padding: 0; width: 60px; border-top: 16px solid white; }
#thumbs a.selected img { display: none; } 
#thumbs a.selected { background: url(../elements/Punkt_FL_12x12.png) center no-repeat; height: 44px; border-top: 16px solid white;  } 

/* main */
.admin td {vertical-align: top; padding-bottom: 30px; height: 55px; }
.admin table.edit td { height: auto; padding-bottom: 15px; }
.admin table.news td { height: auto; padding-bottom: 0; }

.admin input[type="text"], .admin textarea { width:500px; padding: 3px 5px; border: 1px solid #AAAAAA; color: #AAAAAA; }
.admin input[type="file"] { width:300px;}
.admin input[type="text"]:focus, .admin textarea:focus { color: #000000;}
.admin input[type="text"].short { width: 125px; }
.admin input[type="text"].veryshort { width: 25px; }
.admin input[type="submit"], .admin a.btn { background: #AAAAAA; color: #FFFFFF; border: none; margin-right:5px; cursor: pointer; padding: 2px 5px; }
.admin input[type="submit"]:hover, .admin a.btn:hover { background: #009cff;}
.admin input[type="submit"].delete { background: no-repeat; color:#AAAAAA; }
.admin input[type="submit"].delete:hover { color: #FF0000; }
label { margin: 0 15px 5px 0; color:#AAAAAA; white-space:nowrap; float: left; position: relative; }