/* 
	Bezeichnung:	kellenhusen_layout.css (main stylesheet) 
	Projekt: 			kellenhusen.de
	Datum: 				27.02.2009
	Autor: 				Jörg Harling
*/


/************************************/
/*         Diverse Elemente         */
/************************************/


/***** Buchungsformular ****/
table.formstyle td {
	background:#F0F3F8;
	padding:5px;
}

table.formstyle td.col1 {
	background:#dde5f1;
	padding:5px;
	font-size:13px;
}

table.formstyle input, table.formstyle textarea {
	border:1px solid #7FA4C2;
	margin-bottom:5px;
}

*html table.formstyle input, table.formstyle textarea {
	margin-bottom:0px;
}

table.formstyle div.ausst {
	float:left; 
	width:170px; 
	display:block;
}

table.formstyle input.check {
	border:0px;
}

table.formstyle select {
	margin-top:3px;
	margin-bottom:5px;
}

table.formstyle input.submit {
	border:1px solid #7FA4C2;
	background:#266497;
	color:#fff;
	padding:3px 10px;
	font-weight:bold;
}

table.formstyle span.tab115 {
	width:115px;
	display:block;
	float:left;
}

/******************************/

.img_video {
	border:0px;
}

.img_cont {
	width:360px;
	float:right;
}

.webcam_prev {
	width:80px;
	height:80px;
	text-align:center;
	float:left;
}

.webcam_prev img {
	cursor:pointer;
}

.fehlerbox {
	width: 706px;
	border: 3px solid #FF0000;
	padding: 5px;
}

.big {
	font-size:17px;
}

td.news_col1 {
	padding:10px;
	background: #d0e1ef;
}

td.news_col2 {
	padding:10px;
	background:#e5ecf3;
	background:url(/bitmaps/news_stern2.gif) top right no-repeat #E5ECF3;
}

.norm {
	font-weight:normal;
}

.fontbig {
	font-size:15px;
}

.galerie {
	padding-left:20px;
	margin-bottom:20px;
}

.galerie img {
	margin-right:15px;
}

.angebot {
	width:702px;
	background: url(/bitmaps/angebot.gif) left top no-repeat #fae1e2;
	overflow:hidden;
	padding:10px;
	margin-bottom:5px;
}

.kh_rot {
	color:#de3b42;
}

.kh_blau {
	color:#266497;
}

a, img {
 border:0;
}

span.tab250 {
	width:250px;
	display:block;
	float:left;
}

span.tab150 {
	width:150px;
	display:block;
	float:left;
}

span.tab100 {
	width:100px;
	display:block;
	float:left;
}

span.tab115 {
	width:115px;
	display:block;
	float:left;
}


span.tab50 {
	width:50px;
	display:block;
	float:left;
}

.box_bg_1 {
	background:#F0F3F8;
}

.colorbox_1 {
	background:#F0F3F8;
	padding-left:18px;
	color:#42210b;
	display:block;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

.colorbox_2 {
	background:#f6ecd0;
	padding-right:18px;
	color:#42210b;
	display:block;
	clear:right;
	overflow:hidden;
	margin-bottom:10px;
}

#font_print {
	width:69px;
	height:18px;
  	position:absolute;
  	top: 298px;
  	z-index: 5;
  	display: block;
	margin-left:383px;
	left:50%;
}

.anmerkungen2{
	color:red;
	font-size:12px;
	font-style:italic;
}

.anmerkungen{
	color:red;
	font-size:16px;
	font-style:italic;
}

#content ul.pauschal li {
	list-style-image:url(../bitmaps/listicon.gif);
	font-size:12px;
	font-weight:bold;
	color:#4d80aa;
	margin-bottom:5px;
}

#content ul li {
	list-style-image:url(../bitmaps/listicon.gif);
	font-size:13px;
	font-weight:bold;
	color:#266497;
	margin:0px 0px 15px -10px;
}

#content ul li a:link {
	color:#de3b42;
}

.clearfix {
	clear:both;
}

hr {
	background:#dddddd;
	color:#dddddd;
	border:0px;
	height:1px;
}

.innerbox_grau_c {
	width:100%;
	padding:2px 0px; 
	text-align:center; 
	background:#dfdfdf;
}

.innerbox_grau_l {
	width:100%; 
	padding-left:2px; 
	padding-top:2px;
	padding-bottom:2px;
	text-align:left; 
	background:#dfdfdf;
}

td.grau1_10, div.grau1_10 {
	padding:10px;
	background:#F5F7FA;
}


/************************************/
/*           Google-Karte           */
/************************************/

#mapContainer {
  position: absolute;
  visibility:visible;
  margin:0px;
  background-color: transparent;
  z-index:102;
  overflow: hidden;
}

#mapCloseBtn {
  width:118px; 
  height:18px;
  display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapInnerContainer {
  position: relative;
  width:800px;
  height:550px;
  background:#FFFFFF;
  padding:10px;
  margin: 0 0 0 auto;
  border:4px solid #dddddd;
  z-index:103;
}

#mapTabContainer {
  margin-bottom: 10px;
  position: relative;
  width:800px;
  height:auto;
  clear:both;
}

#mapContent {
  position:relative;
  overflow:hidden;
  width:800px;
  height:auto;
  border:1px solid #dddddd;
  clear:both;
}

#innermaps {
  margin:0;
  padding:0;
  width:800px;
}

#mapDetail {
  width:100%;
  position:absolute;
  margin-top: 150px;
  background: #ffffff;
  z-index: 405;
  border:1px solid #dddddd;
  display: none;
}

#mapCloseDetailBtn {
  width:135px; 
  height:18px;
  display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapDetailContent {
  height:382px;
  border:0px;
}


/************************************/
/*    Inhaltsformatierungen//Text   */
/************************************/

.preis {
	font-size:15px;
}

.nichtlieferbar {
  font-size:11px;
  color:#CC0000;
}

.blau {
	color:#416aa5;
}

.blaumid {
	color:#416aa5;
	font-size:14px;
}


.rot {
	color:#CC0000;
}

.orange {
  color:#e37124;
}

.azurblau {
  color:#45A3D9;
}

.lila {
  color:#6f17ae;
}

.gruen {
  color:#38982b;
}

.weiss {
  color:#ffffff;
}
/************************************/
/*         Tabellenklassen          */
/************************************/


td.shop{
 width:140px;
 padding-bottom:5px;
 background-color:#EBEBEB;
 font-weight:bold;
 font-size:12px;
 color:#4881AC;
}

td.shop img{
 margin-bottom:5px;
}

td.kopf1 {
	border-top:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
}

td.grau1, div.grau1 {
	padding:10px;
	background:#ebebeb;
}

td.grau1_nopad, div.grau1_nopad {
	background:#ebebeb;
}

td.grau2, div.grau2 {
	padding:8px 5px;
	background:#e2e2e2;
}


/************************************/
/*          Überschriften           */
/************************************/

h1 {
	margin:0px 0px 25px 0px;
	color:#266497;
	font-size:22px;
}

h2 {
	margin:0px 0px 20px 0px;
	color:#266497;
	font-size:20px;
}

h3 {
	margin:0px 0px 15px 0px;
	color:#266497;
	font-size:18px;
}

h4 {
	margin:0px 0px 10px 0px;
	color:#266497;
	line-height:20px;
	font-size:16px;
}

h5 {
	margin:0px 0px 10px 0px;
	color:#de3b42;
	font-size:14px;
}

/*

.kat1 {
	color:#1a5c91;
}

.kat2 {
	color:#336d9d;
}

.kat3 {
	color:#4d80aa;
}

.kat4 {
	color:#6692b6;
}

.kat5 {
	color:#7fa4c2;
}

.kat6 {
	color:#99b6ce;
}

*/

/************************************/
/*           Bilderklassen          */
/************************************/

/**** Picture-Box für kleine Bilder *****/
.pbox_small {
	width:268px;
	height:auto;
	position:relative;
	margin-bottom: 15px;
	float: right;
	padding-left: 20px;
}

*html .pbox_small {
	padding-left:20px;
}

.pbox_small span {
	position:absolute;
	display:block;
	height:16px;
	width:268px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_small.jpg) no-repeat;
}
/**** Picture-Box für kleine Bilder *****/

/**** Picture-Box für mittlere Bilder *****/
.pbox_med {
	width:320px;
	height:auto;
	position:relative;
	margin-bottom: 15px;
}

.pbox_med span {
	position:absolute;
	display:block;
	height:16px;
	width:320px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_med.jpg) no-repeat;
}
/**** Picture-Box für mittlere Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_big {
	width:470px;
	height:auto;
	position:relative;
	margin-bottom:: 15px;
}

.pbox_big span {
	position:absolute;
	display:block;
	height:16px;
	width:470px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_big.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_full {
	width:722px;
	height:auto;
	position:relative;
	margin-bottom:: 15px;
	clear:both;
}

.pbox_full span {
	position:absolute;
	display:block;
	height:16px;
	width:722px;
	right:0px;
	bottom:0px;
	margin-bottom: -26px;
	background:url(../bitmaps/schatten_full.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/


.bildbeschreibung {
	position:absolute;
	margin-right:20px;
	display:block;
	right:0;
	width:auto;
	padding: 1px 10px;
	margin-bottom:5px;
	color:#2B5790;
	font-weight:bold;
	background-color:#FFFFFF;
}


.imgfloatleft {
	float:left;
	margin: 0px 20px 10px 0px;
}

.imgfloatright {
	float:right;
	margin: 0px 0px 10px 20px;
}

.mainborder {
	border:1px solid #BFA992;
	padding:8px;
}

.blueborder {
	border:4px solid #99B6CE;
}

.angborder {
	border:6px solid #ffffff;
}


/************************************/
/*        Haupt-link-Klassen        */
/************************************/

#content a.klein:link, #content a.klein:visited {
	color:#2C6BA0;
	font-size:11px;
}

a.zurueck:link, a.zurueck:visited {
	color:#2C6BA0;
	margin-top:80px;
	float:right;
	text-decoration:none;
}

a.zurueck:hover {
	font-weight:bold;
	text-decoration:underline;
}


#content a:link {
	color:#2C6BA0;
	font-weight:bold;
	text-decoration:underline;
}

#content a:hover {
	font-weight:bold;
	text-decoration:none;
}

#content a:visited {
	color:#6794c3;
	font-weight:bold;
	text-decoration:underline;
}


#footer a:link, #footer a:visited {
	color:#004880;
	font-size:10px;
	text-decoration:none;
}

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

/************************************/
/*        Formularelemente          */
/************************************/

#content input, #content select, #content textarea {
	font-size:12px;
}

input.button {
	border:1px solid #266497;
	background:#de3b42;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}

#content form {
	margin:0;
	padding:0;
}

/************************************/
/*          Seitenlayout            */
/************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../bitmaps/bg_body.jpg) top repeat-x;
	margin:0;
	font-size:12px;
}

#container_bg {
	background:url(../bitmaps/bg_content.jpg) left top repeat-y;
	text-align:left;
	width:958px;
	height:auto;
	display:block;
	margin: 0 auto;
}

#container_cont {
	background:url(../bitmaps/bg_main.jpg) left top no-repeat;
	text-align:left;
	width:958px;
	min-height:520px;
	height:auto;
	padding-top:338px;
	clear:both;
	display:block;
	margin:0;
}

*html #container_cont {
	height:520px;
}

#content_head {
	width:722px;
	clear:both;
	margin-bottom:10px;
	height:20px;
	display:block;
	float:left;
	padding: 22px 0px 8px 16px;
}

#content {
	width:738px;
	height:auto;
	display:block;
	float:left;
	/* Schriftstil content */
	color:#42210b;
	line-height:18px;
	/************************/
	padding-bottom:12px;
}

#content_pad {
	width:722px;
	padding: 10px 0px 0px 16px;
	height:auto;
	display:block;
	float:left;
}

#flashbanner {
	width:734px;
	height:210px;
	display:block;
	margin-left:-274px;
	position:absolute;
	left:50%;
	top:106px;
}

#backhome {
	width:auto;
	height:85px;
	display:block;
	margin-left:290px;
	position:absolute;
	left:50%;
	top:10px;
}

#watermark {
	display:none;
}

#mainnav {
	z-index:2;
	position:absolute;
	left: 50%;
	top:96px;
	width:166px;
	height:auto;
	margin-left:-460px;
	display:block;
}

#sidebar {
	color:#42210b;
	width:166px;
	height:auto;
	padding-left:19px;
	margin-right:9px;
	display:block;
	float:left;
}

#footer {
	background:url(../bitmaps/footer.jpg) no-repeat #ffffff;
	width:944px;
	height:30px;
	clear:both;
	padding-right:14px;
	padding-top: 8px;
	text-align:right;
}