@charset "utf-8";

/* 
CSS www.liebkranz.de
written by M.Schwarz 2012
www.jamediaservice.de
*/


/* Basic */
html, body {
	background-color:#FFF;
	padding:0px;
	margin:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	font-size:11px;
	text-align:center;
	width:100%;
	height:100%;
}
body {
	overflow:scroll;
}

/* Layout */


#fontsize {
	position:absolute;
	top:50px;
	right:50px;
	height:30px;
	width:50px;
	font-family:"Montserrat"; 
	color:#000; 
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	text-align: right;
}

#centhold {
	top:0px;
	width:620px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#child  {
	top:0px;
	left:0px;
	width:620px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
}



#logo {
	top:50px;
	left:0px;
	width:620px;
	height:40px;
	position:absolute;
	text-align:center;
}
#logowhite {
	top:50px;
	left:0px;
	width:620px;
	height:40px;
	position:absolute;
	background-color:#FFF;
	z-index:18;
}


#navi {
	top:140px;
	left:0px;
	width:620px;
	height:14px;
	position:absolute;
	text-align:center;
	font-family:"Montserrat"; 
	color:#000; 
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.15em;
}
#naviwhite {
	top:140px;
	left:0px;
	width:620px;
	height:20px;
	position:absolute;
	background-color:#FFF;
	z-index:19;
}


#content {
	top:210px;
	left:0px;
	width:620px;
	height:327px;
	position:absolute;
}

#space50 {
	width:620px;
	height:50px;
	clear:both;
}

#space40 {
	width:620px;
	height:40px;
	clear:both;
}
#space30 {
	width:620px;
	height:30px;
	clear:both;
}

#textleft {
	width:300px;
	float:left;
	margin-right:20px;
}
#textright {
	width:300px;
	float:left;
}

#kunbox {
	width:620px;
	margin-top:30px;
}
#kunbox img {
	width:140px;
	height:140px;
	margin-right:20px;
	float:left;
}
a:hover img {	
	cursor:url(../img/magnify.cur), pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
#newsbox {
	width:620px;
	margin-top:10px;
}
.divider {
	margin: 0 8px;
}
.space10 {
	width:620px;
	height: 10px;
}


#white {
	position:absolute;
	top:0px;
	left:0px;
	width:620px;
	height:200px;
	background-color:#FFF;
	z-index:20;
}
.whitebox {
	position:relative;
	top:-43px;
	left:0px;
	width:620px;
	height:200px;
	background-color:#FFF;
	z-index:20;
}

#kunimgcar {
	width:140px;
	height:160px;
	margin-right:20px;
	float:left;
	text-align:right;
}
#kunimgcar img {
	width:140px;
	height:140px;
}
#kuntext {
	float:left;
	width:460px;
	margin-top:-4px;
}

#textkon1 {
	width:220px;
	float:left;
	margin-right:20px;
}
#textkon2 {
	width:140px;
	float:left;
	margin-right:20px;
}
#textkon3 {
	width:140px;
	float:left;
}
#textbew1 {
	width:300px;
	float:left;
	margin-right:20px;
}
#textbew2 {
	width:300px;
	float:left;
}


/* Elemente */


/* Textformatierung */

#navi a:link, #navi a:visited, #navi a:active { font-family:"Montserrat"; text-decoration:none; color:#9b9b9b; font-size:10px; text-transform:uppercase; letter-spacing:0.15em; }
#navi a:hover { font-family:"Montserrat"; text-decoration:none; color:#000; font-size:10px; text-transform:uppercase; letter-spacing:0.15em; }

a.nl:link, a.nl:visited, a.nl:active { font-family:"Montserrat"; text-decoration:none; color:#9b9b9b; font-size:10px; text-transform:uppercase; letter-spacing:0.15em; }
a.nl:hover { color:#000; }

a:link, a:visited, a:active { text-decoration:none; color:#9b9b9b; font-size:11px; }
a:hover { text-decoration:none; color:#000; font-size:11px; }

a.log { text-decoration:none; color:#9b9b9b; font-size:11px; cursor:pointer; }
a.log:hover img { cursor:pointer; }

a.small:link, a.small:visited, a.small:active { text-decoration:none; color:#9b9b9b; font-size:10px; letter-spacing:0.05em; }
a.small:hover { text-decoration:none; color:#000; font-size:10px; letter-spacing:0.05em;  }


h1 { font-family: "Montserrat", sans-serif; color:#000; font-size:10px; padding:0px; margin:0px; text-transform:uppercase; letter-spacing:0.15em; font-weight:normal; }
p { margin:0px; padding:0px; }

.small9 { color:#000; font-size:9px; letter-spacing:0.05em; }


/*  Mouseover */

a.fosi:link, a.fosi:visited { display:block; background-image:url(../img/liebkranz_galerie_berlin_groesser.gif); width:26px; height:14px; background-repeat:no-repeat; margin-left: 22px; margin-top: 7px; }
a.fosi:hover, a.fosi:active { background-image:url(../img/liebkranz_galerie_berlin_groesser_mo.gif); }

ul.list {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

/****gallery CSS*****/
#large_image_holder{ width:640px; float:left; display:inline; margin-bottom:10px; }
#large_images{ width:640px; height:419px; list-style:none; margin:0px; padding:0px; display:inline; float:left; position:relative; z-index:10;}
#large_images li{ position:absolute; z-index:11; height:419px; overflow:hidden; }
#thumbcar_hold{ width:640px; float:left; border:0px solid 1px; position:relative; z-index:12; }
#thumb_holder{ display:inline; list-style:none; margin:0px; padding:0px; position:relative; }
#thumb_holder li { width:140px; height:94px; display:inline; float:left; margin-right:20px; margin-bottom:20px; position:relative;  }
//*thumbcar { width:140px; height:94px;  float:left; margin-right:20px; margin-bottom:20px;  }*/
.hide{display:none;}
.title{float:left; display:inline; width:300px; }

img.load {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 67px;
	left: 107px;
	background-color: #FFF;
	border: 0;
}
.image_frame {
	position: relative;
	width: 300px;
	height: 169px;
	margin: 0px;
	float: left;
	display: inline;
}

.imagegallery {
    margin: 0px auto;
    width: 300px;
    border: 0px solid #ccc;
    /*clear: both;*/
}

.thumbs {
    float:left;
}

.thumbs a img {
    border:none;
	margin-left:20px;
	margin-bottom:20px;
}

.thumbs a.active, .thumbs a:hover {
    /*outline: none;
	border:none;*/
}

.thumbs a.active img, .thumbs a:hover img {
    /*border:none;*/
}
#prev-next-bar {
	float:left;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
}

a.prenex:link {  color:#000; font-size:11px; text-align:left; font-weight:bold;}
a.prenex:visited {  color:#000; font-size:11px; text-align:left; font-weight:bold;}
a.prenex:hover {  color:#949494; font-size:11px; text-align:left; font-weight:bold;}
a.prenex:active {  color:#000; font-size:11px; text-align:left; font-weight:bold;}

div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10; 
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}
img.lupe {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;               /* Standard style for transparency */
    -moz-opacity: 0;          /* Transparency for older Mozillas */
    filter: alpha(opacity=0);  /* Transparency for IE */
}

ul.items {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.actmouse {
	border:#0FF solid 0px;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right:10px solid #9b9b9b;
	float:left;
	margin-right:5px;
	margin-top:2px;
}

.easy-tooltip-default, .tip-white, .tip-black, .tip-blue, .tip-red, .tip-green, .tip-yellow {
	padding:1px;
	max-width:300px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
	box-shadow: 0 0 7px #ccc;
}
.tip-white {
	color: #000;
	background-color:#fff;
	border: 1px solid #d9d9d9;
	width:150px;
}
.tip-white_en {
	color: #000;
	background-color:#fff;
	border: 1px solid #d9d9d9;
	width:110px;
}


.input_data {
	border:solid #CCCCCC 1px;
	color:#000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;	
	background-color:#FFF;
	display:block;
	padding: 4px;
	width: 280px;
	vertical-align: middle;
}

.sendForm {
	padding:2px;
	border:0px;
	background-color:#FFF;	
	color:#9B9B9B;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	text-decoration:none;
	cursor:pointer;
	border:solid #CCCCCC 1px;
	text-align:center;
}

.sendForm:hover {
	color:#000;	
	background-color:#d9d9d9;
}