/***********************************************/
/* CSS - www.reisekatalog-welt.de              */
/* Copyright by kitz.kommunikation             */
/* www.kitz-kommunikation.de                   */
/* Weiterentwicklung INFOX GmbH				   */
/* 11.12.2006 PN							   */
/***********************************************/



/**** I N F O X Beginn	 ************************/ 
#bgrsbfinder {	
	background: url(../images/rsbfinder_bg.gif); 
	width: 335px;
	height: 39px; 
	color: #01277A;
	font-size: 12px;
}

#rsbfinderinnen
{	
	height: 30px; 
	width: 290px; 
	margin-left: 40px; 
	color: #01277A;
	font-size: 11px;
}

.rsbfinder
{
	font-size: 10px;
}

/**** I N F O X Ende	 ************************/ 




/***********************************************/
/* BASIC styles                                */
/***********************************************/ 

HTML, BODY, FORM, H1, H2, H3 {
margin:0; 
padding:0;
}

HTML, BODY	{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #000;
background-color: #88ABE6;
background-image: url("../images/seite/hg_body.gif");
background-repeat: repeat-y;
}

A:link { color:#000; text-decoration:underline;  }
A:visited { color:#000; text-decoration:underline; }
A:active { color:#000; text-decoration:underline; }
A:hover { color:#666; text-decoration: underline; }


/***********************************************/
/* Generic Formats                             */
/***********************************************/

h1 { /* Balken über Katalog-Suchergebniss in der Mitte */
font-size: 12px; 
font-weight:normal;
height:20px; 
background-color:#01277A; 
color:#FFFFFF; 
padding:4px 4px 0px 10px; 
margin-bottom:15px;
}

h2 { /* Katalog-Titel */
padding: 0px 0px 0px 0px;
font-size: 12px; 
color:#000;
}

h3 {
padding: 0px 0px 5px 0px;
font-weight: bold; 
font-size: 12px; 
color:#2757A4;
}

h4 { /* Top-Themen - Überschriften */
margin: 0px 0px 7px 11px;
font-weight: bold; 
font-size: 12px; 
color:#002878;
}



p
{
padding:	0px;
margin:		0 0 8px 0;
}

th, td
{
text-align:		left;
vertical-align:	top;
}

img
{
border:	0px;
padding:0px;
margin:	0px;
}


/***********************************************/
/* Seitengerüst                                */
/***********************************************/

#logo {
position:absolute;
top: 13px;
left: 490px;
}

#top { 
height:95px;
width:850px;
background-color: #88ABE6;
background-image: url(../images/seite/hg_seite_top.jpg); /* url(../bilder/seite/hg_seite_top.jpg);*/
background-repeat:no-repeat;
}

#bild-links {
width:55px;
height:500px;
float:left;
}

#werbung {
width:100%;
}

#contmain {
width:100%;
}


#main {
width:855px;
float:left;
}

#container { 
margin: 0px;
padding-left: 12px;
background-color:#fff; 
background-image: url("../images/seite/hg_container.gif"); /* url("../bilder/seite/hg_container.gif");*/
background-repeat:repeat-y;
width:780px;
height:100%;
float:left;
}

#content {
background-image: url("../images/seite/hg_verlauf.gif"); /*url("../bilder/seite/hg_verlauf.gif");*/
background-repeat:repeat-x;
width:750px;
}

#links {
float:left;
padding: 23px 0px 0px 11px;
width:180px; 			/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:169px; 			/* für die anderen und... */
}
html>body #links {
width:169px; 			/* ...für Opera */
}

#mitte {
float:left;
padding: 23px 15px 0px 15px;	/*alt: 15 anstatt 9px*/
width:368px; 		 	/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:338px; 			/* für die anderen und... */ /*alt:338*/
}
html>body #mitte {
width:338px; 			/* ...für Opera */ /*alt:338*/
}

#mitte a:link, #mitte a:visited, #mitte a:active { color:#00277C; text-decoration:underline;  }
#mitte a:hover { color:#666; text-decoration: underline; }


#mitte-ad {
float:left;
padding: 23px 15px 0px 15px;
margin-bottom: 25px;
width:568px; 		 	/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:538px; 			/* für die anderen und... */
}
html>body #mitte-ad {
width:538px; 			/* ...für Opera */
}


#rechts {
float:right;
width:200px; 
font-size: 11px;
}

#brotnav {
padding:6px 5px 3px 5px;
color:#fff; 
font-weight:bold;
margin-bottom:6px;
background-color:#88ABE5;
line-height:12px;
}
#brotnav a:link, #brotnav a:visited { text-decoration:none; color:#FFFFFF }
#brotnav a:hover { text-decoration:underline; color:#FFFFFF}


#filternav {
background-color:#E7EBF4; 
margin-bottom:20px; 
padding:5px;
color: #000;
}
#filternav a:link, #filternav a:visited {
color:#000000;
}
#filternav a:hover{
color:#666;
}


#wk-teaser{
background-color:#F7BC70; 
width:auto; 
padding:10px 15px;
}



/***********************************************/
/* Inhalt Seitengerüst                         */
/***********************************************/

.kasten-blau {
background-color:#E7EBF4;
padding:10px;
border-bottom: 2px solid #4D71BB;
}
#mitte .kasten-blau {
font-size: 11px;
font-weight: normal;	
}

.kasten-blau-top {
background-color:#B7CBEC;
padding:10px;
border-bottom: 2px solid #4D71BB;
}
#mitte .kasten-blau-top {
font-size: 11px;
font-weight: normal;	
}

.kasten-gruen {
background-color:#E3E3B8; 
padding:5px 0px 6px 10px; 
border-bottom: 2px solid #ABBD38; 
margin-bottom:2px;
}

.kasten-selection {
height:38px;
background-color:#E3E3B8;
padding:0px 0px 0px 10px;
border-bottom: 2px solid #ABBD38;
margin-bottom:2px;
}

.kasten-wk {
background-color:#FCE3C4;
padding:7px;
border-bottom: 1px solid #E97603;
}

.kasten-ad {
height:100px;
background-color:#EEEED4;
padding:7px;
border-bottom: 2px solid #ABBD38;
}

.kasten-blau_kopf {
height:20px; 
background-color:#01277A; 
color:#FFFFFF; 
border-bottom: 2px solid #4D71BB; 
padding:5px 0px 0px 11px; 
font-size:12px; 
}

.kasten-blau_kopf-index {
height:18px; 
background-color:#01277A; 
color:#FFFFFF; 
border-bottom: 2px solid #4D71BB; 
padding:4px 0px 0px 8px; 
font-size:12px;
width:105px; 		 	/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:97px; 			/* für die anderen und... */
}
html>body .kasten-blau_kopf-index {
width:97px; 			/* ...für Opera */
}

.kasten-teaser_index{
background-color:#E7EBF4;
padding:5px;
width:105px; 		 	/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:95px; 			/* für die anderen und... */
}
html>body .kasten-teaser_index {
width:95px; 			/* ...für Opera */
}

.kasten-gruen_kopf {
height:20px; 
background-color:#ABBD38; 
padding:5px 0px 0px 11px; 
color:#FFFFFF; 
margin-bottom:2px;
font-size: 12px;
}

.seitennav {
font-size:11px;
color:#01277A;
text-align:right;
margin: 5px 0px;
}

.nav {
font-size:11px;
color:#01277A;
text-align:left;
margin: 5px 0px;
}


.text {
font-size:12px;
color:#000;
margin: 5px 0px;
}

/***********************************************/
/* Navigation                                  */
/***********************************************/

.navigation {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	line-height: 6px;
}
	
.navigation ul {
	list-style-type: none;
	margin: 4px 0px 0px 0px;
	padding: 0;
}

.navigation li {
	padding: 0px 0px 4px 5px;
	background: url(../images/nav/square_orange_big.gif) no-repeat  0px 2px;        
	}

.navigation li a {
	padding: 3px 5px 3px 9px;
	display: block;
	color: #000;
}
.navigation li a:link, .navigation li a:visited {
	text-decoration: none;
	color: #000;
}
.navigation li a:hover {
	text-decoration: underline;
	color:#000; 	
}



	
/*Unterkapitel*/
.navigation li.sub  {	
	background: url(../images/nav/square_orange_small.gif) no-repeat  9px 8px;        
	line-height: 13px;
	margin-bottom:-5px;
	}

.navigation li.sub a  {
	padding: 3px 5px 1px 15px;
	display: block;
	width: auto;
}

.navigation li.sub a:link, .navigation li.sub a:visited  {
}
.navigation li.sub a:hover {
}

/* Aktives UNTERKAPITEL der Navigation */

.navigation li.subaktiv  {
background: url(../images/nav/square_blau_small.gif) no-repeat  9px 8px;        
	line-height: 13px;
	margin-bottom:-5px;
}
.navigation li.subaktiv a:link, 
.navigation li.subaktiv a:visited,
.navigation li.subaktiv a:active, 
.navigation li.subaktiv a:hover {
	font-weight:bold;
	padding: 3px 5px 1px 15px;
}




/* Warenkorb          */

a.loeschen:link, a.loeschen:visited, a.loeschen:active {text-decoration:none ! important; color:#E8A964 ! important; }
a.loeschen:hover { text-decoration:underline ! important; color:#999 ! important; }

a.wk:link, a.wk:visited, a.wk:active {text-decoration:underline ! important; color:#DB6F03 ! important; }
a.wk:hover { color:#666 ! important; }





/**********************************************************************************************/
/* Components                            ******************************************************/
/**********************************************************************************************/

.clear-both {
clear:both;
line-height: 0px;
margin:0px;
padding:0px;
}

.bild-katalog {
float: left;
margin: 3px 10px 0px 0px;
width: 85px;
border: 1px solid gray;
}

.bild-katalog_big {
float: left;
margin: 3px 10px 8px 0px;
border: 1px solid gray;
display:block;
}

.bold {
font-weight:bold;
}

.abstand  {
width:auto;
padding:10px 15px;
}

#mitte ul {
margin:0px;
	list-style-type: none;
}
#mitte li {
	padding: 0px 0px 4px 10px;
background: url(../images/nav/square_blau_small.gif) no-repeat  1px 6px;        
}




/*######## SONSTIGES ########*/


.formular		{
border: #E87701 1px solid; 
padding-left: 3px;
margin-bottom: 6px;
font-size:12px;
}

.checkbox {
margin-right:5px;
}

.textfield-ad {
width:20px; 
margin-right:5px; 
font-size:10px;
}