/**
* BTI-Touristik-Portal CSS
* @author Dennis Panzner <dennis.panzner@beejees.net>
* @copyright Copyright &copy; 2005, 2006 beejees.communication
* @version $LastChangedRevision: 2230 $, $LastChangedDate: 2006-02-08 17:55:58 +0100 (Mi, 08 Feb 2006) $, $LastChangedBy: BEEJEESINTRA\dennis.panzner $;
*/

/* allgemeines Layout */




body {
	padding:auto;
	margin-left:0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#container {
	width: 992px;
	text-align: left;
	margin:0 auto;
	*margin-left: auto;
	*margin-right: auto;
	background-color:#FFFFFF;
}

#kopfzeile {
	background-color:#009933;
	height:8px;
	width:800px;
}

#kopfbild {
	position:relative;
	background-image:url(../css/img/header_startseite.jpg);
	height:128px;
	width:992px;
	background-repeat: no-repeat;
	z-index:2;
	padding-bottom:10px;
}
/* benoetigt zum absenken der Navzeile */

#nav_spacer {
	height:132px;
	width:800px;
	float:right;
}

#main {
	background-image:url(../css/img/bg_992.gif);
	width:992px;
	float:left;
	background-repeat:repeat-y;
}
#schnellsuche {
	width:100%;
	background-color:#F0F0EF;
	height:70px;
	float:left;
	font-size:10px;
}

#box {
	margin:0;
	padding: 16px;
	min-height:450px;
	background-color:#fff;
}	
		
#mitte #schnellsuche h2 {
	height:auto;
	color:#FFFFFF;
	height:16px;
	font-size:11px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-indent:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	background-color:#A5A276;
	border-bottom:#FFFFFF solid 1px;
}

#schnellsuche #suchfeld, #schnellsuche #schalter {
	float:left;
	padding-left:8px;
	margin-top:5px;
}
#radiobuttons {
	float:left;
	width:300px;
	padding-left:8px;
	margin-top:5px;
}
#schnellsuche #suchfeld {
	width:200px;
	padding-top:5px;
}
#schnellsuche #suchfeld input {
	width:200px;
}
#schnellsuche #schalter {
	padding-top:5px;
	width:80px;
}
#mitte {
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:0px;
	width:626px;
	*width:626px;
}
/*Aufteilung des Inhalts Mitte Teils in 2 Spalten nebeneinander*/
#mitte_linke_spalte{
	float: left; 
	width: 221px; 
	padding-right: 20px;
}
.mitte_linke_spalte{
	float: left; 
	width: 221px; 
	padding-right: 20px;
}
#mitte h1 {
	height:auto;
	color:#336699;
	font-size:13px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px
}	
#mitte h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	color:#242D64;
	height:16px;
	font-size:12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:1px;
	margin-left: 0px;
	Xbackground-color:#A5A276;
}
#mitte h3 {
	font-size:10px;
	letter-spacing:1px;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:2px;
	margin-top:8px;	
	text-transform: uppercase;
}

#mitte a {
	color:#336699;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#mitte a:hover {
	text-decoration: underline;
}
#links, #rechts {
	float:left;
	width:175px;
	background-color:#FFFFFF;
}

/**  
* Kopf Navigation
*/
#kopfnavigation {
	background-color:#A5A276;
	width:100%;
	float:left;
	text-align:center;
}

#kopfnavigation ul {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;	
}

#kopfnavigation li {
	float:left;
	line-height: 18px;
	margin:0px;
}	

#kopfnavigation a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0px;
	display: block;
}

#kopfnavigation a:hover, #kopfnavigation .aktiv {
	color:#A5A276;
	background-color:#F3F2E1; 
}
#k7 {
	padding-left:52px;
}
/**  
* Portale Navigation
*/

ul#portale_navigation  {
	list-style:none;
	margin: 4px 0 0 0;
	padding:0px;
	width:175px;
	padding-bottom:10px;
}

ul#portale_navigation li {
	margin: 0;
	background-color: #C8D0D8;
	padding-left:15px;	
	padding-top:5px;
}

ul#portale_navigation li a {
	padding: 1px 0 0 18px;
	height: 25px;
	padding-left:15px;	
	padding-top:5px;
}

ul#portale_navigation #a1, ul#portale_navigation #a2 {
	background-image:url(../css/img/nav_punkt.gif); 
	background-repeat: no-repeat;
	background-position: 9px 10px;
}

ul#portale_navigation #a1 a:hover, ul#portale_navigation #a2 a:hover {
	background-image:url(../css/img/nav_punkt_hover.gif); 
	background-repeat: no-repeat;
	background-position: -8px 5px;
}


.navActive {
	background-image:url(../css/img/nav_punkt_hover.gif) !important; 
	background-repeat: no-repeat;
	background-position: -8px 5px;
}


ul#portale_navigation #a1 { background-color:#FAF6D3;}
ul#portale_navigation #a2 { background-color:#BAB388;}

#a1 a,#a2 a{
	color:#37201A;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none; 
	display: block; 
	height:20px;
}

#a1 a:hover, #a2 a:hover {
	color:#37201A;
}


/**  
* Boxen links und rechts
*/
	
/* Überschriften */
#links h2, #rechts h2 {
	background-color:#A5A276;
	height:16px;
	*height:18px;
	color:#37201A;
	padding-left:8px;
	font-size:11px;
	font-weight:bold;
	vertical-align: middle;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#links h3, #rechts h3 {
	font-size:12px;
	margin:0px;
	font-weight: bold;
}

/* Absätze */
#links p, #rechts p, #links .p, #rechts .p {
/* Content innerhalb der Boxen, IE erlaubt in einem normalen p-Tag keine anderen Elemente wie z.B. li */
	padding:8px;
	margin: 0px;
	margin-bottom:8px;
}

/**  
* News, Newsletter, Telefon, suche, weiteres, Reiseberichte
*/

/* Layout */
#breuningercard {
	width:165px;
	height:60px;
	background-color:#F3F2E1;
	background-image: url(../css/img/breuninger-card_175.gif);
	background-repeat: no-repeat;
	font-size:11px;
	float:left;
	padding-top:108px;
	padding-left: 10px;
}

#breuningercard a, #preisvorteil a {
	color: #333333;
	text-decoration: none;
}

#breuningercard a:hover ,#preisvorteil a:hover {
	text-decoration: underline;
}


#gewinnspiel {
	width:175px;
	height:220px;
	background-color:#F3F2E1;
	font-size:11px;
	float:left;
	padding-top:0px;
}

#gewinnspiel_bild {
	background-image: url(../css/img/spielkarten-box.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width: 170px;
	height: 120px;
	text-indent: -9999px;
	display:block;
}

#gewinnspiel a {
	color: #333333;
	text-decoration: none;
}

#gewinnspiel a:hover {
	text-decoration: underline;
}

.weiteres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:175px;
	background-color:#F3F2E1;
	float:left;
	margin-top:0px;
}

.weiteres ul li {
	padding-bottom: 5px;
}

#news, #newsletter, #telefon, #suche_erweitert, #reiseberichte, #submenu, #preisvorteil{
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:175px;
	height:300px;
	background-color:#F3F2E1;
	float:left;
	margin-top:0px;
}

#preisvorteil {
	height:150px;	
}

#newsletter {
	height:920px;	
}

#news {
	height:1090px;	
}

#newsletter .button{
	background-color:#A5A276;
	color: #fff;
	padding: 0px 5px 0px 5px;
	border: 0px solid #A5A276;
}

#news hr {
	border: 0;
	color:#BEE2FD;
	background-color:#BEE2FD;
	height:1px;
}
/* Links */

#suche a, #news a, #reiseberichte a, #suche_erweitert a, .weiteres a, #submenu a{
	color: #333333;
	text-decoration: none;
}
#suche .button{
	background-color:#A5A276;
	border:#999 solid 1px;
	color: #fff;
}
#suche .query{
	font-size:9px;
	margin-top:4px;
}

#newsletter .query{
	font-size:9px;
	margin-top:4px;
} 

#suche .kategorie{
	font-size:9px;
	margin-top:2px;
}

.teaser_box {
	position:relative;
	width:380px;
	float:left;
	padding: 0px;
}
/*#############################################################################################################*/

#news a:hover, #reiseberichte a:hover, #suche_erweitert a:hover, .weiteres a:hover, #submenu a:hover{
	text-decoration: underline;
}

#news a:visited, #reiseberichte a:visited {
	color:#1B1B1B;
}

/* hier bessere Lösung finden: Links ohne Pfeil */
#mehr1 a:link, #mehr1 a:visited, #mehr1 a:active,  #mehr2 a:link, #mehr2 a:visited, #mehr2 a:active, .weiteres a:link, .weiteres a:visited, .weiteres a:active {
	color:#1B1B1B;
}

/* Aufzählungen */
#news ul, #reiseberichte ul, .weiteres ul, #submenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#news li, #reiseberichte li, .weiteres li, #submnu li{
	Xpadding-bottom:8px; /* Abstand zwischen den Contentzeilen */ 	
}

/*#############################################################################################################*/
/* Ziele */

#ziele {
	padding:4px;
	margin: 0px;
	font-size: 12px;
}

#ziele ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#ziele ul.child {
	padding-left: 15px;
}

#ziele a:hover {
	text-decoration: underline;
}

#ziele a {
	color: #333333;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}

#ziele a,  #ziele a.inaktiv {
	background-image: url(../../elb/css/img/pfeil.gif);

}

#ziele a.aktiv {
	background-image: url(../../elb/css/img/pfeil_unten.gif);
}
/*#############################################################################################################*/

#brotnav {
	clear:both;
	height: 25px;
	background-color: #f0f0f0;
	padding: 8px 0 2px 8px;
}

.leiste_unten {
	clear:both; 
	height:8px;
	background-image:url(/_brands/elb/css/img/bg_992_2.gif);
	}
/*#############################################################################################################*/

/**  
* Footer
*/
#footer {
	clear:both;
	font-size:9px;
	margin-top:8px;
	color:#666666;
}
#footer a {
	text-decoration:underline;
	color:#666666;
}
#footer .links {
	width:496px;
	float:left;
}
#footer .rechts {
	width:496px;
	float:left;
}

/**********************************************************************************************/
#spezial {
	background-image:url(../../elb/css/img/spezial.png);
	*background-image:url(../../elb/css/img/spezial.gif);
	position:relative;
	height:60px;
	width:60px;
	z-index:3;
	left:560px;
	bottom:58px;
	overflow:hidden;
}

.brotspacer {
	height:15px;
	width:175px;
	float:left;
}
#telefon {
	background-image:url(../css/img/telefon_180x179px.gif);
	width:175px;
	height:180px;
	margin:0;
	*margin-top:-8px;
	overflow:hidden;
	margin-bottom:5px;
}
		
#mitte #schnellsuche .button {
	background-color:#A5A276;
	color:#FFFFFF;
	border: 0px solid #A5A276;
}

#blaettern {
	position:relative;
	margin: 0px 0px 8px 0px;
	padding-bottom: 4px;
	}

#blaettern li {
	font-size: 14px;
	float:left;
	margin-right: 2px;
	height: 19px;
	}

#blaettern ul {
	list-style:none;
	float:left;
	margin: 0 0 10px 0;
	padding: 0;
}

#blaettern a {
	background-color: #F3F2E1;
	color: #444;
	height: 10px;
	width: 10px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#blaettern a:hover, #blaettern .aktiv {
	text-decoration:underline;
		color: #FFFFFF;
	background-color: #A5A276;
}



/**  
* Content allgemein
*/

#content {
	margin: 4px;
}

#content p {
	*margin-bottom: 10px;
}

#content em {
	padding-top:2px;
	font-size:10px;
	color:#333333;
}

#content .news_infos {
	font-size:9px;
	color:#333333;
}

#content .news_infos a:active, #content .news_infos a:visited, #content .news_infos a:link {
	font-size:9px;
	color:#16396B;
}

#content .news_infos a:hover {
	font-size:9px;
	color:#3D6093;
}

#content .news_box {
	margin:0px 4px 8px 4px;
	padding: 8px 16px 16px 16px;
	background-color:#FFF;
}
	
#content .box2 {
	border:#999999 solid 1px;
	padding:8px;
	margin:16px;
}
	
#content .hinweis {
	font-size:10px;
	color:#999999;
}

#content .text_box {
	margin-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
	
#content .text_box .headline a:active, #content .text_box .headline a:visited, #content .text_box .headline a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#16396B;
}
		
#content .text_box .headline a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#3D6093;
}
	
.linie {
	clear: both; 
	background-image: url(../css/img/punktlinie_615.gif);
	background-repeat: no-repeat;
	background-position: center; 
	width: 100%;
	height: 10px;
}


li.linie {
	background-image: url(../css/img/punktlinie_615.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	height: auto;
	margin-top: 3px;
	padding-top: 6px;
}

li.linie_unten {
	background-image: url(../css/img/punktlinie_615.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 100%;
	height: auto;
	margin-bottom: 3px;
	padding-bottom: 6px;
}

#lastminute_agb {
	margin-left: 20px;
	margin-top: 8px;
	color: #999999;
}
