/*
    Document   : polarkreis18_v2
    Created on : 06.09.2008, 14:05:46
    Author     : peter
    Description:
        CSS Polarkreis18 Ver. 2
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
/*    display: block; */
}

html {
	height:100%;
}

body {
  font-size: 100.01%;
  position: relative;

  background: #fff;
  text-align: left;

	font-family: 'Trebuchet MS',Trebuchet,Verdana,Arial,sans-serif;
	font-size: 10px;
	color: #444444;
	font-weight: normal;
  padding: 0;
  margin: 0;
	background-image: url(/ressources/images/pk18/pk18_website_schraffur.gif);
}

#Page {
	background-color: #FFFFFF;
	width: 920px;
	height: 620px;
	background-image: url(/ressources/images/pk18/pk18_bg_page.jpg);
	background-repeat: no-repeat;
}

a, a:link, a:visited, a:active, a:hover {
	font-size: 10px;
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #444444;
}

#Photo a:hover, .nohover a {
	background-color: transparent !important;
}

#TeaserSpalte a:hover {
	background-color: transparent;
}

h2 {
	font-size: 10px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	display: block;
	margin: 0;
	padding: 0;
}

p {
	padding-right: 10px;
}

.fliesstext {
	line-height: 18px;
}

.floatbox {
	overflow: hidden;
}

#HeaderImage {
    margin-bottom: 10px;
}

#Logo {
    margin-bottom: 8px;
}

#Header {
    margin-left: 70px;
}

#Menu {
    width: 510px;
}

#Navi a {
    display: block;
    float: left;
}

#NaviLeft {
    float: left;
}

#NaviRight {
    float: right;
}

#ContentBereich {
    width: 900px;
    margin-top: 25px;
}

#ContentSpalte {
    background-image: url(../images/pk18/pk18_bg_content.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 580px;
    height: 290px;
    overflow: hidden;
}

#Scrollbereich {
	margin-top: 10px;
	width: 580px;
    height: 250px;
	overflow: hidden;
}

.scroll-track {
	background: #F3FAFE;
	border: 1px solid #E5E5E5;
}

.scroll-handle {
	border: 1px solid #E5E5E5;
	height:10px;
	width:5px;
	background: #E5E5E5;
	cursor: pointer;
}

#NewsBereich, #ContactBereich, #ImprintBereich, #LiveBereich, #PhotoBereich, #AdminBereich, #GuestsBereich {
	margin-top: 20px;
	margin-left: 70px;
}

img.news_list_bild {
	display: block;
	float: left;
	padding: 5px;
	background-image: url(../images/pk18/pk18_bg_image.jpg);
}

.news_list_content {
	float: left;
	margin-left: 20px;
	margin-top: 8px;
	width: 350px;
}

.gb_list_content {
	width: 450px;
}

#TeaserSpalte {
    float: right;
    width: 300px;
    height: 306px;
    background-image: url(../images/pk18/pk18_bg_teaser.jpg);
}

li.teaser {
	margin-top: 20px;
	margin-left: 20px;
	width: 190px;
	height: 110px;
	background-image: url(../images/pk18/pk18_bg_teaser.gif);
}

li.teaser a {
	display: block;
	padding-top: 20px;
	padding-left: 20px;
}

#Newsletter {
	position: absolute;
	top: 209px;
	left: 640px;
	background-image: url(../images/pk18/pk18_bg_newsletter.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px;
	width: 160px;
	height: 75px;
}

.formline {
	margin-bottom: 5px;
	overflow: hidden;
}

.formline label {
	float: left;
	width: 100px;
	display: inline;
}

.formline input, .formline textarea {
	float: left;
	width: 150px;
	border: 1px solid #CAC6C2;
	display: inline;
}

.EDITOR_BG {
	background-image: url(/ressources/images/parent_bg.gif) !important;
	background-repeat: repeat !important;
}