/* *** css by christoph potzinger - einstern agentur fŸr marketing *** */
/* css for bretanide.at 20008  */

/* ####### CSS Versionen ######## 

bretanide-master.css 06 jan 2008 - 7.45 pm - latest version - tested on all browsers

*/

/*Dominik Fuchshofer - 07.01.2008 - Klasse für Language-Auswahl ganz oben*/
.language {
  float: left;
  padding-left: 3px;
}

#block_1
	{
	float: left;
	width: 490px;
	margin-left: 160px;
	background-color: #FFF;
	}

* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 160px;
	margin-left: -650px;
	background-color: #FEF1D8;
	}
#block_3
	{
	float: left;
	width: 146px;
	background-color: #FBCF70;
	border-left: 4px solid #FEF1D8;
	}
	
/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
	
@media all and (min-width: 0px) {
#block_1, #block_2, #block_3
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
	
#block_1:before, #block_2:before, #block_3:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}

/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */

.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#block_1 .verticalalign
	{
	width: 490px;
	}
#block_2 .verticalalign
	{
	width: 160px;
	}
#block_3 .verticalalign
	{
	width: 150px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #block_1 .verticalalign
	{
	width: 490px !important;
	}
div[id^="wrapper"] #block_2 .verticalalign
	{
	width: 160px !important;
	}
div[id^="wrapper"] #block_3 .verticalalign
	{
	width: 150px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #FFF;
	}
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}
#wrapper
	{
	width: 800px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer p
	{
	font-size: 0.85em;
	clear: both;
	text-align: center;
	_padding-top: 5px;
	}
#header, #footer
	{
	width: 800px;
	}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

html, body {
	padding:0;
	margin:0;
	font-size: 0.9em;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#55606A;
	background-color: #FEF1D8;

}

#header {
	height: 172px;
	_height: 172px;
	background: transparent url(../images/bretanide-flashbild-1.png) top left no-repeat;
	}
#header h1 {
	display: none;
	}

h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 2em;
	font-weight: normal;
}

a {color: #000;}
a:visited {color:#000;}
a:hover {}
a:active { color:#000000;}
	
	
#content {
	padding: 0 5px 0 10px;
	text-align: justify;
	}

li img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	text-align: left;
	}


	
/* --------------sub navigavtion - mittlerer block - Ÿber context ------------- */
#subnavi {
	margin: 0;
	padding: 10px 10px 0 10px;
	background-color: #FFF;
	max-width: 480px;
}

/*
#subnavi p{
	margin-left: 15em;
	padding: 0 10px;
}
*/

#subnavi ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#subnavi ul.sublinks{
	border-bottom: 1px solid #55606A;
	//border-bottom: 1px solid black;
	padding: 5px 0 10px 0px;
}

#subnavi li a {
	font-size: 1.0em;
	color:#55606A;
	text-decoration:none; 
	background-image: url(../images/bulletsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
	//font-variant:small-caps;
	//text-transform: uppercase;
}

#subnavi li li a { font-size: 1em; }

#subnavi li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
}

#subnavi  li a:hover {
	background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
}



#subnavi li a.selected {
	background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
	margin: 0;

}

/* --------------images fŸr den content - mittlerer block - unter h1-Ÿberschrift------------- */

/*csc-textpic for new image-container in typo3 - Dominik Fuchshofer - 09.01.2008 */
.csc-textpic
{
}

.csc-textpic img {
padding-left: 0px;
_margin-left: 0px;
}

*+ .conimage img { /* for IE 7 only */
padding: 0;
margin: 0px;
}

/************ END csc-textpic ****************/

#conimage {
	}
	
#conimage ul {
list-style-type: none;
margin-top: -15px;
margin-bottom: -3px;
}

#conimage ul.image {
padding-left: 0px;
_margin-left: 0px;
}

*+ #conimage ul.image { /* for IE 7 only */
padding: 0;
margin: 0px;
}

#conimage li{
	display: inline;
	padding-right: 4px;
}

/* --------------navigavtion - linker block oben - primary links------------- */
#mainlinks {
	margin: 0;
	padding: 2em 0 0 0;
	background: #FFF;
	color:#55606A;
	width: 156px;
}
	
#mainlinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: -12px; 
	display:block;
}

#mainlinks ul.mainlinks {
	border-bottom: 0px solid #FEF1D8;
	padding: 0 0 0px 20px;
}

#mainlinks li {	
	padding: 0 0 1em 0em;
}

#mainlinks li a {
	// font-family: Georgia, 'Times New Roman', serif;
	font-variant:small-caps;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 1.2em;
	text-decoration:none; 
}


#mainlinks li a {
	background-image: url(../images/bulletbig.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 1em 1.5em;
}

#mainlinks  li a:hover {
	background-image: url(../images/bulletbigblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 1em 1.5em;
}


#mainlinks li li a.selected {
	margin: 0;
	padding: 0;
}

#mainlinks li a.selected {
	background-image: url(../images/bulletbigblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 1em 1.5em;
}


/* -------------buchungsanfrage - linker block - unter primary links -------------- */

#buchung {
	margin-left: 0px;
	background: #FBCF70;
	width: 156px;
	margin:  0;
	padding: 0 0 5px 0;
}

#buchung div {
	margin-left: 0px;
	font-size: 0.9em;
	color: black;
	padding-left: 8px;
}

#buchung h5 {
  padding-left: 8px;
  color:#000;
  padding-top: 3px;
}

*+#buchung { /* for your IE 7 only */
	margin: 4px 0 0 0;
	}
	
#buchung p {font-size: 0.8em; font-family: times;}

#buchung p {
	padding: 5px 0 0 30px;
	color: black;

	}
	
#buchung span {
	font-family: arial;
	font-weight: bold;
	font-stretch: ultra-condensed;
	font-size: 0.8em;
	color: black;
	padding: 0 0 0 30px;
	}


/* --------------language navigavtion - linker block - unter buchung ------------- */
#lang {
	width: 156px;
	margin: 4px 0 0 0;
	padding: 0;
	text-align: right;
}

#lang ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding: 0 2px 0 2px;
}



#lang li a {
	font-size: 0.6em;
	color:#55606A;
	text-decoration:none; 
}


#lang li {
	display: inline;
	margin: 0;
	padding: 0px 3px 0px 3px;
	background-color: #FBCF70;
	_border-left: 5px solid #FEF1D8;

}

*+#lang li {
	border-left: 5px solid #FEF1D8;
	}

#lang  li a:hover {
	color: black;
}



#lang li a.selected {
	color: black;

}

/* ---------------- bildergallerie - rechter block --------------- */

# ul {
list-style-type: none;
padding: 0;
border:none;

}

*+ #block_3 ul {  /*IE7 only*/
margin: 7px 0 5px 0;
}

#block_3 ul.pics {
padding: 10px 0 2px 13px;
_padding: 10px 0 2px 0;
_margin: 0 0 0 10px;
border:none;
}


#block_3 li {
display: inline;
padding: 1px 0 0 0;
border:none;
}

#block_3 img {
width: 120px;
}



#block_3 a img {
border:none;
}




/* --------------footer navigavtion------------- */

#footernavi {
	padding: 0 10px 0 10px;
	}

#footernavi ul{
	padding: 0;
	margin: 0;
}

#footernavi ul.footerlinks{
	border-top: 2px solid #55606A;
	padding: 5px 0 5px 0;
}

#footernavi li{
	display: inline;
	margin: 0;
	padding: 0 15px 0 3px;
}

#footernavi li a {
	font-size: 1.0em;
	color:#55606A;
	text-decoration:none; 
	background-image: url(../images/bulletsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1.5em;
}

#footernavi  li a:hover {
	background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1.5em;
}

#footernavi li a.selected {
    background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1.5em;
	margin: 0;
}

/* --------------footer navigavtion 08 JAN 2008------------- */



#footernavi1 {
	float: left;
	width: 490px;
	margin-left: 160px;
	background-color: #FFF;
	}

* html #footernavi1
	{
	display: inline;
	}

#footerline
    {
    margin: 0 10px 0 10px;
	border-top: 1px solid #55606A;
	//border-top: 1px solid black;
	}

#footernavi1 ul{
	margin: 0;
	padding: 5px 12px 15px 10px; 
}

#footernavi1 li{
	display: inline;
	margin: 0;
	padding: 0 15px 0 3px;
}

#footernavi1 li a {
	font-size: 0.9em;
	color:#55606A;
	text-decoration:none; 
	background-image: url(../images/bulletsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
}

#footernavi1  li a:hover {
	background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
}

#footernavi1 li a.selected {
    background-image: url(../images/bulletsmallblack.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	_background-position: 0 .5em; /* being nice to IE 6.0 */
	padding: 0 0 1em 1em;
	margin: 0;
}

#footerdiv2
	{
	float: left;
	width: 160px;
	margin-left: -650px;
	}
	
#footerdiv3
	{
	float: left;
	color: black;
	font-size: 1em;
	width: 146px;
	background-color: #FBCF70;
	border-left: 4px solid #FEF1D8;
	}

/* Start Mac IE5 filter \*/
#footernavi1, #footerdiv2, #footerdiv3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
	
@media all and (min-width: 0px) {
#footernavi1, #footerdiv2, #footerdiv3
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
	
#footernavi1:before, #footerdiv2:before, #footerdiv3:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}

/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */

.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#footernavi1 .verticalalign
	{
	width: 490px;
	}
#footerdiv2 .verticalalign
	{
	width: 160px;
	}
#footerdiv3 .verticalalign
	{
	width: 150px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #footernavi1 .verticalalign
	{
	width: 490px !important;
	}
div[id^="wrapper"] #footerdiv2 .verticalalign
	{
	width: 160px !important;
	}
div[id^="wrapper"] #footerdiv3 .verticalalign
	{
	width: 150px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #FFF;
	}
#fwrapper_extra
	{
	position: relative;
	}
* html #fwrapper
	{
	position: relative;
	}
#fwrapper
	{
	width: 800px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #fwrapper_extra
	{
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#fwrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#fwrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#fwrapper
	{
	display: inline-block;
	}
/*\*/
#fwrapper
	{
	display: block;
	}