/*
css:
	m_top-a.06
html:
	html-10.05
stand:
	30.08.2013
geschrieben von:
	M. Grellmann für die Ferienhaus-Vermittlung Fincaferien.de GmbH
   ------------------------------------------------------------------------------------ */


/*Suchbox
   ------------------------------------------------------------------------------------ */

#t_side {
    width: 208px;
    position: relative;
    float: left;
    z-index: 70;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    height: 453px;
    text-align: center;
    /*background: url(http://www.finca-teneriffa.de/index/files/bg/bg_suchmaske.png) 9px 44px no-repeat;*/
    opacity: 0.92;
    /* CSS3 */
    border-radius: 3px;
    /* Firefox */
    -moz-border-radius: 3px;
    /* Safari, Chrome */
    -webkit-border-radius: 3px;
    /* Konqueror */
    -khtml-border-radius: 3px;
    /*Boxshadow*/
    -webkit-box-shadow: 4px 3px 3px #c0b996;
    /* webkit browser*/
    -moz-box-shadow: 4px 3px 3px #c0b996;
    /* firefox */
    box-shadow: 4px 3px 3px #c0b996;
}

.t_form_abstand {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    padding-left: 28px;
}

.t_form_abstand-top {
    display: block;
    padding-top: 0px;
    padding-bottom: 4px;
    margin-top: 0px;
}

.t_form_row,
.t_form_row-button {
    position: relative;
    /*
	/* CSS3 *!/
	border-radius: 3px;
	/* Firefox *!/
	-moz-border-radius: 3px;
	/* Safari, Chrome *!/
	-webkit-border-radius: 3px;
	/* Konqueror *!/
	-khtml-border-radius: 3px;

	/*Boxshadow*!/
	-webkit-box-shadow: 4px 3px 3px #c0b996;
	/* webkit browser*!/
	-moz-box-shadow: 4px 3px 3px #c0b996;
	/* firefox *!/
	box-shadow: 4px 3px 3px #c0b996;*/
    text-align: left;
    margin-left: 16px;
}

.t_form_row-button {
    text-align: center;
}

.t_form_button {
    background-color: #f58e1e;
    background: linear-gradient(to bottom, #fad9a9 1%, #f58e1e 53%, #b1946a 93.9%) left center repeat-x, url(../../index/files/suchmaske/bg_button-verlauf_40.png) left center repeat-x #f58e1e;
    text-shadow: 0 1px 0 #f58e1e;
    width: 160px;
    margin-top: 2px;
    margin-bottom: 4px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.t_form_hidden_button {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 1px;
    visibility: hidden;
    height: 8px;
    float: right;
    width: 20px;
}

.t_hidden {}

.t_submit {
    font-weight: bold;
    font-size: 1.025em;
    background-color: #f58e1e;
}


/*---*/

#t_article {
    width: 735px;
    height: 453px;
    position: relative;
    float: right;
    z-index: 60;
}

#t_serv-eyec_box {
    height: 388px;
    position: relative;
    width: 733px;
}

#t_button_box {
    width: 733px;
    height: 215px;
    position: relative;
}

#t_service {
    padding-left: 8px;
    padding-right: 10px;
    width: 207px;
    height: 385px;
    float: left;
    position: absolute;
}

#t_service-row a {
    float: left;
    height: 29px;
    display: block;
    text-decoration: underline;
    border-right: 1px solid #f2a338;
    padding: 0 10px;
    line-height: 30px;
    border-bottom: 1px solid #acacac;
    border: 1px solid #acacac;
    width: 188px;
    margin-bottom: 6px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #222222;
    text-shadow: 1px 1px 7px #68AFC1;
    background-color: #9af082;
    background: -webkit-radial-gradient(ellipse farthest-corner, #feffe0 0%, #feffe0 50.4%, #10c413 82.2%), -webkit-linear-gradient(77deg, #4b8f3e 18%, #73d373 71%) #9af082;
    background: -moz-radial-gradient(ellipse farthest-corner, #feffe0 0%, #feffe0 50.4%, #10c413 82.2%), -moz-linear-gradient(77deg, #4b8f3e 18%, #73d373 71%) #9af082;
    background: -ms-radial-gradient(ellipse farthest-corner, #feffe0 0%, #feffe0 50.4%, #10c413 82.2%), -ms-linear-gradient(77deg, #4b8f3e 18%, #73d373 71%) #9af082;
    background: -o-radial-gradient(ellipse farthest-corner, #feffe0 0%, #feffe0 50.4%, #10c413 82.2%), -o-linear-gradient(77deg, #4b8f3e 18%, #73d373 71%) #9af082;
    background: radial-gradient(ellipse farthest-corner, #feffe0 0%, #feffe0 50.4%, #10c413 82.2%), linear-gradient(13deg, #4b8f3e 18%, #73d373 71%) #9af082;
    text-align: center;
    letter-spacing: 0.0300em;
}

#t_service-row a:hover,
#t_service-row a:after {
    text-decoration: underline;
    background-color: #c2f1c2;
    background: -webkit-linear-gradient(77deg, #80e275 18%, #c2f1c2 71%) #c2f1c2;
    background: -moz-linear-gradient(77deg, #80e275 18%, #c2f1c2 71%) #c2f1c2;
    background: -ms-linear-gradient(77deg, #80e275 18%, #c2f1c2 71%) #c2f1c2;
    background: -o-linear-gradient(77deg, #80e275 18%, #c2f1c2 71%) #c2f1c2;
    background: linear-gradient(13deg, #80e275 18%, #c2f1c2 71%) #c2f1c2;
    color: #222222;
    font-size: 1.15em;
}

#t_percent a {
    color: #d0213f;
}

#t_eyecatcher {
    width: 510px;
    height: 382px;
    float: right;
}

#t_epic {
    height: 382px;
    width: 510px;
    position: absolute;
    /*background: url(http://www.finca-teneriffa.de/index/files/eyecatcher/733-aussenansicht-index.jpg) left top no-repeat;*/
    opacity: 1;
    border: 1px solid #b4b4b4;
    /*#6c6c6c*/
    -moz-border-radius: 8px;
    /* Safari, Chrome */
    -webkit-border-radius: 8px;
    /* Konqueror */
    -khtml-border-radius: 8px;
    /* CSS3 */
    border-radius: 8px;
    /*border-radius for IE */
    behavior: url(../../index/components/ie_border/border-radius.htc);
}

#t-epic-header_bg {
    height: 200px;
    padding-top: 8px;
    width: 464px;
    margin-left: 27px;
    padding-left: 8px;
    position: absolute;
    background-color: #f0eeee;
    top: 162px;
    opacity: 0.7;
}

#t_epic-header {
    height: 48px;
    width: 456px;
    margin-left: 28px;
    position: absolute;
    top: 163px;
    padding: 3px 8px;
}

#t_epic-header h5 {
    color: #444444;
    font-size: 1.525em;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    position: relative;
    /* float: left; */
    border-bottom-style: none;
    border-bottom-width: 0;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}

#t_epic-header p {
    color: #444444;
    font-size: 1.225em;
}

#t_epic-header a {
    color: #444444;
}

#t_epic-header a:hover {
    text-decoration: underline;
}

#t-epic-desc_bg {
    padding-top: 8px;
    width: 264px;
    margin-left: 223px;
    padding-left: 8px;
    position: absolute;
    background-color: #f0eeee;
    top: 280px;
    opacity: 0.6;
    height: 77px;
}

#t_epic-desc {
    width: 258px;
    margin-left: 223px;
    position: absolute;
    top: 280px;
    padding: 6px 9px 5px 8px;
    height: 76px;
    text-align: left;
    letter-spacing: 0.0350em;
}

#t_epic-desc a {
    color: #444444;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    position: relative;
}

#t_epic-desc a:hover {
    text-decoration: underline;
    font-size: 1.1em;
}

.epic-border {
    border: 1px solid #b4b4b4;
}


/*Buttonbox*/

#m_button {
    width: 945px;
    position: relative;
    float: left;
    padding-top: 3px;
    margin-top: 13px;
}

#m_button ul li {
    display: inline;
}

#b-side {
    width: 208px;
    position: relative;
    float: left;
    z-index: 70;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    height: 177px;
    text-align: center;
    /* CSS3 */
    border-radius: 3px;
    /* Firefox */
    -moz-border-radius: 3px;
    /* Safari, Chrome */
    -webkit-border-radius: 3px;
    /* Konqueror */
    -khtml-border-radius: 3px;
    /*Boxshadow*/
    -webkit-box-shadow: 4px 3px 3px #c0b996;
    /* webkit browser*/
    -moz-box-shadow: 4px 3px 3px #c0b996;
    /* firefox */
    box-shadow: 4px 3px 3px #c0b996;
}

#b-article {
    width: 730px;
    height: 177px;
    position: relative;
    float: left;
}


/*Button*/

#b_side {
    width: 200px;
    display: inline-block;
    position: relative;
    float: left;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    text-align: left;
    margin-left: 7px;
    margin-right: 3px;
    height: 200px;
}


/*
Button-Navigation
2013-08-29
   ------------------------------------------------------------------------------------ */

#button_nav {
    width: 947px;
    position: relative;
    padding-top: 10px;
    clear: both;
    display: inline-block;
    position: relative;
    margin-top: 5px;
}

#bn-row {}

.bn-c_left,
.bn-c_centerleft,
.bn-c_center,
.bn-c_centerright,
.bn-c_right {
    display: block;
    position: relative;
    float: left;
}

.bn-c_left {
    margin-left: 5px;
    padding-left: 3px;
}

.bn-c_centerleft {
    margin-left: 2px;
    padding-left: 9px;
    margin-right: 3px;
}

.bn-c_center,
.bn-c_centerright,
.bn-c_right {
    position: relative;
    margin-right: 3px;
    margin-left: 2px;
}

.bn-space_cleft {
    height: 7px;
    margin-top: 1px;
    margin-bottom: 1px;
    position: relative;
}

.bn-space_tbleft {
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.bn-space_cright {
    height: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.bn-space_bottom {
    height: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.bn-space_gbottom {
    height: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

#bn-left_top,
#bn-left_ctop,
#bn-left_cbottom,
#bn-left_bottom {
    width: 200px;
    display: block;
    position: relative;
    height: 32px;
}

#bn-centerleft_top,
#bn-center_top,
#bn-centerright_top,
#bn-right_top,
#bn-centerleft_bottom,
#bn-center_bottom,
#bn-centerright_bottom,
#bn-right_bottom {
    width: 176px;
    display: block;
    position: relative;
    height: 72px;
}

#bn-left_top a,
#bn-left_ctop a,
#bn-left_cbottom a,
#bn-left_bottom a {
    padding: 2px 3px;
    border: 1px inset #95f6f2;
    /*Boxshadow*/
    -webkit-box-shadow: 4px 3px 3px #c0b996;
    /* webkit browser*/
    -moz-box-shadow: 4px 3px 3px #c0b996;
    /* firefox */
    box-shadow: 4px 3px 3px #c0b996;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 1.025em;
    letter-spacing: 0.0250em;
    width: 197px;
    margin-top: 4px;
    margin-bottom: 6px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
}

#bn-left_top a,
#bn-left_ctop a {
    background-color: #83ecf0;
    background: -webkit-radial-gradient(ellipse farthest-corner, #95f6f2 2.3%, #83ecf0 34.2%, #10afe9 71.7%, #10afe9 95.4%) #83ecf0;
    background: -moz-radial-gradient(ellipse farthest-corner, #95f6f2 2.3%, #83ecf0 34.2%, #10afe9 71.7%, #10afe9 95.4%) #83ecf0;
    background: -ms-radial-gradient(ellipse farthest-corner, #95f6f2 2.3%, #83ecf0 34.2%, #10afe9 71.7%, #10afe9 95.4%) #83ecf0;
    background: radial-gradient(ellipse farthest-corner, #95f6f2 2.3%, #83ecf0 34.2%, #10afe9 71.7%, #10afe9 95.4%) #83ecf0;
    text-shadow: 0 0 1px #b9d8fd;
    color: #063f82;
}

#bn-left_cbottom a,
#bn-left_bottom a {
    background-color: #9af082;
    background: -webkit-radial-gradient(ellipse farthest-corner, #c9fcd1 2.3%, #9af082 34.2%, #10e92b 71.7%, #10c413 95.4%) #9af082;
    background: -moz-radial-gradient(ellipse farthest-corner, #c9fcd1 2.3%, #9af082 34.2%, #10e92b 71.7%, #10c413 95.4%) #9af082;
    background: -ms-radial-gradient(ellipse farthest-corner, #c9fcd1 2.3%, #9af082 34.2%, #10e92b 71.7%, #10c413 95.4%) #9af082;
    background: radial-gradient(ellipse farthest-corner, #c9fcd1 2.3%, #9af082 34.2%, #10e92b 71.7%, #10c413 95.4%) #9af082;
    text-shadow: 0 0 1px #c9fcd1;
    color: #15581f;
}

#bn-left_top a:hover,
#bn-left_ctop a:hover,
#bn-left_cbottom a:hover,
#bn-left_bottom a:hover {
    font-size: 1.1em;
    text-decoration: underline;
    border: 1px outset #0686b0;
    color: #222;
    font-weight: normal;
    font-style: normal;
}

#bn-left_top a:hover,
#bn-left_ctop a:hover {
    background-color: #bceff1;
    background: -webkit-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: -moz-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: -ms-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    text-shadow: 0 0 1px #b9d8fd;
    color: #063f82;
}

#bn-left_cbottom a:hover,
#bn-left_bottom a:hover {
    background-color: #c2f1c2;
    background: -webkit-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    background: -moz-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    background: -ms-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    background: radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    font-size: 1.1em;
    text-shadow: 0 0 1px #c9fcd1;
    color: #15581f;
}

#bn-centerleft_top a,
#bn-center_top a,
#bn-centerright_top a,
#bn-right_top a,
#bn-centerleft_bottom a,
#bn-center_bottom a,
#bn-centerright_bottom a,
#bn-right_bottom a {
    width: 171px;
    position: absolute;
    text-decoration: none;
    padding-top: 28px;
    text-align: center;
    letter-spacing: 0.0650em;
    line-height: 1.12em;
    border: 1px inset #95f6f2;
    /*
	text-shadow: 0 0 1px #95f6f2;
	color: #4a4848;*/
    font-size: 1.025em;
    font-weight: bold;
    height: 40px;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 2px;
}

#bn-centerleft_top a,
#bn-center_top a,
#bn-centerright_top a,
#bn-right_top a {
    background-color: #83ecf0;
    background: -webkit-radial-gradient(ellipse farthest-corner, #95f6f2 2%, #83ecf0 30.8%, #60d8e9 58.2%, #38c2e1 74.9%, #15b6eb 90%) #95f6f2;
    background: -moz-radial-gradient(ellipse farthest-corner, #95f6f2 2%, #83ecf0 30.8%, #60d8e9 58.2%, #38c2e1 74.9%, #15b6eb 90%) #95f6f2;
    background: -ms-radial-gradient(ellipse farthest-corner, #95f6f2 2%, #83ecf0 30.8%, #60d8e9 58.2%, #38c2e1 74.9%, #15b6eb 90%) #95f6f2;
    background: radial-gradient(ellipse farthest-corner, #95f6f2 2%, #83ecf0 30.8%, #60d8e9 58.2%, #38c2e1 74.9%, #15b6eb 90%) #95f6f2;
    text-shadow: 0 0 1px #b9d8fd;
    color: #063f82;
}

#bn-centerleft_bottom a,
#bn-center_bottom a,
#bn-centerright_bottom a,
#bn-right_bottom a {
    background-color: #9af082;
    background: -webkit-radial-gradient(ellipse farthest-corner, #9af694 2%, #82f089 30.8%, #60e88f 58.2%, #38e149 74.9%, #05d041 90%) #60e88f;
    background: -moz-radial-gradient(ellipse farthest-corner, #9af694 2%, #82f089 30.8%, #60e88f 58.2%, #38e149 74.9%, #05d041 90%) #60e88f;
    background: -ms-radial-gradient(ellipse farthest-corner, #9af694 2%, #82f089 30.8%, #60e88f 58.2%, #38e149 74.9%, #05d041 90%) #60e88f;
    background: radial-gradient(ellipse farthest-corner, #9af694 2%, #82f089 30.8%, #60e88f 58.2%, #38e149 74.9%, #05d041 90%) #60e88f;
    text-shadow: 0 0 1px #c9fcd1;
    color: #15581f;
}

#bn-centerleft_top a:hover,
#bn-center_top a:hover,
#bn-centerright_top a:hover,
#bn-right_top a:hover,
#bn-centerleft_bottom a:hover,
#bn-center_bottom a:hover,
#bn-centerright_bottom a:hover,
#bn-right_bottom a:hover {
    font-size: 1.150em;
    text-decoration: underline;
    border: 1px outset #0686b0;
    text-shadow: 0 0 1px #95f6f2;
    color: #222;
    font-weight: normal;
    font-style: normal;
}

#bn-centerleft_top a:hover,
#bn-center_top a:hover,
#bn-centerright_top a:hover,
#bn-right_top a:hover {
    background-color: #bceff1;
    background: -webkit-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: -moz-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: -ms-radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    background: radial-gradient(ellipse farthest-corner, #a4e4e1 2%, #bceff1 30.8%, #95e5f0 58.2%, #82e1f6 74.9%, #90def8 90%) #bceff1;
    text-shadow: 0 0 1px #b9d8fd;
    color: #063f82;
}

#bn-centerleft_bottom a:hover,
#bn-center_bottom a:hover,
#bn-centerright_bottom a:hover,
#bn-right_bottom a:hover {
    background-color: #c2f1c2;
    background: -webkit-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    background: -moz-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb2;
    background: -ms-radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    background: radial-gradient(ellipse farthest-corner, #ade4a4 2%, #c9f1bb 30.8%, #b7f094 58.2%, #97f682 74.9%, #8ff8a0 90%) #c9f1bb;
    text-shadow: 0 0 1px #c9fcd1;
    color: #15581f;
}

#bn-centerleft_top_desc,
#bn-center_top_desc,
#bn-centerright_top_desc,
#bn-right_top_desc,
#bn-centerleft_bottom_desc,
#bn-center_bottom_desc,
#bn-centerright_bottom_desc,
#bn-right_bottom_desc {
    height: 30px;
    position: absolute;
    font-size: 0.975em;
    line-height: 20px;
    margin-left: 8px;
    top: 0;
    text-align: left;
    padding-left: 3px;
    z-index: 95;
    margin-top: 6px;
}

#bn-centerleft_top_desc,
#bn-center_top_desc,
#bn-centerright_top_desc,
#bn-right_top_desc {
    text-shadow: 0 0 1px #b9d8fd;
    color: #063f82;
}

#bn-centerleft_bottom_desc,
#bn-center_bottom_desc,
#bn-centerright_bottom_desc,
#bn-right_bottom_desc {
    text-shadow: 0 0 1px #c9fcd1;
    color: #15581f;
}

.t-shadow {
    /*Boxshadow*/
    -webkit-box-shadow: 6px 2px 8px #c0b996;
    /* webkit browser*/
    -moz-box-shadow: 6px 2px 8px #c0b996;
    /* firefox */
    box-shadow: 6px 2px 8px #c0b996;
    /* Firefox */
}