/*
* ./position.css
* Usage: www.caravaning-info.de position
*
* Copyright (C)2009 www.caravaning-info.de
*
* Last modification: 2009-03-17 19:00
*******************************************************************************/


body {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: left;
}
/* Clear fix */
.clearfix{
	float:none;
	clear:both;
	width:0;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
.page-center {
	text-align: left;
	background: #c2d3e7 url('bg_winter_oben.jpg');   /* winter */
	background: #cee2fa url('bg_sommer_oben.jpg');   /* summer */
	background: #9fb3cc url('bg_herbst_oben.jpg');   /* autumn */
	background: rgb(133,167,216) url('bg_herbst_oben.jpg');   /* autumn */
	background: #76bef3 url('bg_fruehling_oben.jpg');   /* spring */
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0;
	margin: 0;
	width: 100%;    /* fullsize */
	text-align: left;
}

.container-gras {   
	text-align: left;
	background-color: transparent;
	background-image: url('bg_winter_unten.png');   /* winter */
	background-image: url('bg_sommer_unten.gif');   /* summer */
	background-image: url('bg_herbst_unten.jpg');   /* autumn */
	background-image: url('bg_fruehling_unten.gif');   /* spring */
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0;
	margin: 0;
	width: 100%;    /* fullsize */
}

.container-layout {
	text-align: left;
	background-color: transparent;
	padding: 0;
	margin: 0 0 0 35px;
	width: 930px;	/* fullsize */
}

.column  {
	float: left;
	padding: 0;
	margin: 0;
}

/* 1col */
.head_logo  {
	width: 930px;
	height: 91px;
	background-color: transparent;
	background-image: url('logo_www.caravaning-info.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 14px;
}
.logo-caravaning {
	display:none;
}
.mainnavi  {
	width: 930px;
	height: 35px;
	background-color: transparent;
	background-image: url('bg_contentbox_top.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 12px;
	line-height: 0;
}
/* mainnavi styles */
.mainnavi ul {
	margin: 0 0 0 12px;
}
.metafunction  {
	width: 930px;
	height: 39px;
	background-color: transparent;
	background-image: url('bg_search.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#search {
	width: 715px;
	height: 39px;
	background-color: transparent;
}
#search form {
	margin: 4px 0 0 40px;
}
.btn-home {
	margin-right: 4px;
}
#home {
	height: 39px;
	background-color: transparent;
}
#drucken {
	height: 39px;
	background-color: transparent;
}
#senden {
	height: 39px;
	background-color: transparent;
}
#bookmarks {
	height: 39px;
	background-color: transparent;
}
.contentcontainer {
	width: 930px;
	background-color: transparent;
	background-image: url('bg_contentbox_middle.png');
	background-repeat: repeat-y;
	background-position: top left;
}
.col3_left {
	width: 216px; /* pics 188px breit x 102 px  hoch*/
	background-color: transparent;
	margin: 4px 0 0 0;
}
.col3_middle {
	width: 500px; /* pics 494 px breit x 269 px hoch */
	background-color: transparent;
	margin: 2px 0 4px 0;
width: 494px;
overflow: hidden;
}
.col3_right {
	width: 220px; /* Filmvorschauen oben rechts: 45 x 25 px */
	width: 214px; /* JPDEBUG: IE 6 3COL GEGEN FEHLER NUR FÜR IE6 EINBAUEN ??? */
	background-color: transparent;
	margin: 4px 0 0 0;
}
.leftcol {
	width: 201px;
	margin: 4px 0 0 11px;
}
.middlecol {
/*	width: 491px; original
	border: 1px solid #000000;
*/
/* 	width: 491px; JPDEBUG: IE 6 3COL GEGEN FEHLER NUR FÜR IE6 EINBAUEN ??? */
/*	width: 492px; JPDEBUG: IE 6 3COL GEGEN FEHLER NUR FÜR IE6 EINBAUEN ??? */
	width: 494px;
	float: left; /* JPDEBUG: IE 6 3COL */
	/*margin: 4px 0 0 5px;*/
}
.rightcol {
	width: 199px;
	border: 1px solid #ffba00; /* jpdebug */
/*	margin: 0 0 0 6px; jpdebug */
	margin: 0 0 0 4px;
}
.sitemap  {
	width: 930px;
	background-color: transparent;
}
#sitemap  {
	width: 912px;
	background-color: #e4f7ff;
	margin: 0 0 0 7px;
}
#breadcrumbs {
	float:left;
	background-color: transparent;
}
#date {
	float:right;
	background-color: transparent;
}
/*
#subnavi {
	background-color: #ffffff;
}
*/
#artikel_left_top {
	background-image: url('bg_hl_left.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff6df;
}
#artikel_left_bottom {
	background-image: url('bg_hl_left.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff6df;
/*
	display: none;
	visibility: hidden;
*/
}
#stage {
	background-color: #ffffff;
/*
	width: 494px;
	height: 269px;
*/
	margin-bottom: 4px;
}
#navicontent {
	background-color: #ffba00;
}
#content {
	background-color: #ffffff;
	
}
#video {
	background-image: url('bg_breadcrumbs.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff9ea;
}
/* tx-bddbflvvideogallery-pi1 */
.tx-bddbflvvideogallery-pi1 {
	margin: 0px;
	padding: 0px;
}
#tx-bddbflvvideogallery-pi1 {
	margin: 0px;
	padding: 0px;
/* wegen rgaccordion auskommentiert
	display: none;
*/
}
#player {
/*
	margin: 0px;
*/
	margin-right: 0px !important;
	margin-bottom: 0px;
	padding: 0px;
	width: 494px;
/*
	height: 269px;
*/
	overflow: hidden;
}
#loadingMessage {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#playlist {
/*
	width: 494px;
*/
}
#flvplayercaption {
}
#flvcaption {
	display: none;
}
.flvplayer_listpic_pic {
}
#artikel_right_1 {
	background-image: url('bg_breadcrumbs.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff9ea;
}
#artikel_right_2 {
	background-image: url('bg_breadcrumbs.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff9ea;
}
#artikel_right_3 {
	background-image: url('bg_breadcrumbs.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff9ea;
}
#artikel_right_4 {
	background-image: url('bg_breadcrumbs.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff9ea;
}





/* JPDesign BIS HIER HER
	border-bottom:2px solid #ff0000;
*/
.header  {
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 930px;	/* fullsize */
	height: 110px;
}
.head_img  {
	width: 745px;
	height: 110px;
	background-color: transparent;
}
.maincontainer {
	width: 930px;
	height: 471px;
	background-color: transparent;
}
.leftcontainer {
	width: 174px;
	height: 471px;
	background-color: transparent;
}
.left_headline {
	width: 174px;
	height: 96px;
	background-color: transparent;
}
.left_main_navi {
	width: 174px;
	height: 147px;
	background-color: transparent;
}
.left_module {
	width: 174px;
	height: 100px;
	background-color: transparent;
}
.left_search {
	width: 174px;
	height: 100px;
	background-color: transparent;
}
.left_meta_navi {
	width: 174px;
	height: 28px;
	background-color: transparent;
}
.overflow_hidden {
	overflow: hidden !important;
}
/* container f�r content 1col (fullsize) und 2col (left_442 und right_264) spalten */
/* 1col */
.fullsize{
	width: 706px;
	height: 471px;
	background-color: #ffdda1;
}
/* 2col 442 264*/
.left_442 {
	width: 442px;
	height: 471px;
	background-color: #ffdda1;
}
.right_264 {
	width: 264px;
	height: 471px;
	background-color: #ffffff;
}
/* col irgendwas */

/* footer nicht in gebrauch */
.footer {
	display: none;
}

.span-left {
	width: 202px;
	background: #ffffff;
	/*
	border: 1px solid Red;
	border-right: 2px solid Red;
	border-bottom: 2px solid Red;
	*/
	margin: 0;
	padding: 0;
}

.navi-top {
	width: 796px;
	height: 48px;
	background: #0000ff;
	background-image: url('bg_topnavi.gif');
	background-repeat: repeat-x;
	border-bottom:2px solid #ffe400;
}

#top-navigation {
/*	float:left;
	width:100%;*/
	background: #0000ff url('bg_topnav.gif') repeat-x top;
	/*margin-top: 0px;*/
}

#top-search {
	height: 48px;
	background: #0000ff;
	background-image: url('bg_topnavi.gif');
	background-repeat: repeat-x;
}

#top-search form {
	width: 202px;
	height: 36px;
	padding-top: 9px;
}

/* Searchform innerhalb der Searchbox zurechtruckeln */
.searchform-searchbox {
	float: left;
	/*
	background: #eef1f6;
	*/
	margin-top: 0px;
	margin-left: 10px;
}

.searchinput {
	width: 145px;
	height: 20px;
	margin-top: 6px;
	margin-left: 8px;
	/*border: 1px solid #cccccc;*/
	padding: 0;
}

.seachbtn {
	margin-top: 6px;
	margin-left: 8px;
}

#left-pagetitle {
	height: 100px;
	background: #0000ff;
	color: #0000ff;
	background-image: url('bg_left_pagetitle.gif');
	background-repeat: repeat-y;
}

#left-navigation {
	background: #0000ff;
/*
	height: 288px;
	background-image: url('bg_left_pagetitle.gif');
	background-repeat: repeat-y;
*/
}

.navi-right-main {
	width: 249px;
	height: 38px;
	padding: 6px 0 0 0px;
}

.navi-right-sub {
	width: 249px;
	padding: 6px 0 0 0px;
}

.subtitle {
	width: 796px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}

.info-box {
	width: 145px;
	margin-top: 220px;
	padding: 9px 0px 7px 0px;
}

.info-box-kontakt {
	margin: 4px 4px 4px 4px;
}

.content-1col {
	width: 796px;
	padding: 0 0 0 0;
}
#content-normal {
/*
	padding: 14px 24px 14px 24px;
*/
	width: 792px;
	padding: 24px 0px 24px 4px;
}


.content-2col-left {
	width: 325px;
	padding: 0px 0px 0px 0px;
}

.content-2col-right {
	width: 326px;
	padding: 0px 0px 0px 0px;
}

.content-3col-left {
	width: 217px;
	/* padding: 0px 9px 0px 2px; */
	margin: 0;
}

.content-3col-middle {
	width: 217px;
	/* padding: 0px 9px 0px 2px; */
	margin: 0;
}

.content-3col-right {
	width: 217px; /* 196px-18px IE6BUG! */
	/* padding: 0px 9px 0px 9px; */
	margin: 0;
}

.footer {
	width: 1000px;
	/*
	margin-right: 4px 0px 20px 68px
	*/
}

.hr-footer {
	width: 1000px; /*899px;*/
	padding: 9px 0 9px 0;
}

.background-pic01 {
/*
	background-image: url('bg_subtitel_pic_right.jpg');
*/
	background-image: url('bild.php');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.background-white {
	background: #ffffff;
}

.background-color01 {
	/* green */
	background: #0000ff;
}

.background-color02 {
	/* light green */
	background: #d8e88f;
}

.background-color03 {
	/* yellow */
	background: #f5bf07;
}

.background-color04 {
	/* not in use */
	background: #eef1f6;
}

.footer {
	text-align: center;
}

#right-navigation {
	padding-left: 6px;
	padding-right: 3px;
}

.debug {
	border: 1px solid Red;
}

/* IE BUG */
/*
#subnavi{
	display:none;
}
*/
/* Stage-Abstände ausgleichen */
#stage div.csi-textpic div.csi-imagewrap .csi-image {
	margin-bottom: 0px;
}
#stage div.csi-left div.csi-imagewrap .csi-image,#stage div.csi-intext-left-nowrap div.csi-imagewrap .csi-image, #stage div.csi-intext-left div.csi-imagewrap .csi-image {
	margin-right: 0px;
}
/* Rightcol Video und Googlemap unsichtbar machen */
#video {
	display:none;
}
#googlemap {
	display:none;
}
#googlemappreview {
	display:none;
}
/* ****************************************** */

/* Safari bug fix for floating csi-image container */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }
/* Safari bug fix for floating csi-image container */