/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #F3F3F3;
	background-image: url(../img/bg_pic_sommer2010.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#03145C;
	padding:0;
	margin:0;
	min-height: 925px;
}
a {color: #03145C;}
a:visited {color:#03145C;}
a:hover {color: #000000; text-decoration:none;}
a:active { color:#000000;}

.nosee { display:none; }

h1 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.3em;
}

/* -------- header ---------------------------------------- */
#header {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:0px;
	padding: 0px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000;

	}

#header p.language {
	margin: 0;
	font-size: 12px;
	float: right;
	padding: 0px 4px;
	background-color: #F3F3F5;
	width: 188px;
}

/* ----------container zentriert das layout-------------- */
#container {
	clear:both;
	width: 963px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-color:#fff;
	border: 1px solid #000;
}


/* ----------banner for logo-------------- */
#logo {
float: left;
	width: 30em;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#logo p{
	padding: 35px 0 0 35px;
}
#mainnav {
	clear: left;
	margin: 0;
	padding: 3px 2px;
	background-color: #ccc;
}

#mainnav p{
	width: 920px;
	text-align: right;
	color:#f8f8f8;
	padding: 0 20px;
}

#mainnav p a {font-size: 12px; color: #03145C; text-decoration:none; padding:3px;}
#mainnav p a:visited {color:#03145C;}
#mainnav p a:hover {color: #fff; background-color:#03145C; padding:3px;}
#mainnav p a:active { color:#fff;}

#mainnav p a.active {font-size: 12px; color: #fff; text-decoration:none; padding:3px; background-color:#03145C;}
#mainnav p a.active:visited {color:#fff;}
#mainnav p a.active:hover {color: #fff; padding:3px;}
#mainnav p a.active:active { color:#fff;}

#top_image{
	margin: 0;
	padding: 0em;
	background-color: #fff;
	text-align:right;
}


/* -----------------Inhalt--------------------- */
#content {
	min-height:557px;
	background-color: #fff;
	padding: 0;
	margin: 0 0 0 371px;
	color:#000;
	width: 592px
}

/* Internet Explorer HACKS ---------------------- */
/* ---------------------------------------------- */
/*\*/
* html body {height: 925px;}
* html #content {height: 557px;}
* html #left {height: 557px;}
* html #left p.blank  {height: 142px;}
* html #content p.text {height: 239px;}
* html #content p.image_bottom {height: 225px;}
* html #content #angebote {height: 455px}
* html #content #guestbook {height: 440px}
* html #content p.text_umgebung {height: 325px}
* html #mainnav p a {border-top: 4px solid #f8f8f8; border-bottom: 4px solid #f8f8f8;}
*+ html #mainnav p a {border-top: 4px solid #f8f8f8; border-bottom: 4px solid #f8f8f8;}
* html #mainnav p a:hover {border-top: 4px solid #03145C;; border-bottom: 4px solid #03145C;;}
*+ html #mainnav p a:hover {border-top: 4px solid #03145C;; border-bottom: 4px solid #03145C;;}
* html #mainnav p a.active {border-top: 4px solid #03145C; border-bottom: 4px solid #03145C;}
*+ html #mainnav p a.active {border-top: 4px solid #03145C; border-bottom: 4px solid #03145C;}

/* ---------------------------------------------- */


p{
	padding: 0 20px 0px 25px;
	margin:0;
}


h1 {
	padding: 15px 20px 15px 25px;
	margin:0;
}
h4 {
	font-size: 13px;
	padding: 2px 0px;
	margin:0;
}


#content p.text {
	min-height:239px;
	background-color:#fff;
}

#content p.textform {
	background-color:#fff;
}

#content p.textform strong.okay {
	background-color:#fff;
	color: #00ff00;
}

#content p.textform strong.error {
	background-color:#fff;
	color: #ff0000;
}

#content p.partner_logos {
	background-color:#fff;
	margin: 110px 0 0 0 !important;
	margin: 50px 0 0 0; /* nur für den IE */
	padding: 0;
}

#content p.end_partner {
	clear:both;
	margin: 0;
	padding: 0;
	height: 0px;
}

#content span.partner_box {
	width: 180px;
	float: left;
	text-align: center;
	margin: 20px 0 0 0 !important;
	margin: 10px 0 0 0; /* nur für den IE */
	padding:10px 3px 0px 3px;
	color:#564B47;
	font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;
	font-size:11px;
}


#content p.header_partner {
	margin: 40px 0 0 20px;
	padding:0px;
	color: #03145C;
	background-color:#fff;
}

#content .aktivitaeten {
	margin: 0 8px 0 22px;
	background-color:#fff;
}

#content #angebote {
	margin: 14px 0 0 0;
	background-color:#fff;
	max-height:455px;
	overflow:auto;
	overflow-x: hidden;
}

#content p.text_umgebung {
	margin: 14px 0 0 0;
	background-color:#fff;
	max-height:325px;
	overflow:auto;
	overflow-x: hidden;
}

#content #guestbook {
	margin: 14px 0 0 0;
	background-color:#fff;
	max-height:440px;
	overflow:auto;
	overflow-x: hidden;
}

#content p.guestbook_entry {
	float: left;
	margin: 18px 0 0 22px !important; 
	margin: 18px 0 0 12px; /* nur für den IE */
	padding: 0px;
	width: 520px;
/*	border: 2px solid #e0e0e0;
	background-color:#f3f3f3;*/
	
}
#content p.guestbook_entry b{margin: 0;}
#content p.guestbook_entry font.urlaubszeit {font-size: 9px;}
#content p.guestbook_entry font.nach_oben {float:right; margin: 0; font-size: 9px; color:#aaa;}
#content p.guestbook_entry font.nach_oben a {text-decoration:none; font-size: 9px; color:#aaa;}
#content p.guestbook_entry font.nach_oben a:hover {text-decoration:none; font-size: 9px; color:#aaa;}


#content p.guestbook_entry img{margin: 0; float: left;  border-right: 8px solid #fff; vertical-align: text-top;}
#content p.guestbook_entry img.unten_abstand{margin: 4px 0 0 0;}
#content p.guestbook_entry span{vertical-align:top; }

#content p.angebot {
	float: left;
	margin: 12px 0 0 22px !important; 
	margin: 12px 0 0 12px; /* nur für den IE */
	padding: 0px;
	width: 520px;
/*	border: 2px solid #e0e0e0;
	background-color:#f3f3f3;*/
	
}
#content p.angebot b{margin: 0;}
#content p.angebot font.ausnahme {font-size: 9px;}
#content p.angebot span.angebot_title img{margin: 0;}
#content p.angebot div.detailed {margin: 0;}
#content p.angebot img{margin: 0; float: left;  border-right: 8px solid #fff; vertical-align: text-top;}
#content p.angebot img.unten_abstand{margin: 0 0 4px 0;}
#content p.angebot span{vertical-align:top; }
#content p.angebot b.details {	
	width: 480px;
	margin: 0;
	padding: 0;}
#content p.angebot b.buchen {	
	float: right;
	margin: 0;
	padding: 2px 2px 0 2px;
	text-align: center;
	color: #fff;
	background-color:#66CC00;}

#content p.angebot b.buchen a {color: #fff; text-decoration:none;}
#content p.angebot b.buchen a:hover {color: #fff; text-decoration:none;}

#content p.header_bottom {
	margin: 0;
	padding:0px;
	color: #03145C;
	background-color:#fff;
}

#content p.image_bottom {
	width: 172px;
	min-height: 225px;
	margin: 5px 6px 0 0;
	padding:0;
	float: left;
	background-color:#f8f8f8;
	border: 1px solid #e0e0e0;
}

#content p.image_bottom img {
	margin: 5px 0 0 0;
}

#content p.image_bottom b {
	margin: 0 0 0 5px;
	color: #03145C;
}

#content p.image_bottom a {
	text-decoration:underline;
}
#content p.image_bottom a:hover {
	text-decoration:none;
}

#content p.image_bottom span {
	margin: 0;
	padding: 2px;
	color: #000;
	font-size: 1em;
}
	
#content table {margin:5px 0 0 25px; padding: 0px; border: 0px solid #03145C; width:520px;}
#content tr {padding: 3px 0px;}
#content td {text-align: left; vertical-align:text-top;}
#content td.none b{color:#03145C;}
#content td.header_info {text-align:left; padding:5px 5px; vertical-align:text-bottom; background-color: #ccc;}
#content td.header {text-align:center; padding:5px 5px; vertical-align:text-bottom; background-color: #ccc;}
#content td.prices {text-align: center; padding:5px 0px; vertical-align:text-top; border-left:1px dotted #ccc; color:#03145C;}
#content td span {font-size:10px; text-decoration:none;}
#content td.prices2 {text-align: right; padding:5px 5px; vertical-align:text-top; color:#03145C;}
#content td.description {text-align: left; padding:8px 0px 4px 0px; vertical-align:text-top; background-color:#f6f6f6;}
#content td.zi_description {text-align: left; padding:8px 0px; vertical-align:text-top;}
#content td.description b {color:#03145C;}
#content td.backgrounded {background-color:#f6f6f6;}

#content form {border-style:none; margin:10px  0 0 0; width:530px; text-align: left; line-height:14px; padding: 0 20px 0px 25px;}
#content input, textarea, select {background-color: #f0f0f0;}
#content input:focus, textarea:focus {background-color: #fff;}
#content div.pers {border:0px; padding: 0px; margin: 0;}
#content label.duty {font-weight: bold; float:left; padding: 6px 0 0 0; width: 155px; border-style: none;}
#content label.duty2 {font-weight: bold; float:left; padding: 6px 0 0 0; border-style: none;}
#content label.free {font-weight: normal; float:left; padding: 6px 0 0 0; width: 155px; border-style: none;}
#content input.long {width: 320px; border:1px solid #666; margin: 2px 0;}
#content input.calendar {width: 80px; border:1px solid #666; margin: 2px 0;}
#content input.persons {width: 25px; border:1px solid #666; margin: 2px 0;}
#content textarea.long {width: 320px; border:1px solid #666; margin: 2px 0;}
#content select.long {width: 320px; border:1px solid #666; margin: 2px 0;}
#content input.btn {font-weight: bold; background-color: #66CC00; color:#fff; border:1px solid #66CC00; margin: 2px 0; float:right; margin: 8px 40px 0 0; padding: 0px 6px;}
#content img.calendar_pick {margin: 0;}
#content img.calendar_pick a {border:0px; text-decoration:none;}
#content img.calendar_pick a:hover {border:0px; text-decoration:none;}

/* --------------left navigavtion------------- */
#left {
	min-height:557px;
	float: left;
	width: 371px;
	margin-top:0px;
	padding:0px 0 0 0;
	color:#000;
	background-color:#ccc;
	

}
#left ul{

	
	padding: 0px 0px 0px 25px;
	margin: 0;

}
#left ul.borderbottom{
	list-style-type: none ;
	border-bottom:0px solid #fff;
	padding: 0px 0 0 10px;
	background-color:#ccc;
}

#left ul.subnav{
	list-style-type: none ;
	padding: 7px 0 0 21px ;
	background-color:#ccc;
}

#left ul.subnav a {font-size: 1em; color: #03145C; text-decoration:underline;}
#left ul.subnav a:visited {color: #03145C;}
#left ul.subnav a:hover {color: #000; text-decoration:none;}
#left ul.subnav a:active { color: #000; text-decoration:none;}

#left li img {
	margin: 0px  0 3px 0 ;
	border:15px solid #fff;
	 
}

#left p {
	margin: 0 0 0 0;
	padding: 0;
	background-color:#fff;
}
#left p.morepics{
	margin:0px 0 4px 0 ;
	padding:4px 0 0px 12px;
	background-color:#ccc;
}
#left p.morepics a {font-size: 0.9em; color: #000; text-decoration:none;}
#left p.morepics a:visited {color: #000;}
#left p.morepics a:hover {color: #000; background-color:#f8f8f8;}
#left p.morepics a:active { color: #000;}
#left p.morepics a.active {font-size: 0.9em; color: #000; text-decoration:none; background-color:#f8f8f8;}
#left p.morepics a.active:visited {color: #000;}
#left p.morepics a.active:hover {color: #000;}
#left p.morepics a.active:active { color: #000;}

#left p.blank {
	min-height: 142px;
	margin-left:0px;
	background-color:#f8f8f8;
	padding: 0.6em;
}

#left p.guestentry{
	margin-left:0px;
	background-color:#f8f8f8;
	border-top:1px dashed #ccc;
	border-right:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding: 0.6em;
}
#left p.guesttitle{
	margin-left:0px;
	padding:5px;
	color: #03145C;
	background-color:#fff;
}

/* -----------footer--------------------------- */
#footer {
	clear: left;
	width:1011px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	}

#footer a {color:#222; text-decoration:underline;}
#footer a:visited {color:#222; text-decoration:underline;}
#footer a:hover {color:#222; text-decoration:none;}
#footer a:active {color:#222; text-decoration:none;}

#footer p.info {
	margin: 0;
	font-size: 11px;
	float: left;
	font-family: Tahoma, sans-serif;
	color: #222;
	}
		
#footer p.copyright {
	margin: 0;
	font-size: 11px;
	float: right;
	font-family: Tahoma, sans-serif;
	color: #222;
	}
	

/* -----------copyright-------------------------- */
#footer .rmxmedia {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #C21DAC;
}

#footer .rmxmedia a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #C21DAC; text-decoration: none;}
#footer .rmxmedia a:hover {background-color:#C21DAC; color: #FFFFFF;}
#footer .rmxmedia a:active {}
#footer .rmxmedia a:visited {}