/* Jack Kulcke Photography Dortmund */
/* Jack Kulcke main CSS */
/* build : 1.0 */
/*
Theme Name: JK : screen
Theme URI: http://
Description: stylesheet of Jack Kulcke
Customer: Zahnarzt / Zahnaerzte in Raesfeld
Author: sebastian lasse
Author URI: http://sebastianlasse.de/

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
? sebastian lasse

Recommended Browsers by the author: Safari, Firefox, Flock
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
@import url('http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/resources/dnd.css');

* {outline: none !important;}

/* RESET BROWSERS*/
html{color:#000;}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;}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:#666;}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%;}iframe html{background:#E5EEF4;}
@media all{body,html{margin:0;padding:0;outline: none !important;}}

html,body {
	height: 100%;
	overflow:hidden;
	vertical-align:middle;
	background: #000 url(../../layout/img/jkbg.gif) repeat;
}
body {
    font-size:100.01%;
    line-height:120%;
	width:100%;
	height:100%;
	min-height:426px;
	z-index:0;
	background: #FFFFFF url(../../layout/img/bg_site.png) right 24px no-repeat;
	overflow:hidden;
	font-family:"Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#AGB{ display:none; }
#ilike{ 
	border: none;
	overflow: hidden;
	width: 140px;
	height: 80px;
	position: absolute;
	right: 0px;
	bottom: -42px;
	z-index: 999999999;
}

h1 {
	color:#424242;
	font-size:52px;
	line-height:52px;
	letter-spacing:5px;
}
#CAPTCHAnode a { text-decoration: none; color:#9DA69D; }
a { text-decoration: none; }
a img {border: none;}
html body a:hover {cursor:pointer;}
label{font-size:88%;}
p,b,label{color:#FFFFFF;}
.bw>div{ width:84%; max-width:960px; margin:0 auto; padding:32px; background:white; }
.bw p,b,label{color:#000;}
b { letter-spacing:1px; }
form{margin:0 16px 16px 16px;}
.dijitInputField {font-family:"Myriad Pro", Myriad, "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif !important;}

#jkSite {
	position:fixed;
	width:100%;
	height:100%;
	background: #FFFFFF url(../../layout/img/bg_site.png) right 24px no-repeat;
}
.blind{ position:absolute; top:-9000px; width:1px; height:1px; visibility:hidden; overflow:hidden; opacity:0; float:left; }
#overlay { background:#fff; color:#000000; width:100%; height:100%; position:absolute; top:0; left:0; z-index:7; opacity:1 !important;
			text-align:center; vertical-align:middle; }
#overlaytext { text-align:center; font-size:4em; line-height:100%; }
.fulltable { width:100%; height:100%; }
#LOGO1node{ position:fixed; bottom:-5px; left:-8px; height:52px; z-index:3; float:left; margin:0 0 2px 16px; text-align:center; vertical-align:middle; }
#LOGO2node{ position:fixed; z-index:5; left:54px; bottom:-4px;}
#LOGO3node{ position:fixed; z-index:5; left:798px; bottom:10px; height:37px; width:100%; background-color:#000000; }
#LOGODUMMYnode{ position:fixed; left:54px; z-index:4; bottom:-4px;}

#NAVInode{ position:relative; margin-left:auto; margin-right:auto; width:100%; height:24px; line-height:16px; font-size:16px; padding-top:8px; overflow:visible; text-align:center;}
#NAVInode span {text-shadow: 1px 1px 2px #404040;}
.nav{ margin:auto; }
.navi{ color:#000; }

.PHOTO{ width:auto; height:100%; }
#caption{ display:none; width:20px; height:20px; position:absolute; right:-32px; bottom:78px; z-index:999; background-color:#323232; background:transparent url(../../layout/img/spread.png) -115px top no-repeat; }
#caption:hover{ cursor:pointer; }
#IMGnode{ width:3px;height:2px;background-color:transparent;text-align:left;position:relative;margin-left:auto;margin-right:auto; }
#THUMBNAILSOUTERnode{ position:absolute; bottom:0px; width:100%; height:64px; overflow:hidden; }
#THUMBNAILSnode{ width:8000px; height:64px; position:relative; left:0px; top:0px; }
.THUMBNAIL{ float:left; width:auto; height:100%; margin-right:16px; }
.THUMBNAIL:hover {cursor:pointer;}
.rewind{ float:left; width:96px; height:100%; margin-left:8px; background:transparent url(../../layout/img/spread.png) left top no-repeat; }
.rewind:hover {cursor:pointer;}
#COPYRIGHTnode { position:fixed; left:0px; top:0px; width:1px; height:1px; z-index:6; vertical-align:middle; text-align:center; }
#copyright { font:4em/400% Georgia, "Times New Roman", Times, serif; vertical-align:middle; color:#292929;  }
.colorclass{width:48px; height:48px; float:left;}
.clearcolor{width:48px; height:4px; clear:left;}
 
#TEXTnode {
	font-size: 0.75em;
	position:absolute;
	left:320px;
	width:320px;
	height:100%;
	background-color:#000000;
	float:left;
	z-index:9;
}
#TEXTnode div{ margin:16px; }
#KONTAKTnode {
	position:absolute;
	width:320px;
	height:100%;
	padding-top: 16px;
	background-color:#000000;
	float:left;
	z-index:9;
}
#KONTAKTnode input { margin:4px; }
.KONTAKTINPUT h2, p.feedback { color:white; }

.close{
	width: 16px;
	height: 16px;
	background: white;
	top: 0px;
	position: absolute;
	right: 0px;
	text-align: center;
	font-size: 12px;
}
.agbheadline,.agbtext { color:#FFFFFF; max-width:540px !important; }
.printAGB { position: absolute; color: white; right: 16px; text-decoration: underline; }
.iMessage { margin:8px 0 16px 1px !important; width:280px;}
.CAPTCHA { float:left; }
.dojoxScrollWindow {
	position:relative;
	overflow:hidden;
}

.dojoxScrollHelper .helperInner {
	visibility: hidden;
}

.dojoxScrollHelper {
	border:1px solid #b7b7b7;
	width:4px;
	background:#ededed;
	height:4px;
	position:absolute;
	top:4px;
	left:4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.dojoxScrollWrapper {
}

#LOGO3node .dijitSlider{height:35px !important; }
#LOGO3node .dijitSliderButtonContainerH{ height:37px !important; }
#LOGO3node .dijitSliderBarContainerH{ height:38px !important; }
#LOGO3node .dijitSliderBarH{ height:37px !important; background-image:none !important; }
.dijitSliderImageHandleH{ width:64px !important; height:37px !important; position:relative; left:55px; }
.dijitSliderLeftBumper{ width:24px !important; height:37px !important;  background-image:none !important; }
.dijitSliderRightBumper{ width:4px !important; height:37px !important; background: #424242 !important; }

#countIs{ position:relative; left:-64px; top:16px; overflow:visible; text-align:right; }
#countAll{ position:relative; left:16px; top:-3px; overflow:visible; text-align:left; }

.tundra .dijitSliderProgressBarH {
	border: none !important;
	background: #c0c2c5;
	overflow:visible;
}

.tundra .dijitSliderProgressBarV {
	border: none !important;
	background: #c0c2c5;
}

.tundra .dijitSliderRemainingBarH {
	border: none !important;
	background: #424242;
}

.tundra .dijitSliderBar {
	border: none !important;
	outline:1px;
}
.tundra .dijitSliderFocused .dijitSliderBar {
	border: none !important;
}

.tundra .dijitSliderImageHandleH {
	border:0px;
	width:16px;
	height:37px;
	background:url("../img/slider/preciseSliderThumb.png") no-repeat left 5px;
}
.tundra .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url("../img/slider/preciseSliderThumbFocus.png");
	#background-image:url("../img/slider/preciseSliderThumbFocus.gif");
}

.tundra .dijitSliderDecrementIconH {
	background-position: -7px 0px;
}
.tundra .dijitSliderIncrementIconH {
	background-position: -14px 0px;
}
.tundra .dijitSliderDecrementIconV {
	background-position: 0px 0px;
}
.tundra .dijitSliderIncrementIconV {
	background-position: -21px 0px;
}

.tundra .dijitSliderButtonInner {
	visibility:hidden;
}

.tundra .dijitSliderReadOnly *,
.tundra .dijitSliderDisabled * {
	border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
	color: #bdbdbd;
}
.tundra .dijitSliderReadOnly .dijitSliderDecrementIconH,
.tundra .dijitSliderDisabled .dijitSliderDecrementIconH {
	background-position: -35px 0px;
}
.tundra .dijitSliderReadOnly .dijitSliderIncrementIconH,
.tundra .dijitSliderDisabled .dijitSliderIncrementIconH {
	background-position: -42px 0px;
}
.tundra .dijitSliderReadOnly .dijitSliderDecrementIconV,
.tundra .dijitSliderDisabled .dijitSliderDecrementIconV {
	background-position: -28px 0px;
}
.tundra .dijitSliderReadOnly .dijitSliderIncrementIconV,
.tundra .dijitSliderDisabled .dijitSliderIncrementIconV {
	background-position: -49px 0px;
}

.tundra .dijitError { background-color:#DDD !important; }



.qq-uploader { 
	position: absolute;
	z-index: 99999999;
	top: 0px;
	left: 0px;
	width:100%;
}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 100%; padding: 8px 0; text-align:center;  
    background:#CC0D5A; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#95CC0D; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#B6FF00;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:8px; line-height:15px; font-size:12px; background:white;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../img/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
.save{
	position: relative;
	z-index: 999999;
	color: #0D7ECC;
	top: -40px;
	width: 100%;
	height: 32px;
	background: #95CC0D;
	text-align: center;
	padding-top: 8px;
}
.save:hover{ cursor:pointer; }