body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
adress, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
*{
	font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	}
html{ text-align: center; }
body{
	position: relative;
	width: 758px;
	margin: 0 auto;
	background-color:#000;
	text-align: left;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
p{ margin-bottom: 5px; }
a{
	color: red;
	text-decoration: none;
	}
a[target="_blank"]{}
a:hover{ text-decoration: underline; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
div#branding{
	position: relative;
	margin: 20px 0 0 0;
	background: url(../img/bg_branding.jpg) no-repeat 0 0;
	}
h1{
	position: relative;
	padding: 52px 0 0 10px;
	font-size: 500%;
	font-weight: bold;
	cursor: default;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
div#content{
	margin: 10px 0 -11px 0;
	padding: 0 6px 0 24px;
	background: url(../img/bg_content.jpg) repeat-y 0 0;
	}
h2{
	height: 66px;
	margin: 0 -6px -18px -24px;
	padding: 10px 0 0 10px;
	color: #000;
	font-size: 200%;
	font-weight: normal;
	background: url(../img/bg_head2.jpg) no-repeat 0 0;
	}
div#siteinfo{
	height: 22px;
	padding: 27px 20px 0;
	clear: both;
	background: url(../img/bg_siteinfo.jpg) no-repeat 0 0;
	text-align: right;
	font-size: 70%;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
div#content_preview{
	margin: 10px 0 -11px 0;
	padding: 0 6px 0 275px;
	background-image: url(../img/bg_content_preview.jpg);
	}
div#content_preview > h2{
	width: 748px;
	margin: 0 0 -10px -275px;
	padding: 10px 0 0 10px;
	background-image: url(../img/bg_head2_preview.jpg);
	}
div#content_preview + div#siteinfo{ background-image: url(../img/bg_siteinfo_preview.jpg); }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
h3{
	margin: 5px 0 2px 0;
	font-size: 150%;
	font-weight: bold;
	clear: both;
	border-bottom: 1px solid #555;
	}
h4{
	font-weight: bold;
	font-size: 120%;
	}
h5{ }
h6{ display: none; }
span.gray{ color: #555; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
label{
	width: 60px;
	float: left;
	clear: left;
	text-align: right;
	padding: 0 5px 0 0;
	}
input[type="text"],
input[type="password"],
textarea,
select{
	margin: 0 0 3px 0;
	float: left;
	background-color: #000;
	}
input[type="text"],
input[type="password"],
textarea{ border: 1px solid #fff; }
input[type="text"] + small,
input[type="password"] + small{
	float: left;
	margin-left: 5px;
	}
input[type="submit"],
input[type="button"],
input[type="reset"]{ 
	margin-top: 10px;
	float: left;
	color: #000;
	}
input[type="submit"]{
	clear: left;
	margin: 10px 5px 0 65px;
	}
fieldset.capcha{
	float: left;
	clear: left;
	margin: 0 0 0 65px;
	width: 174px;
	padding: 2px;
	border: 1px solid #fff;
	text-align: center;
}
fieldset.capcha select{
	margin-top:9px;
	float: none;
}
div.auto{
	width: 230px
}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul#menu{
	position: absolute;
	width: 370px;
	margin: -17px 0 30px 390px;
	z-index: 999;
	}
ul#menu li{
	margin: 0 10px;
	float: left;
	}
ul#menu li a{
	font-size: 120%;
	color: #fff;
	}
ul#menu li a:hover{ color: red; }
ul#menu li a[href="#"]:hover{
	color: #ccc;
	text-decoration: none;
	}
ul#menu li ul.submenu{
	display: none;
	margin: 0 0 0 -30px;
	}
ul#menu li + li ul.submenu{ margin: 0 0 0 -25px; }
ul#menu li + li + li ul.submenu{ margin: 0 0 0 -25px; }
ul#menu li:hover ul.submenu{
	display: block;
	position: absolute;
	width: 100px;
	}
ul#menu li ul.submenu li{
	margin: 0;
	padding: 21px 0 0 0;
	float: none;
	background: url(../img/submenu_top.png) no-repeat 0 0;
	text-align: center;
	}
ul#menu li ul.submenu li + li{
	padding: 0;
	background: url(../img/submenu_bottom.png) no-repeat 0 0;
	}
ul#menu li ul.submenu li.last{
	padding: 0 0 9px 0;
	background: url(../img/submenu_bottom.png) no-repeat 0 bottom;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
div#siteinfo a{ font-size: 100%; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul#nav{ margin: 10px 0 0 0; }
ul#nav li{
	width: 45%;
	float: left;
	text-align: right;
	}
ul#nav li + li{
	width: 10%;
	text-align: center;
	}
ul#nav li + li + li{ 
	width: 45%;
	text-align: left;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
p.date{
	margin: 0;
	font-size: 80%;
	text-align: right;
	color: #555;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
div#preview{
	width: 250px;
	margin: -20px 0 0 -267px;
	padding: 12px 0 8px 0;
	float: left;
	text-align: center;
	}
div#preview h3{
	width: 250px;
	color: #000;
	border-bottom-style: none;
	}
div#preview img{
	margin: 3px 0;
	border: 3px solid #000;
	}
div#preview a img:hover{ border-bottom-color: #f00; }
div#preview small{
	font-size: 80%;
	color: #000;
	}
div#preview small a{ font-size:100%; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul.kat{
	width: 470px;
	margin: -7px 0 0 0;
	padding; 0;
	float:right;
	}
ul.kat li{ display: inline; }
ul.kat li img{
	margin: 1px;
	border: 1px solid #555;
	}
ul.kat li img:hover{ border-bottom-color: #f00; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul#thumbs{
	margin: 0 5px 3px 0;
	float: left;
	border: 1px solid #555;
	}
ul#thumbs li{
	margin: 2px;
	padding: 0;
	}
ul#thumbs li:first-child{
	margin: 0;
	padding: 3px;
	background-color: #555;
	text-align:center;
	font-size: 80%;
	color: #000;
	}
ul#thumbs li img { margin: 1px; }
ul#thumbs li img:hover {
	margin: 1px 1px 0 1px;
	border-bottom: 1px solid #f00;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul#guestbook{
	width: 447px;
	margin: 0 5px;
	float: left;
	}
ul#guestbook li{
	margin: 15px 0 5px 0;
	padding: 5px 10px;
	background: transparent url(../img/box1_top.jpg) repeat-y 0 0;
	}
ul#guestbook li.row2{ background-image: url(../img/box2_top.jpg); }
ul#guestbook li:first-child{ margin-top: 0px; }

ul#guestbook blockquote{}
ul#guestbook blockquote:first-letter{
	margin: 0 3px 0 0;
	float: left;
	font-size:200%;
	color: #555;
	}
ul#guestbook cite{
	display: block;
	text-align: right;
	font-style: italic;
	}
ul#guestbook cite:before{ content: '- '; }
ul#guestbook cite *{ font-style: italic; }

ul#guestbook li div{
	margin: -5px -10px -5px -10px;
	padding: 5px 10px 18px 10px;
	background: transparent url(../img/box1_bottom.jpg) no-repeat 0 bottom;
	font-size: 80%;
	text-align: right;
	color: #555;
	}
ul#guestbook li.row2 div{ background-image: url(../img/box2_bottom.jpg); }

ul#guestbook + div,
ul#guestbook + form{
	margin: 0 17px 0 0;
	float: right;
	}
ul#guestbook + form textarea{ height: 120px; }
ul#guestbook + form input[type="button"]{
	clear: left;
	margin: 0 5px 0 65px;
	}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
fieldset {
	width: 30%;
	margin: 2px;
	float: left;
	border: 1px solid #555;
	}
fieldset + fieldset { margin-top: 9px; }
fieldset legend { color: #555; }
fieldset label{ width: 50px; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
ul.links{
	width: 33%;
	float: left;
	}
ul.links li{
	margin-top: 15px;
	text-align:center;
	}
ul.links li:first-child{ margin: 0; }
ul.links li a img{ margin-bottom: 1px; }
ul.links li a:hover img{
	margin: 0;
	border-bottom: 1px solid #f00;
	}
ul.links small{ font-size:80%; }
ul.links small *{ font-size:100%; }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
form.kontakt{
	margin: 0 17px 0 10px;
	float: right;
}
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
table { width: 100%; }
table th{
	text-align: center;
	background-color: #555;
	}
iframe{
	float: left;
	margin: 0 0 5px 0;
	}