/* Type CSS rules here and they will be applied
to pages from 'www.kellenhusen-ferienwohnung.de'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/



/**** LINK-tag style sheet style.css ****/

.flag
{
color: red;
display: none; /* */
}

/**** data kellenhusen****/

/****

+ colorList +

gelb_bg: #f6f0d0
gelb_fg: #f9f6e3
border_fg: #dedddc
gelb_galery: #e8d47f
gelb_galery_bg, h1: #3a3520 / #746A40
gelb_title: #dccd89
yellow: #ffff00
grey-text: #929186
darkgrey-text: #626156
grey_menu: #ece9d7
grey_search, h2: #c7c5b6
darkblue: #083868
red: #D12134

+ structure +
body-#base-#container[#top,#main,#bottom]
#top[#topnavi[ul-li-a],#header[#logo,#claim]]
#main[#left,#center]
#main#left[#search,#main_menu[.menuBlock [h1,ul.menuBox-li-ul-li..]],#adress[.block[h1,.box]],#top_list]
#main#center[#galery,#content[#pagetitle,#copy[.copyBlock-.copyBox-.imgBox]/#copyList[...]]] 


****/


/**** basics ****/

body
{
margin: 0;
padding: 0px 0px 10px;
text-align: center;
}


h1, h2, h3, h4, h5, p, br, a
{
margin: 0;
padding: 0;
}

a
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
a img
{
border: 0;
}
ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
ul li
{
margin: 0;
padding: 0;
}


/**** Fonts ****/

body
{
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
}

h1
{
font-size: 1.2em;
}
h2,
.copyBlock h1
{
font-size: 1.1em;
}
h3,
.copyBox h1
{
font-size: 1.0em;
}
h4,
.copyBox h2
{
font-size: .95em;
}
h5,
.copyBox h3
{
font-size: .95em;
}
hr
{
font-size: 0;
line-height: 0;
}



/**** projectstyles ***/

#top
{
font-size: 1em;
line-height: 1.4em;
}
#content
{
font-size: 1em;
line-height: 1.4em;
}
#bottom
{
font-size: .8em;
line-height: 1em;
}
#claim h1
{
font-size:  3.5em;
line-height: 1em;
font-family: Times;
font-weight: normal;
letter-spacing: .04em;
}

#left 
{
font-size: .9em;
line-height: 1.2em;
}

#search select,
#search input
{
font-size: .9em;
}
#search input
{
font-weight: bold;
}
ul.menuBox a
{
font-weight: bold;
}
ul.menuLevel1Box a
{
font-weight: normal;
}
.copyTable td
{
font-size: 70%;
line-height: 1.4em;
}




/**** Layout ****/


#base
{
text-align: left;
margin: 0 auto;
width: 950px;
}

#container
{
float: left;
text-align: left;
width: 100%;
margin-bottom: 25px;
}


#top
{
clear: both;
float: left;
height: 135px;
margin: 1px 0px 0px;
width: 867px;
}

#main
{
clear: both;
float: left;
margin: 1px 0px 0px;
width: 100%;
}

#bottom
{
clear: both;
float: left;
margin: 1px 0px 0px;
width: 100%;
}

/**** top_content ****/

/**** navlist basic ****/

ul.navList
{
display: block;
clear: both;
}
ul.navList li
{
display: inline;
margin: 0;
padding: 0;
text-align: center;
}
ul.navList li a
{
margin: 0;
padding: 0;
}
ul.navList li a:hover
{
text-decoration: none;
}

/**** servicenavigation=top_navi ****/

#top_navi
{
text-align: right;
padding: 2px 0px;
}
#top_navi a
{
padding: 0px 5px;
}

/**** header ****/

#header
{
clear: both;
float: left;
width: 100%;
}

#logo
{
float: left;
margin: 0;
padding-top: 5px;
text-align: center;
width: 250px;
}

#claim
{
float: right;
padding-top: 50px; 
width: 540px;
}


/**** main-contents ****/

#left
{
float: left;
margin: 0;
width: 250px;
}

#center
{
float: left;
padding: 0;
margin: 0;
width: 700px;
}
/***  left contents ***/

/*  menu basics */

.menuBlock
{
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 140%;
}
.menuBlock a
{
display: block;
padding: 0;
margin: 0;
}
.menuBlock a:hover
{
text-decoration: none;
}

/*** menu title h1 ***/

.menuBlock h1
{
padding: 5px 0px 5px 10px;
margin-bottom: 0;
}

/*  menubox */


ul.menuBox li
{
display: inline;
}

ul.menuBox a
{
margin: 0;
padding: 0;
}

/*** menu ul li ***/

ul.menuBox li.expanded 
{
}
ul.menuBox li.collapsed
{
display: none;
}

ul.menuBox li.collapsed ul
{
display: none;
}

ul.menuBox li.item
{
}
ul.menuBox li.activeitem
{
}

/*** level boxen ***/

ul.menuLevel1Box a
{
padding-left: 0;
font-weight: bold;
}

/*  level 2box etc.. */

ul.menuLevel2Box a
{
padding-left: 0;
font-weight: normal;
}

/*** mainmenu ***/

#main_menu h1
{
display: none;
}

#main_menu h2
{
padding: 5px 0px 5px 20px;
}

#main_menu a
{
padding: 5px 0px 5px 20px;
}

#main_menu .menuLevel1Box a
{
padding-left: 25px;
}
#main_menu .menuLevel2Box a
{
padding-left: 30px;
}

/**** center-contents ****/

#galery
{
clear: both;
margin: 0;
width: 597px;
height: 375px;
padding: 10px;
text-align: center;
}

#galerynull
{
clear: both;
margin: 0;
width: 617px;
height: 0;
padding: 0;
text-align: center;
}

#galerywebcam
{
clear: both;
margin: 0;
width: 617px;
height: 290px;
padding: 0px;
text-align: center;
}

#galerydetail
{
clear: both;
margin: 0;
width: 597px;
height: 395px;
padding: 10px;
text-align: center;
}

#content
{
clear: both;
float: left;
width: 617px;
margin: 0;
padding: 0;
}

/**** galery content ****/

.galeryBlock
{
display: block;
clear: both;
width: 520px;
height: 395px;
margin: 0;
padding: 0;
}

.galeryBox
{
display: block;
clear: both;
width: 597px;
height: 395px;
}

/**** dynamische galery content ****/
table.galeryBlock2
{
display: block;
clear: both;
width: 597px;
height: 395px;
margin-left: 0px;
padding: 0;
}

td.galeryNavi2
{
width: 67px;
height: 50px;
vertical-align: top;
text-align: center;
}
td.galeryNavi2 h4
{
margin-bottom: 5px;
font-size: .7em;
}
td.galeryNavi2 a
{
display: block;
margin-bottom: 5px;
font-size: 0;
padding: 0;
height: 50px;
width: 67px;
text-decoration: none;
}
td.galeryNavi2 a:hover
{
font-size: 0;
}
td.galeryNavi2 a.galeryNumberActive
{
font-size: 0;
}
td.galeryBox2
{
width: 500px;
height: 375px;
text-align: center;
}

.galeryBox img
{
margin: auto;
}
td.galeryText2
{
text-align: center;
padding: .8em 0 0;
font-weight: bold;
font-size: .7em;
}

/**** content-content ****/

/**** Pagetitle ****/


#content h1.title
{
padding: 10px 20px;
}
#content #copy
{
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#content #copy h1
{
margin: .3em 0;
}
#content #copy h2
{
margin: 0 0 .3em;
}

#content #copy ul
{
list-style: square outside;
padding-left: 10px;
margin: .3em 0em .8em 10em;
}
#content #copy ul li
{
padding: 0;
margin: 0;
}
/**** copytext ****/

.copyBlock
{
clear: both;
padding:  10px 20px;
}
.copyBlock  h1
{
padding: 5px 0px;
clear: both;
}

.copyBox
{
padding: 0px 0px 0px;
}

.copyBoxWeather
{
padding-left: 9px;
}

.copyBox  h1 
{
padding: 0px 0px 5px;
clear: both;
}
.copyBox  h2 
{
padding: 0px 0px 5px;
clear: both;
}

.copyBox p
{
padding-bottom: .5em;
margin-bottom: .2em;
}

.copyBlock .imgBox
{
}

.copyBlock .imgBoxWetter
{
float: left;
width: 210px;
}

.copyBlock .map
{
text-align: center;
}

.copyTable td
{
padding: .1em;
}

/* spezielle styles for select */

.imgLeft
{
margin: 0 1em 1em  0; 
float: left;
}
.imgRight
{
margin: 0 0 1em  1em; 
float: right;
}
a.detailLink,
a.copyLink
{
display: block;
padding: 0px 0px 5px;
margin: 0;
}
a.printLink
{
float: right;
width: 40%;
text-align: right;
padding: 0px 0px 5px;
margin: 0;
}
a.topLink
{
float: left;
width: 40%;
padding: 0px 0px 5px;
margin: 0;
}
.newLineBorder
{
display: block;
clear: both;
width: 100%;
padding: 0;
margin-bottom: 10px;
font-size: 0;
}
/* teaser listviews */
.copyList
{
float: left;
width: 100%;
padding: 5px 0px;
}


.copyList .imgBox
{
float: left;
width: 100px;
}

.copyList .copyBox
{
float: right;
width: 390px;
padding: 0;
}
.ikonBlock
{
float: left;
width: 400px;
clear: both;
margin-bottom: .3em;
padding: 0;
}
.ikonBox
{
float: left;

text-align: center;
vertical-align: top;
width: 25px;
padding: 0;
margin-right: .2em;
}
.ikonBox img
{
display: block;
margin: 0;
}
.ikonBox p
{
font-size: .6em;
font-weight: bold;
}

.ikonBlockWebcam
{
float: left;
width: 470px;
clear: both;
margin-bottom: .3em;
padding: 0;
}
.ikonBoxWebcam
{
float: left;

text-align: center;
vertical-align: top;
width: 59px;
padding: 0;
margin-right: .2em;
}
.ikonBoxWebcam img
{
display: block;
margin: 0;
}
.ikonBoxWebcam p
{
font-size: .8em;
font-weight: normal;
}

/* margin boxen */
#left h1.title
{
padding: 10px 0px 10px 20px;
}
#left .copyBlock
{
padding:  0px 0px 5px;
}

#left .copyBox
{
padding: 0px 0px 5px;
}
/*  boxen */

#weather
{
float: left;
width: 100%;
padding: 0;
}
#weather .copyBlock
{

}

#address
{
float: left;
width: 100%;
padding: 0;
}
#address .copyBlock
{
padding-left: 20px;
}
#legend
{
float: left;
width: 100%;
padding: 0px 0px 10px;
}
#legend h1
{
}
#left #legend .copyBox
{
clear: both;
padding: 0;
margin: 0px 0px 0px 20px;
border-top: 1px solid #fff;
}
#left #legend img
{
float: left;
margin: 2px 5px 2px 0px;
}

#left #legend p
{
float: left;
margin: 5px 0px;
}

/* search boxen */
#search
{
padding: 0;
}
#search .copyBox
{
clear: both;
padding: .5em 20px .8em;
}

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

#search select
{
margin: .5em 0;
padding: .1em;
text-align: left;
width: 200px; 
}

#search input
{
margin: .5em 0;
padding: .1em .8em;
}

/* top boxen */

/* top boxen */
#topBox
{
float: left;
width: 100%;
padding: 0;
}
#topBox .copyBox
{
clear: both;
padding: .5em 20px .8em;
}
#topBox .imgBox img
{
width: 100%;
}
#topBox .imgBox
{
width: 100%;
padding: 0 0 1em;
overflow: hidden
}
#topBox .imgBox img
{
width: 100%;
}

/* inline content */

#iframe_container
{
float:left;
width: 510px;
border: 1px solid #ddd;
background: #fff;
}
#iframe_container #textfeld
{
float:left;
width: 100%;
height: 550px;
padding: 0px 0px 0px 10px;
}

/*** form ***/
fieldset
{
padding: .5em 0;
margin: .2em 0;
}
fieldset input
{
padding: .2em;
font-size: .95em;
}
fieldset textarea
{
padding: .2em;
width: 90%;
}

.formButton
{
padding: .1em .3em;
margin-right: .3em;
font-weight: bold;
}
.formButton:hover
{
cursor: pointer;
}














/**** LINK-tag style sheet colors.css ****/

/*** colors ***/

body
{
background: #f6f0d0;
}

h1
{
color: #000;
}
h2,
h1.title
{
color: #929186;
}
h3
{
}

a
{
color: #929186;
}
a.active
{
color: #000;
}
a:hover
{
color: #000;
}

hr,
.newLineBorder
{
border: 1px solid #f9f6e3;
border-bottom: 1px solid #dedddc;
}
/**** header ****/
#top
{
background: url(/imgs/basics/bg_header.gif) no-repeat;
background-color: #f9f6e3;
background-position: right;
border: 1px solid #dedddc;
}

#claim h1
{
color: #dccd89;
}

/**** servicenavigation=top_navi ****/

#top_navi a
{
color: #929186;
}
#top_navi a:hover
{
color: #000;
}
#top_navi a.active
{
color: #746A40;
}

/**** menu ****/

#main_menu h2
{
color: #fff; 
background: #c7c5b6;
border-top: 1px solid #fff;
border-bottom: 1px solid #dedddc;
}

#main_menu .menuBlock
{
background: #ece9d7;
border: 1px solid #dedddc;
border-width: 0px 1px;
}
#main_menu a
{
border-top: 1px solid #fff;
border-bottom: 1px solid #dedddc;
color: #929186;
}
#main_menu a.active
{
color: #000;
}
#main_menu a:hover
{
background: #fff;
color: #000;
}


/**** content ****/

#galery
{
background: #e8d47f;
border-width:  1px;
border-color: #dedddc;
border-style: solid;
}

#galerywebcam
{
background: #e8d47f;
border-width:  1px;
border-color: #dedddc;
border-style: solid;
}

#galerynull
{
background: #e8d47f;
border-width:  1px;
border-color: #dedddc;
border-style: solid;
}

#galerydetail
{
background: #e8d47f;
border-width:  1px;
border-color: #dedddc;
border-style: solid;
}

#content
{
background: #f9f6e3;
border: 1px solid #dedddc;
}

/**** galery ****/
.galeryBlock
{
/*background: #746A40;
border-width:  1;
border-color: #666 #fff  #fff #666;
border-style: solid;*/
}
.galeryBox2
{
/*background: #d4c06a;
border-width:  1;
border-color: #c5b15a #f0ebd6  #f0ebd6 #c5b15a;
border-style: solid;*/
}

.galeryBox img,
.galeryBox2 img
{
border-width:  1px;
border-color: #c5b15a #f0ebd6  #f0ebd6 #c5b15a;
border-style: solid;
}

td.galeryNavi2 h4
{
color: #9f904f;
}

td.galeryNavi2 a
{
background-color: #d4c06a;
color: #d4c06a;
border-width: 1px;
border-style: solid;
border-color: #c5b15a;
}

td.galeryNavi2 a:hover
{
background-color: #d4c06a;
color: #d4c06a;
border-width: 1px;
border-style: solid;
border-color:   #f0ebd6 #c5b15a #c5b15a #f0ebd6 ;
}

td.galeryNavi2 a.galeryNumberActive
{
background-color: #eedf9f;
color: #eedf9f;
border-width: 1px;
border-style: solid;
border-color:  #c5b15a #f0ebd6 #f0ebd6 #c5b15a;
}

td.galeryText2
{
color: #9f904f;
}

#content h1.title
{
background: #ece9d7;
border-bottom: 1px solid #dedddc;
border-top: 1px solid #dedddc;
}

#copy
{
border-bottom: 10px solid #c7c5b6;
}
.copyBlock hr
{
border-bottom: 1px solid #dedddc;
}

.copyList .copyBlock
{
border-top: 1px solid #dedddc;
}

.copyList a img
{
border: 1px solid #000;
}

h1 a
{
color: #000;
}

/*** form ***/
form
{
background: #c7c5b6; 
border: 0px solid #dedddc;
}
fieldset
{
border: 0px solid #dedddc;
border-top: 1px solid #dedddc
}
form, 
form td,
fieldset h3
{
color: #929186
}
.formButton
{
background: #c7c5b6;
border-width: 1px;
border-color:  #dedddc #6e666c #6e666c #dedddc;
color: #fff;
}
.formButton:hover
{
color: #000;
}

/*** left ***/
#search
{
background: #c7c5b6; 
border: 1px solid #dedddc;
}
#search h1,
#search a
{
color: #fff;
}

#search select
{
color: #626156;
}

#search input
{
color: #929186;
border: 1px solid;
border-color: #fff #626156 #626156 #fff;
background: #ece9d7;
}

#address, #legend, #weather
{
border: 1px solid #dedddc;
background: #f9f6e3;
}

#topBox
{
border: 1px solid #dedddc;
background: #f9f6e3;
}

#topBox .copyBox
{
border-bottom: 1px solid #dedddc;
}

#topBox .imgBox img
{
border: 1px solid #999;
}

/* tests colors.css varianten galerie und formbutton */

td.galeryNavi2 a
{
background-color: #eedf9f;
color: #eedf9f;
}

td.galeryNavi2 a.galeryNumberActive
{
background-color: #d4c06a;
color: #d4c06a;
}

.formButton
{
color: #626156;
}

#mapContainer
{
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 510px;
	height: 400px;
}