@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/21px Arial, Helvetica, sans-serif;
	color:#7c7c7c;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body {
	background:url(../images/bg.jpg) transparent fixed top center no-repeat;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 23px Arial, Helvetica, sans-serif;
	color: #d82916;
	padding: 0 0 15px 0;
}
h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #7c7c7c;
}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #d82916;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-right { float:right; }
.float-left { float:left; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 929px;
	position:relative;
	min-height:100%;
	background:url(../images/bg-container.gif);
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 929px;
	height:347px;
	background:url(../images/bg-header.jpg);
}

h1#branding a {
	display:block; 
	width:430px; 
	height:200px; 
	text-indent:-5000px; 
	float:left;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:280px;
	float:left;
	padding:25px 0 40px 70px;
}
#content-sidebar .gaestebuch {
	width:280px;
	background:url(../images/bg-content-sidebar-gaestebuch.gif) no-repeat;
	padding:55px 0 10px 0;
}
#content-sidebar .gaestebuch p {
	padding:0 0 5px 15px;
}
#content-sidebar .address {
	width:280px;
	height:140px;
	background:url(../images/bg-content-sidebar-address.gif) no-repeat;
	padding:45px 0 0 0;
}
#content-sidebar .address p {
	padding:0 0 5px 15px;
}
#content-sidebar .padding {
	margin-left:60px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:900px;
	height:32px;
	background:url(../images/bg-navi.gif);
	padding-left:29px;
}
#navi li {
	float:left;
	position:relative;
}
#navi li a {
	display:block;
	height:32px;
	text-indent:-6000px;
}
#navi li.n1 a { width:88px; }
#navi li.n2 a { width:94px; }
#navi li.n3 a { width:93px; }
#navi li.n4 a { width:129px; }
#navi li.n5 a { width:97px; }
#navi li.n6 a { width:178px; }
#navi li.n7 a { width:111px; }
#navi li.n8 a { width:80px; }

#navi li.n1 a:hover { background:url(../images/bg-navi-hover.gif) -29px 0; }
#navi li.n2 a:hover { background:url(../images/bg-navi-hover.gif) -117px 0; }
#navi li.n3 a:hover { background:url(../images/bg-navi-hover.gif) -211px 0; }
#navi li.n4 a:hover { background:url(../images/bg-navi-hover.gif) -304px 0; }
#navi li.n5 a:hover { background:url(../images/bg-navi-hover.gif) -433px 0; }
#navi li.n6 a:hover { background:url(../images/bg-navi-hover.gif) -530px 0; }
#navi li.n7 a:hover { background:url(../images/bg-navi-hover.gif) -708px 0; }
#navi li.n8 a:hover { background:url(../images/bg-navi-hover.gif) -819px 0; }

/* Subnavi
============================================== */

#navi ul li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}
#navi ul li:hover ul, #navi ul li a:hover ul {
	visibility:visible;
	display:block;
	position:absolute;
	top:32px;
	left:0px;
	overflow:visible;
}
#navi ul li:hover a, #navi ul li a:hover {
	visibility:visible;
}
#navi li ul li a {
	height:23px;
	visibility:visible;
	_float:none;
}
#navi li ul li.n3a a {
	background:#333;
	width:100px;
	text-indent:0px;
	color:#fff;
	padding:4px 5px 0 5px;
	border-bottom:1px solid #fff;
	text-decoration:none;
}
#navi ul li.n3a a:hover, #navi li ul li a:hover {
	background:#1c589a;
	visibility:visible;
	color:#fff;
}

#navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:14px;}

/* make the second level visible when hover on first level link and position it */
#navi li a:hover ul {
	visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	float:left;
}

#navi-add li{
	float: left;
	margin-right:30px;
}

#navi-add li a {
	color:#fff;
	text-decoration:none;
}

#navi-add li a:hover {
	text-decoration:underline;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:483px;
	float:right;
	padding:43px 70px 15px 26px;
}

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*------------------ Textformatierungen ------------------*/

#content-main p { 
	margin: 0 0 10px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 8px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}

#content-main .image {
	border: 1px solid #999;
	padding: 2px;
	margin: 0 5px 5px 0;
}
#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:890px;
	height:46px;
	padding:5px 0 0 39px;
	background:url(../images/bg-footer.gif) no-repeat;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #1d5797;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#1d5797;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Gästebuch----------------------------------------------
---------------------------------------------------------------------------------------*/

div#guestbook_template label, div#guestbook_template input, div#guestbook_template textarea, div#guestbook_template select {		/* Allgemeine Stile für Labels und Formularfelder */
	width:250px;
	margin:10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}
div#guestbook_template input, div#guestbook_template textarea, div#guestbook_template select {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #333;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}
div#guestbook_template textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:160px;
}
div#guestbook_template input:focus, div#guestbook_template textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #999;	
}
div#guestbook_template label {							/* Feldbeschriftungen */
	width:140px;						
	padding:0 15px 0 0;			
}
div#guestbook_template br {
	clear:left;
}
div#guestbook_template input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}
label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../images/required.gif) top right no-repeat;	
}
.entry_icons_label, .entry_icons, .clicksmilies_label, .clicksmilies {
	display:none;
}
div#guestbook_template input#submit, div#guestbook_template input.los {				/* Gestaltung des Submit-Buttons */
	background:#1c589a;
	border:none;
	clear:both;
	color:#fff;
	cursor:pointer;
	float:none;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	width:8em;
}
div#guestbook_template input#submit:hover, div#guestbook_template input.los:hover {
	background:#1c589a;
}
.tca { 
	background:#ccc; 
}
.hinweis a, .hinweis { 
	font-size:12px; 
}
/* ###### Einträge ###### */
div.guestbook_entry {
	background:#fff;
	border:1px dashed #333;
	padding:10px;
	width:470px;
	margin:15px 0;
}
.guestbook_entry_top {
	font-weight:bold;
}

div.solidLine{height:20px;width:440px; border-bottom:solid 1px #244386; margin-top:30px; margin-bottom:20px; float:none; clear:both;}