/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.contenttable {
    width: 100%;
}
.contenttable .td-last {
    text-align: right;
}

html { height:100%;min-height:790px; }
body { height:100%;min-height:830px; }
.hyphenate ul li { padding-left:12px; }
.wrapper { position:relative;width:900px;min-height:830px; }
.logo { position:absolute;top:155px;right:10px; }
.logo a { display:block;width:150px;height:85px; }

.navigation { float:left;width:234px;padding:318px 0 0 37px; }
.navigation li { position:relative;width:112px;float:left;padding:5px 0 0 5px; }
.navigation li .background { position:absolute;z-index:1;width:112px;height:112px;right:0;bottom:0; }
.navigation li .foreground { position:absolute;z-index:2;width:112px;height:112px;right:0;bottom:0; }
.navigation a { position:relative;z-index:3;display:block;width:98px;height:104px;padding:8px 0 0 14px; }

.wrapper h1 { display:block;float:left;width:588px;height:19px;padding:358px 0 14px 41px; }

.area_top, .area_bottom { float:left;width:428px;padding-left:28px; }
.area_top .background_top, .area_top .background_bottom, .area_bottom .background_top, .area_bottom .background_bottom { float:left;width:428px;height:14px; }
.area_top .content, .area_bottom .content { float:left; }

.area_top { padding-bottom:28px; }
.area_top .content { float:left;width:300px;padding:0 114px 0 14px; }
.area_top p { margin:-6px 0 0; }
.area_top ul { margin:0 0 -7px;position:relative; }

.area_bottom { position:relative;z-index:3; }
.area_bottom .inner { float:left;width:400px;padding:0px 14px; }	
.area_bottom .left { float:left;width:112px;padding:0 0 14px;margin:0 0 19px; }
.area_bottom .right { float:left;width:279px;padding:0 0 0 9px; }
.area_bottom h2 { margin-top:-3px;padding-bottom:27px; }
.area_bottom h3 { margin:0 0 12px 5px; }
.area_bottom p { margin:-6px 0px 6px 5px; }
.area_bottom .right ul { margin:-6px 0px 6px 5px; }

.area_bottom  .left .navigation { width:112px;padding:0; }
.area_bottom  .left .navigation li { padding:0;margin: 0 0 5px; }

.kv { position:absolute;z-index:2;width:219px;height:376px;top:349px;right:49px; }

.content .image { position:relative; }
.content .bg_top { position:absolute;height:14px;top:0; }
.content .bg_bottom { position:absolute;height:14px;bottom:0; }
.left .image { float:left;width:112px;height:112px;margin:0 0 5px; }
.right .image { width:274px;height:182px;margin:0 0 10px 5px; }
.left .bg_top, .left .bg_bottom { width:112px; }
.right .bg_top, .right .bg_bottom  { width:274px; }


/* slideshow */
.csc-textpic a {
    float: left;
    cursor: pointer;
}

.slideshow {
    position: relative;
    overflow: hidden;
}

.slideshow div.csc-textpic img {
/*    border: 0;
    position: absolute;
    top: 0;
    left: 0;*/
}

.slideshow a {
    float: none;
}

.slideshow .bg_top,
.slideshow .bg_bottom {
    z-index: 1000;
}

.left .slideshow { 
    float:left;
    width:112px;
    height:112px;
    margin:0 0 5px;
}
.right .slideshow {
    width: 274px;
    height: 274px;
    margin: 0 0 10px 5px;
}
/* slideshow end */        

.imprint { float:left;width:102px;height:24px;padding:4px 0px 28px 24px; }

.contact_form { display:inline;float:left;margin:14px 0 0 5px; }
.contact_form input { float:left;width:266px;height:15px;border:0px;padding:4px 4px;margin:0 0 10px;outline: none; }
.contact_form label { float:left;display:block;margin:0 0 4px; }
.contact_form textarea { float:left;width:266px;height:67px;border:0px;padding:4px 4px;resize:none;outline: none; }
.contact_form button.submit { width:88px;padding:0;height:28px;margin:5px 0 0 186px;cursor: pointer;border:0; }

#twinsite { position:absolute;right:4px;bottom:2px; }


.gallery .jqfancybox { float:left;width:88px;height:59px;margin:0 0 5px 5px;text-align:center; overflow: hidden;border-radius:15px; }
.gallery .jqfancybox img { width:88px; }



/*         ____________
__________/ Guest book \______________________________________________________________
--------------------------------------------------------------------------------------- */
.area_bottom .tx-veguestbook-pi1 p {
    margin: 0;
}
.tx-veguestbook-pi1 {
    display: inline;
    float: left;
    margin: 0 0 0 5px;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header {
    background: inherit;
    color: inherit;
    padding: 0;
    width: auto;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
    width: auto;
    background: inherit;
    padding: 0;
}
.tx-veguestbook-pi1 .tx-guestbook-result {
    padding: 0;
}
.tx-veguestbook-pi1 .tx-guestbook-pagination {
    font-size:100%;
    font-weight:normal;
}
.tx-veguestbook-pi1 .tx-guestbook-pagination a, .tx-veguestbook-pi1 .tx-guestbook-pagination strong {
    padding: 2px;
}
.tx-veguestbook-pi1 .tx-guestbook-clear {
    clear: both;
    display: block;
}
.tx-veguestbook-pi1 h2.tx-guestbook-header {
    font-weight: bold;
    padding: 0;
    width: 274px;
    height: 20px;
    line-height: 20px;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
    background: none;
    min-height: inherit;
    height: auto;
    padding: 0;
    width: 274px;
}
.tx-veguestbook-pi1 .tx-guestbook-form-errors ul {
    padding: 0 0 15px;
}
.tx-veguestbook-pi1 .tx-guestbook-latest p, .tx-veguestbook-pi1 .tx-guestbook-right p {
    color: inherit;
}
.tx-veguestbook-pi1 .tx-guestbook-field label {
    float:left;
    display:block;
    margin:0 0 4px;
    width: 274px;
}
.tx-veguestbook-pi1 .tx-guestbook-field {
    width: 180px;
    padding: 0;
}
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    float:left;
    width:266px;
    height:15px;
    border:0px;
    padding:4px 4px;
    margin:0 0 10px;
    outline: none;
}
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
    float:left;
    width:266px;
    height:67px;
    border:0px;
    padding:4px 4px;
    margin:0 0 10px;
    resize:none;
    outline: none;
}
.tx-veguestbook-pi1 img.tx-srfreecap-pi2-image {
    margin:0 0 10px;
    width: 274px;
}
.tx-veguestbook-pi1 .tx-guestbook-field label input.tx-guestbook-form-inputfield-med {
    margin: 10px 0;
}
.tx-veguestbook-pi1 .tx-srfreecap-pi2-cant-read {
    font-size: .9em;
    color: inherit;
}
.tx-veguestbook-pi1 button.tx-guestbook-submit {
    width:88px;
    padding:0;
    height:28px;
    margin:10px 0 0 186px;
    border:0px;
    cursor: pointer;
}




html { background:url(../images_hairdesign-visage.de/bg_html.png) repeat-x #1c1c1c; }
body { background:url(../images_hairdesign-visage.de/bg_body.png) no-repeat;font-family:tahoma;font-size:11px;line-height:19px;color:#b5b5b5; }
a { color:#b5b5b5;text-decoration:underline; }
a:hover { text-decoration:none; }
a:active, a:focus { outline:none; }
em { font-style:italic; }
strong { font-weight:bold; }
.hyphenate ul li{ background:url(../images_hairdesign-visage.de/bg_list_bullet.png) no-repeat 1px 7px; }
p { text-align:left; }

.wrapper { width:1000px;background:url(../images_hairdesign-visage.de/bg_wrapper.jpg) no-repeat; }
	.logo { top:115px;right:116px; }
	.logo a { width:119px;height:147px;background:url(../images_hairdesign-visage.de/logo.png) no-repeat; }
	
	.navigation li .background { background:url(../images_hairdesign-visage.de/bg_navigation_inactive-trans.png) no-repeat; }
	.navigation li .foreground { background:url(../images_hairdesign-visage.de/bg_navigation_active-trans.png) no-repeat; }
	.navigation .active .background { background:url(../images_hairdesign-visage.de/bg_navigation_active-trans.png) no-repeat; }
	.navigation a { line-height:16px;text-tranhsform:uppercase;text-decoration:none;color:#3a3a3a; }
	.navigation .active a { color:#fefefe; }
	
.wrapper h1 { font-size:24px;color:#f3f3f3; }

	.area_top .background_top, .area_bottom .background_top { background:url(../images_hairdesign-visage.de/bg_content_top-trans.png); }
	.area_top .background_bottom { background:url(../images_hairdesign-visage.de/bg_content_bottom_v1-trans.png); }
	.area_bottom .background_bottom { background:url(../images_hairdesign-visage.de/bg_content_bottom_v2-trans.png); }
	.area_top .content, .area_bottom .inner { background:url(../images_hairdesign-visage.de/bg_content-trans.png); }
	
	.area_bottom .inner h2{ font-size:14px;line-height:14px; }
	.area_bottom h3 { font-size:14px;line-height:16px; }
	.area_bottom .content { background:url(../images_hairdesign-visage.de/bg_content_repeat.png) repeat-y; }
	.area_bottom .left { background:url(../images_hairdesign-visage.de/bg_content_left.png) #0d0d0d bottom no-repeat; }
	
	.left .bg_top { background:url(../images_hairdesign-visage.de/image_small_mask_top-trans.png); }
	.left .bg_bottom { background:url(../images_hairdesign-visage.de/image_small_mask_bottom-trans.png); }
	.right .bg_top { background:url(../images_hairdesign-visage.de/image_large_mask_top-trans.png); }
	.right .bg_bottom { background:url(../images_hairdesign-visage.de/image_large_mask_bottom-trans.png); }
	
	.imprint { background:url(../images_hairdesign-visage.de/bg_imprint.png) no-repeat; }
	.imprint a { color:#686868;text-decoration:none; }
	.imprint a:hover { text-decoration:underline; }
	
	.kv { right:149px;background:url(../images_hairdesign-visage.de/bg_kv-trans.png); }
	
	.contact_form label { line-height:11px; }
	.contact_form input { color:#3a3a3a;background:url(../images_hairdesign-visage.de/bg_contact_input.png); }
	.contact_form input.error { background:url(../images_hairdesign-visage.de/bg_contact_input_error.png); }
	.contact_form textarea { color:#3a3a3a;background:url(../images_hairdesign-visage.de/bg_contact_textarea.png); }
	.contact_form button.submit { text-indent:-999em;background:url(../images_hairdesign-visage.de/bg_contact_button_send.png); }
	
#twinsite { color:#686868;text-decoration:none; }
#twinsite:hover { text-decoration:underline; }



/*         ____________
__________/ Guest book \______________________________________________________________
--------------------------------------------------------------------------------------- */
.tx-veguestbook-pi1 .tx-guestbook-field label {
    line-height:11px;
}
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    color:#3a3a3a;
    background:url(../images_hairdesign-visage.de/bg_contact_input.png);
}
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
    color:#3a3a3a;
    background:url(../images_hairdesign-visage.de/bg_contact_textarea.png);
}
.tx-veguestbook-pi1 button.tx-guestbook-submit {
    text-indent:-999em;
    background:url(../images_hairdesign-visage.de/bg_contact_button_send.png);
}