* {
    margin:0;
    padding:0;
}
html, body { 
    height: 100% ;
    font-family: Verdana, Lucida, Arial, Geneva, Helvetica, sans-serif;
    font-size:1em;
}
body {
    background-repeat         : no-repeat;
    background-attachment     : fixed;
    background-position: bottom center;
}
h1 {
     color: #CC3333;
     font-family:Times, serif;
     font-size:1.6em;
     font-style: oblique;
     font-weight: 900;
     padding:25px 0 25px 0;
     text-align: center;
}

h2 {
    font-size:1.1em;
    color:#cc3333;
    padding-top:15px;
}
a {
    color:black;
}

a:hover, div#footer a.activelink, div#content a.activelink { 
    color:#cc3333;
    text-decoration: underline;
}

/*
 * General lay-out
 */
div#intro {
    margin-bottom: 1em;
}
div#container {
    position: relative; 
    min-height: 100%;
}
div#content { 
    padding-left:50px;
    padding-right:50px;
    padding-bottom: 22px;
}
div#footer { 
    clear:both;
    position: relative; 
    margin-top: -23px;
    height: 22px;
    border-top:1px solid black;
}
div#footer a { 
    color:black;
    text-decoration: none;
    font-weight:bold;
    font-family:Times, serif;
    font-size:1em;
    width:12.4%;
    display:inline;
    float:left;
    text-align: center;
}
div#footer a:hover { 
    font-family:Times, serif;
    font-size:1em;
    color:#c33;
    text-decoration: underline;
}

span.itemdetail_title {
    display: block;
    padding-bottom:1em;
    font-size:1.1em;
    font-weight:bold;

}
/*
 * Module specific lay-out
 */

span.recent_summary {
    display:block;
    margin-top:2em;
}

/*
 * Image gallery
 */
div#category_info {
    margin-bottom:1em;
}

div#content table#image_gallery {
    text-align: center;
}
table#image_gallery {
    width:80%;
}

table#image_gallery tr {
    padding-top: 15px;
}
table#image_gallery tr td{
    text-align: left;
    padding-left: 25px;
    height: 30px;
}

tr#category_1 {
    background: url('/images/category_1.jpg')  no-repeat 0 0;
}
tr#category_2 {
    background: url('/images/category_2.jpg')  no-repeat 0 0;
}
tr#category_3 {
    background: url('/images/category_3.jpg')  no-repeat 0 0;
}
tr#category_4 {
    background: url('/images/category_4.jpg')  no-repeat 0 0;
}
tr#category_5 {
    background: url('/images/category_5.jpg')  no-repeat 0 0;
}
tr#category_6 {
    background: url('/images/category_6.jpg')  no-repeat 0 0;
}
tr#category_7 {
    background: url('/images/category_7.jpg')  no-repeat 0 0;
}
tr#category_8 {
    background: url('/images/category_8.jpg')  no-repeat 0 0;
}
tr#category_9 {
    background: url('/images/category_9.jpg')  no-repeat 0 0;
}
tr#category_10 {
    background: url('/images/category_10.jpg')  no-repeat 0 0;
}
tr#category_11 {
    background: url('/images/category_11.jpg')  no-repeat 0 0;
}
tr#category_12 {
    background: url('/images/category_12.jpg')  no-repeat 0 0;
}

table#image_table {
    border-spacing: 9px;
    text-align: center;
    width:100%;
}

table#image_table tr td.image_td{
    border:0;
    text-align: center;
    background-color:#ddd;
    height:180px;
    border:1px solid #ccc;
    padding-left:10px;
    padding-right:10px;
    width:200px;
}

table#image_table tr td.image_td {
    text-align:center;
}

table#image_table tr td.image_td img{
    border:4px solid white;
    display:block;
    margin-left: auto;
    margin-right: auto
}

table#image_table tr td.image_td a {
    font-size: 0.8em;
    display:block;
    text-decoration:none;
}

.highlight_td a img{ 
    border:4px solid white;
    display:block;
    margin-left: auto;
    margin-right: auto
}

.highlight_td {
    background-color: #ccc;
    text-align: center;
    height:180px;
    width:200px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #aaa;
}
.highlight_td a{
    font-size: 0.8em;
    display:block;
    text-decoration:none;
    color: #cc3333;
}

div.fotogalerij img {
    float:right;
    margin: 0.5em;
    border:6px solid white;
}

div.fotogalerij {
    clear:both;
}


/*
 * Contact
 */
form {
    position: relative;
    width:600px;
}

form div#contact_obligatory {
    font-size:0.9em;
}
form input[type=text], textarea {
    border:1px solid black;
}

form div.text_container {
    padding-bottom:10px;
}
form div.text_container span{
    display: block;
}
form div.textarea_container textarea{
    height: 100px;
    width:350px;
}
form div.textarea_container {
    position: absolute;
    top:0;
    right:0;
}
form div.textarea_container span {
    display:block;
}
input.form_button {
    border:1px solid black;
    color: black;
    background: #fff;
    position:absolute;
    bottom:0;
    right:0;
}