/* ##### BASICS ##### */

* {
margin: 0;
padding: 0; }

html {
height: 100.01%; }

body {
background-color: #fff;
font-size: 1em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
color: #333; }

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

img {
border: none; }

p {}

td {}

h1 {
margin-bottom: 0.7em;
font-size: 1.2em;
color: #003366;
border-bottom: 1px solid #003366; }

h1.linebig {
margin-bottom: 1em;
width: 100%;
border-bottom: 1px solid #e1e7e9;
font-size: 1.2em;
color: #003366; }

h2 {
margin-bottom: 1ex;
font-size: 1em;
color: #003366; }

blockquote {
text-align: justify;
color: #333; }

cite {
display: block;
text-align: left;
font-style: normal;
font-size: 80%;
color: #336699;
z-index: 20; }


textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em; }

input {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em; }

a:link, a:visited {
color: #336699;
text-decoration: none; }

a:hover, a:active {
color: #003366;
text-decoration: underline; }

/* ##### IDs ##### */

#container {
margin: auto;
padding-bottom: 25px;
width: 950px; }

#header {
position: relative;
width: 100%;
height: 148px;
background: #e1e7e9 url(../source/images/layout/header.jpg) no-repeat left top; }

#header_logo {
position: absolute;
top: 40px;
right: 72px;
width: 160px;
height: 85px;
background: transparent; }

#navigation {
width: 100%;
height: 30px;
background: #e1e7e9 url(../source/images/layout/bgnav.jpg) no-repeat left bottom;
font-size: 0.9em;
text-align: center;
color: #003366; }

#subnavigation {
margin-top: -6px;
width: 100%;
height: 30px;
background: #fff url(../source/images/layout/bgsubnav.jpg) no-repeat left bottom;
font-size: 0.8em;
color: #336699; }

#page {
width: 100%;
background: transparent;
border-bottom: 1px solid #ccc;
font-size: 0.95em; }

#column1 {
padding-top: 15px;
float: left;
display: inline;
width: 100%;
height: auto;
background: transparent; }

#footer {
position: absolute;
margin-bottom: 20px;
padding-top: 10px;
bottom: 0;
width: 100%;
height: auto;
background: transparent;
font-size: 0.7em; }

#containerbox {
position: relative;
width: 100%;
margin: auto;
margin-top: 25px;
background: #fff url(../source/images/layout/leftside.gif) repeat-y left top; }

#containerbox_top {
width: 100%;
height: 20px;
background: url(../source/images/layout/galeriebox_top.gif) no-repeat left top; }

#containerbox_top span {
display: block;
position: relative;
height: 20px;
background: url(../source/images/layout/top-right.gif) no-repeat right top; }

#containerbox_content {
/*position:relative;*/
background: url(../source/images/layout/rightside.gif) repeat-y right top;
padding:1px 25px 40px 25px;
margin-bottom: -40px; }

#containerbox_bottom {
width: 100%;
height: 60px;
background: url(../source/images/layout/bottom.gif) no-repeat left bottom; }

#containerbox_bottom span {
display: block;
position: relative;
height: 60px;
background: url(../source/images/layout/galeriebox_bottomright.gif) no-repeat right bottom; }

/* ##### CLASSES ##### */

.clearing {
clear: both;
width: 100%;
height: auto;
background: transparent; }

.liquid_box {
width: 100%;
margin: auto;
margin-top: 1ex;
margin-bottom: 1em;
background: url(../source/images/layout/leftside.gif) repeat-y left top; }

.box_top {
width: 100%;
height: 20px;
background: url(../source/images/layout/top.gif) no-repeat left top; }

.galeriebox_top {
width: 100%;
height: 20px;
background: url(../source/images/layout/galeriebox_top.gif) no-repeat left top; }

.box_top span, .galeriebox_top span {
display: block;
position: relative;
height: 20px;
background: url(../source/images/layout/top-right.gif) no-repeat right top; }

.box_content {
/*position:relative;*/
background:url(../source/images/layout/rightside.gif) repeat-y right top;
padding:1px 25px 60px 25px;
margin-bottom: -60px; }

.box_bottom, .galeriebox_bottom {
width: 100%;
height: 60px;
background: url(../source/images/layout/bottom.gif) no-repeat left bottom; }

.galeriebox_bottom span {
display: block;
position: relative;
height: 60px;
background: url(../source/images/layout/galeriebox_bottomright.gif) no-repeat right bottom; }

.box_bottom span {
display: block;
position: relative;
height: 60px;
background: url(../source/images/layout/bottom-right.gif) no-repeat right bottom; }

.galeriebox_bottom_small {
width: 100%;
height: 30px;
background: url(../source/images/layout/bottom_small.gif) no-repeat left bottom; }

.galeriebox_bottom_small span {
display: block;
position: relative;
height: 30px;
background: url(../source/images/layout/galeriebox_bottomright_small.gif) no-repeat right bottom; }

.box_content_small {
/*position:relative;*/
background:url(../source/images/layout/rightside.gif) repeat-y right top;
padding:1px 25px 30px 25px;
margin-bottom: -30px; }

.random {
float: right;
margin-right: 35px;
text-align: right;
font-size: 80%;
width: 175px;
line-height: 1.2em; }