@import url("reset.css");
/**************************************************
	Huahin-homes.net
	Screen Stylesheet v1.0
***************************************************

Site Colors

	Schema green (default)
		Navi F1FFD4
		Body 6E9128

	Schema orange
		Navi FFE6B0
		Body FF9800

	Schema brown
		Navi AB8F52
		Body FFE6B0

***************************************************
	Global
***************************************************/

* {
  margin:               0;
  padding:              0;
  }

html {
  font-size:            83.33%;
  font-family:          charcoal, Georgia, "Times New Roman", Times, serif;
  letter-spacing:       .1em;
  }

body {
  background:           #020266 url('/img/bg/music.jpg');
  text-align:           center;
  padding:              0 10px 10px 10px;
  color:                #1a1207;
  }


/**************************************************
	Document-Structur
***************************************************/

p {
  font-family:          Georgia,sans-serif;
  font-size:            1.0em;
  line-height:          140%;
  margin-bottom:        10px;
  }
p.thickbox {
  font-size:            1.0em;
  margin:               0.25em 0 0.5em 0;
  padding:              3px 0 3px 0;
  border-top:           1px solid #1e1e1e;
  }
p.thickbox img {
  margin:               0 0 3px 3px;
  }
p.jump {
  text-align:           right;
  }
/**************************************************
	Lists
***************************************************/

ul {
  margin-left:          12px;
  padding:              10px 3px;
  }
ul li {
  margin-left:          5px;
  padding:              0 0 5px 0;
  color:                #555;
  }

ul.square li {
  list-style-type:      square;
  }
ul.square2 {
  margin-left:          0;
  }
ul.square2 li {
  margin-left:          0;
  list-style-type:      none;
  background:           transparent url('/img/list_image_02.gif') 0 4px no-repeat;
  padding-left:         16px;
  }

ol {
  margin-left:          12px;
  padding:              0 3px;
  *padding: 0 8px;
  }
ol li {
  margin-left:          5px;
  padding:              5px 0;
  }

ul.pipelinks {
  margin:               0;
  padding:              0;
  margin-top:           -5px;
  padding-top:          5px;
  * padding-top:        0;
  }

ul.pipelinks li {
  margin:               0;
  padding:              0 3px 0 7px;
  border-left:          1px solid #CCC;
  list-style:           none;
  display:              inline;
  }

ul.pipelinks li.first {
  margin-left:          0;
  border-left:          none;
  list-style:           none;
  display:              inline;
  padding-left:         0;
  }



/**************************************************
	Text elements
***************************************************/

abbr, acronym {
  font-style:           normal;
  border-bottom:        1px dotted;
  cursor:               help;
  }

pre {
  margin:               0;
  padding:              0 0 1em 0;
  font-style:           normal;
  }

address {
  margin:               0;
  padding:              0 0 1em 0;
  font-style:           normal;
  }

blockquote {
  padding:              0px 0px 0px 30px;
  background:           transparent url('/img/bg-quote.gif') top left no-repeat;
  }

cite {
  font-style:           italic;
  }
cite:before {
  content:              "\"";
  }

cite:after {
  content:              "\"";
  }

code {
  font-family:          Monaco, Courier, "Courier New", monospace;
	}

em {
  font-style:           italic;
	}

strike {
  text-decoration:      line-through;
  }

strong {
  font-weight:          bold;
  }


/**************************************************
	Graphics
***************************************************/

img {
  border: 0;
  }

.floatimage-li {
  float:                left;
  margin:               0 20px 10px 0;
  border:               none;
  padding:              6px;
  background:           transparent;
  }

.floatimage-re {
  float:                right;
  margin:               0 0 10px 20px;
  border:               none;
  padding:              6px;
  background:           transparent;
  }



/**************************************************
	Formulars
***************************************************/

fieldset {
  border:               1px solid #CCC;
  text-align:           left;
  margin:               10px 0 5px 0;
  padding:              5px 0;
  * padding:            0 0 5px 0;
  }

form {
  display: inline;
  }

input,
input[type="text"],
input[type="password"],
select,
textarea {
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            1.0em;
  color:                #444;
  padding:              1px 0;
  background-color:     #FFF;
  }

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  background-color:     #FFFFE1;
	}


input[type="submit"] {
  padding:              0 2px;
  border-top:           1px solid #EBEAEB;
  border-right:         1px solid #8B8B8A;
  border-bottom:        1px solid #565656;
  border-left:          1px solid #E1E2E2;
  background:           #CCC url('/img/button_hg_01.gif') 0 0 repeat-x;
	}

label {
  cursor:               hand;
  width:                8em;
  }

legend {
  font-weight:          bold;
  margin:               0;
  * margin:             0 0 0 -7px;
  padding:              0 5px;
  * padding:            0 5px 5px 5px;
  background:           #FFF;
  }

optgroup {
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  padding:              5px 0 0 0;
  font-style:           normal;
  font-size:            1.0em;
  padding-left:         4px;
  }

optgroup option {
  padding-left:         7px;
  }
optgroup option:before {
  content:              " » ";
  }

.checkbox-longtext {
  float:                left;
  margin:               0 5px 7px 0;
  }

.formelement40	{ width:  40px; }
.formelement50	{ width:  50px; }
.formelement60	{ width:  60px; }
.formelement70	{ width:  70px; }
.formelement80	{ width:  80px; }
.formelement100	{ width: 100px; }
.formelement110	{ width: 110px; }
.formelement120	{ width: 120px; }
.formelement170	{ width: 162px; }
.formelement250	{ width: 250px; }
.formelement400	{ width: 400px; }


input.textarea {
  height:               70px;
  font-size:            1em;
  border:               1px #ccc solid;
  padding:              2px;
  margin-bottom:        0.5em; }



div#zusendung-prospekt-zusatz,
div#rueckruf-erbeten-zusatz {
  display:              none;
  padding:              7px 0 7px 17px;
  }


/**************************************************
	Header
***************************************************/

#wrap1 {
  margin:               0 auto;
  text-align:           left;
  background:           #transparent;
  width:                780px;
  height:               353px;
  padding:              0 10px;
  \width:               760px;
  }

div.skip-nav {
  display:              none;
  }

#header {
  width:                760px;
  height:               353px;
  text-align:           right;
  padding:              0;
  margin:               0;
  }

#logo {
  margin-left:          460px;
  text-align:           right;
  position:             relative;
  width:                300px;
  height:               60px;
  }

#logo h1 {
  text-indent:          -10000px;
  font-size:            1.0em;
  font-weight: normal;
  }

#logo h1 a {
  display:              block;
  width:                300px;
  height:               60px;
  text-decoration:      none;
  }

#logo h1 a span {
  display:              none;
  }


/**************************************************
	Content
***************************************************/

#wrap2 {
  margin:               0 auto;
  text-align:           right;
  background:           #transparent;
  width:                780px;
  padding:              0 10px;
  \width:               760px;
  }

#main {
  width:                760px;
  margin:               0 auto;
  text-align:           left;
  background:           white;
  }

#content {
  float:                right;
  width:                587px;
  padding:              15px 50px 10px 30px;
  \width:               507px;
  text-align:           left;
  line-height:          140%;
  /* min-height:          440px;*/
  }

#content h1 {
  /*font-family:          Arial, Helvetica, sans-serif;*/
  font-size:            1.8em;
  line-height:          1.2em;
  letter-spacing:       .15em;
  font-weight:          normal;
  color:                #FF9A00;
  color:                #252b81;
  margin-bottom:        4px;
  margin-top:           4px;
  }

#content h2 {
  /*font-family:          Arial, Helvetica, sans-serif;*/
  font-size:            1.4em;
  font-weight:          normal;
  letter-spacing:       .15em;
  color:                #252b81;
  margin-bottom:        5px 0 15px 0;
  }

#content h3 {
  /*font-family:          Verdana, Arial, Helvetica, sans-serif;*/
  font-size:            1.0em;
  font-weight:          bold;
  color:                #252b81;
  padding:              5px 0 10px 0;
  }

#content h4 {
  /*font-family:          Verdana, Arial, Helvetica, sans-serif;*/
  font-size:            1.0em;
  font-weight:          normal;
  color:                #555;
  padding:              5px 0 10px 0;
  }

a {
  text-decoration:      none;
  color:                #242a7e;
  }
a:hover {
  color:                #E27A00;
  text-decoration:      underline;
  }

div.kat-intro {
  padding-bottom:       15px;
  }

div.prod-beschreibung {
  }
div.prod-beschreibung ul {
  margin-top:           15px;
  }

a.button-stil:link,
a.button-stil:visited,
a.button-stil:hover,
a.button-stil:active {
  border-top:           1px solid #EBEAEB;
  border-right:         1px solid #8B8B8A;
  border-bottom:        1px solid #565656;
  border-left:          1px solid #E1E2E2;
  color:                #555;
  background:           #CCC url('/img/button_hg_01.gif') 0 0 repeat-x;
  text-decoration:      none;
  height:               24px;
  line-height:          24px;
  }

div.prod-liste-subinfos {
  color:                #999;
  padding-top:          1px;
  }

.prod-liste-subsubinfos {
  color:                #555;
  padding:              3px 0 0 0;
  font-size:            0.9em;
  line-height:          12px;
  }

.prod-liste-subsubinfos a:link,
.prod-liste-subsubinfos a:visited,
.prod-liste-subsubinfos a:hover,
.prod-liste-subsubinfos a:active {
  color:                #555;
  text-decoration:      none;
  }
.prod-liste-subsubinfos a:hover {
  text-decoration:      underline;
  }

div.prod-teaser {
  float:                right;
  clear:                right;
  width:                175px;
  padding:              5px 10px;
  \width:               155px;
  margin:               15px 0 10px 10px;
  background:           #FBFFF2 none;
  border:               1px solid #DDD;
  }
div.prod-teaser h3 {
  margin:               0;
  padding:              0;
  }
div.prod-teaser ul li {
  margin-left:          0;
  }

#suchfunktion {
  padding-top:          25px;
  }
#tabelle-suchfunktion {
  background:           #FBFFF2 none;
  width:                100%;
  margin:               0 auto;
  border:               1px solid #DDD;
  }


/**************************************************
	Sidebar
***************************************************/

#sidebar {
  width:                170px;
  padding:              15px 10px 20px 10px;
  \width:               150px;
  margin-right:         587px;
  text-align:           left;
  line-height:          140%;
  }
#navi li h3 {
  color:                black;
}
#navi {
  width:                150px;
  padding:              0;
  }

#navi ul {
  margin:               0;
  padding:              0;
  text-align:           left;
  list-style-type:      none;
  border-right:         1px solid #242a7e;
  }

#navi ul li {
  text-align:           left;
  padding:              0 9px 0 5px;
  margin:               5px 0 10px 0;
  font-weight:          bold;
  /*font-family:          Verdana, Arial, Helvetica, sans-serif;*/
  color:                #242a7e;
  font-size:            1.0em;
  }
#navi ul li.current {
  padding:              0 9px 0 5px;
  background:           transparent url('/img/btn_current_01.gif') 0 2px no-repeat;
  border-left:          10px solid #e8ab68;
  }
#navi ul li.current a {
  font-weight:          bold;
  }

#navi ul li h3 {
  width:                150px;
  height:               15px;
  color:                black;
  }

#navi ul li h3 span {
  display:              none;
  }

#navi ul li h3 a {
  display:              block;
  width:                150px;
  height:               15px;
  text-decoration:      none;
  color:                black;
  }

#navi ul li ul {
  padding:              3px 0 22px 8px;
  }

#navi ul li ul li {
  font-weight:          normal;
  text-indent:          0px;
  list-style:           none;
  text-align:           left;
  line-height:          16px;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  color:                #525748;
  font-size:            1.0em;
  }

#navi ul li ul li.news {
  font-weight:          normal;
  line-height:          120%;
  width:                150px;
  margin-bottom:        8px;
  }

#navi ul li ul li a:link,
#navi ul li ul li a:visited,
#navi ul li ul li a:hover,
#navi ul li ul li a:active {
  color:                #525748;
  font-size:            1.0em;
  text-decoration:      none;
  font-weight:          normal;
  }
#navi ul li ul li a:hover {
  color:                #000;
  }


/**************************************************
	Footer
***************************************************/

#wrap3 {
  margin:               0 auto;
  text-align:           left;
  background:           #transparent;
  width:                780px;
  padding:              0 10px;
  \width:               760px;
  height:               70px;
  }

div#styleswitch {
  float: right;
  padding:              4px 0 0 148px;
  border:               none;
  }

div#styleswitch img {
  padding:              1px;
  border:               none;
  }

div#styleswitch a:hover img {
  padding:              0px;
  border:               1px solid #FFF;
  }

#footer {
  padding:              20px 10px 10px 190px;
  text-align:           left;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            1.0em;
  color:                #CCC;
  }

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  text-decoration:      none;
  color:                #D9DFCD;
  }
#footer a:hover {
  color:                #FFF;
  }

#footer div.copyright {
  font-size:            0.9em;
  color:                #7E9258;
  margin-top:           2px;
  }

#footer div.copyright a:link,
#footer div.copyright a:visited,
#footer div.copyright a:hover,
#footer div.copyright a:active {
  text-decoration:      none;
  color:                #7E9258;
  }
#footer div.copyright a:hover {
  color:                #D9DFCD;
  }


/**************************************************
	diverse
***************************************************/

.center {
  text-align:           center;
  }

.clearboth {
  clear:                both;
  }

div.dotted {
  background:           transparent url('/img/dots_01.gif') top left repeat-x;
  height:               1px;
  border:               none;
  color:                #DDD;
  margin:               20px 0;
  }

.float-li {
  float:                left;
  }

.float-re {
  float:                right;
  }

.hide {
  display:              none;
  }

.highlight {
  color:                #FF9A00;
	}

.underline {
  text-decoration:      underline;
  }


/**************************************************
	Magazine-Syle Pictures
***************************************************/
.magazine-image {
  background:           #fff;
  border:               1px #fff solid;
  }

.magazine-image img {
  padding:              3px;
  background:           #fff;
  margin:               2px;
  border:               1px #eee solid;
  }

/* only used in example pages */
div.thumb {
  float:                left;
  margin:               3px;
}

div.thumb img {
  border:               1px solid #ddd;
  padding:              3px;
}
table.fmthankyou {
  width:                99%;
  border-bottom:        2px solid #004a00;
  float:                left;
  margin-bottom:        1em;
}
table.fmthankyou caption {
  display:              block;
  text-align:           left;
}
table.fmthankyou tr.odd th,
table.fmthankyou tr.odd td {
  background:           #DFDFDF;
  padding:              0 3px;
}
table.fmthankyou tr th,
table.fmthankyou tr td {
  background:           transparent;
  padding:              0 3px;
}