body {
font : 0.8em monotype, lucida, arial, helvetica, sans-serif;
xfont-family:Georgia,"Hiragino Mincho Pro",serif;
background : #fff;
font-size : 14px;
color : #606e7c;
margin : 0 0 0;
padding : 0 0 0;
xbackground-image : url('../img/feldbgnearlywhite.png');
}
ul, li, p, h1, img, div, h1, h2 {
margin : 0;
padding : 0;
}
img {
border : 0;
}
ul {
list-style-type : none;
}
li {
margin : 0 0 5px;
line-height : 15px;
}
a, a:link, a:active, a:visited {
color : #3e7dac;
text-decoration : none;
text-transform : lowercase;
border : none;
}
a:hover {
color : #ff3300;
text-decoration : none;
letter-spacing : 0.05em;
}
.activesite {
text-align : center;
color : #fc3217;
text-decoration : none;
letter-spacing : 0.1em;
}
.activesubsite {
text-align : center;
color : #a3001b;
text-decoration : none;
}
p {
margin : 3px 0 10px;
}
.floatleft {
float : left;
}
.floatRight {
float : right;
}
.clearfloat {
clear : both;
}
h1 {
font-size : 20px;
color : #606e7c;
margin : 0 0 5px 0;
text-transform : lowercase;
letter-spacing : 0.2em;
}
h1.home {
font-size : 20px;
color : #606e7c;
margin : 0 0 5px 0;
text-transform : lowercase;
letter-spacing : 0.4em;
line-height : 25px;
}
h2 {
font-size : 16px;
margin : 50px 0 7px 0;
text-transform : lowercase;
}
h3 {
text-align : center;
font-size : 14px;
color : #ff3300;
letter-spacing : 0.64em;
margin : 0 auto;
padding : 124px 0 0 0;
}
hr {
border-top : 1px dotted #cccccc;
border-bottom : 0;
border-left : 0;
border-right : 0;
}
.latte {
	background:url('../img/fade-butt.png') repeat-x 0px 41px;
	border-bottom:1px solid #555;
	margin-bottom:20px;
}
.content {
xbackground-image : url('../img/bg_content.png');
xbackground-color: rgb(255, 255, 255);
padding : 0 3px 0;
margin : 0 !important ;
margin-top : -4px;
}
.headleft {
float:left;
background : url('../img/joyful_calibration_center_hamburg_1.png') no-repeat 0px 0px;
height:20px;
width:400px;
padding:0px;
margin: 10px 0 20px 0px;
}
.headright {
float:right;
background : url('../img/joyful_calibration_center_hamburg_2.png') no-repeat 0px 0px;
height:20px;
width:336px;
padding:0px;
margin: 10px 0 20px 0px;
}

.head_LOGOcleared {
background : #ed1c24 url('../img/jcc-hamburg_header_strasse_cleared.jpg') no-repeat 0 -60px;
background-repeat : no-repeat;
width : 713px;
height : 52px;
margin : 0 0 30px 0;
padding : 0 100px 0 100px;
}
.head_LOGO {
margin : 0 0 0 645px;
float : left;
position : absolute;
}
.head_LOGO a {
background-image : inherit;
padding : 0;
}
.head_flashbanner {
background : #ed1c24 url('../img/jcc-hamburg_header_strasse_cleared.jpg') no-repeat 0 0;
background-repeat : no-repeat;
width : 914px;
height : 183px;
margin : 0 0 30px 0;
}
.head_LOGOonFlash {
margin : 64px 0 0 744px;
float : left;
position : absolute;
}
.navi {
width : 718px;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
height : 20px;
margin-bottom : 17px;
}
.top_knopf {
width:100%;
height:124px;
background : url('../img/beetop.png') no-repeat 493px 0px;
}
.top_knopf {
margin : 0 0 30px 0;
}
ul.menuliste a, ul.menuliste a:link, ul.menuliste a:active, ul.menuliste a:visited, #right li a, #right li a:link, #right li a:active, #right li a:visited {
color : #606e7c;
text-decoration : none;
border : none;
display : block;
}
ul.menuliste li a:hover, #right li a:hover {
color : #ff3300;
text-decoration : none;
display : block;
}
ul.menuliste {
font-size : 14px;
list-style-type : none;
}
.menuliste li, #right li {
xbackground-color : white;
text-align : left;
padding-left : 4px;
padding-right : 4px;
}
ul.menulistecenter a, ul.menulistecenter a:link, ul.menulistecenter a:active, ul.menulistecenter a:visited {
text-decoration : none;
border : none;
}
ul.menulistecenter a:hover {
text-decoration : none;
color : #ff3300;
}
ul.menulistecenter {
font-size : 14px;
width : 405px;
list-style-type : none;
xxbackground-color : #fff;
margin-bottom : 17px;
}
.menulistecenter li {
text-align : left;
line-height : 21px;
}
#left {
font-size : 14px;
width : 164px;
margin-top : 30px;
margin-right : 80px;
margin-left : 4px;
border-top : 1px dotted #d5d5d5;
}
.leftblock {
margin-bottom : 12px;
font-size : 14px;
}
#center {
margin-left : 0 !important ;
margin-left : -5px;
margin-top : 30px;
margin-right : 0;
width : 425px;
}
.centerblock {
font-size : 14px;
margin-bottom : 25px;
background-color: #fff;
padding:10px;
}
#right {
float : right;
margin-top : 30px;
margin-left : 10px !important ;
margin-left : 6px;
margin-right : 13px;
width : 210px;
border-top : 1px dotted #d5d5d5;
text-transform:lowercase;
}
.rightblock {
text-align : left;
font-size : 14px;
margin-bottom : 11px;
}
.rightblock li a {
display : block;
}
.rightblock h2 {
margin : 2px 0 7px 0;
}
.rightblock p {
	line-height:20px;
}
.teaser {
xbackground-color : #fff;
height : 90px;
margin : 0;
margin-bottom : 35px;
}
.teaser p {
margin : 0;
}
.teaser p.more {
font-weight : bold;
margin : 6px 0;
}
.teaser img {
width : 70px;
margin : 0 5px;
float : right;
}
.popimg {
vertical-align : middle;
}
.kleingedrucktes {
font-size : 10px;
color : #808080;
margin-bottom : 5px;
}
#video, #video2, #video3, #video4 {
border-left: 0px solid #E00013;
}
.thumb a:hover {
text-align : center;
border-bottom : 2px solid #0681e3;
margin : 0;
}
ul.thumb {
width : 405px;
list-style-type : none;
xbackground-color : #fff;
}
.thumb li {
text-align : left;
line-height : 21px;
display : inline;
}
#Layer0 {
margin-top : 10px;
width : 405px;
height : 307px;
visibility : visible;
background-image : url('../img/3d_bee.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer1 {
margin-top : 10px;
width : 405px;
height : 194px;
visibility : hidden;
background-image : url('../img/3d_spielkiste.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer2 {
margin-top : 10px;
width : 405px;
height : 324px;
visibility : hidden;
background-image : url('../img/3d_baumsaegen1.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer3 {
margin-top : 10px;
width : 405px;
height : 272px;
visibility : hidden;
background-image : url('../img/3D_jcc-hh_Moebel_Messe.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer4 {
margin-top : 10px;
width : 405px;
height : 324px;
visibility : hidden;
background-image : url('../img/3d_nathrank.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer5 {
margin-top : 10px;
width : 405px;
height : 222px;
visibility : hidden;
background-image : url('../img/servant.png');
background-repeat : no-repeat;
position : absolute;
}
#Layer6 {
margin-top : 15px;
width : 405px;
height : 340px;
visibility : hidden;
background-image : url('../img/3d_jg.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer7 {
margin-top : 15px;
width : 373px;
height : 360px;
visibility : hidden;
background-image : url('../img/3d_balkony.gif');
background-repeat : no-repeat;
position : absolute;
}
#Layer8 {
margin-top : 15px;
width : 405px;
height : 402px;
visibility : hidden;
background-image : url('../img/Lilie_001_jcc-hamburg_jg.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer9 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/automobil_JGehrlein.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer10 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/3D_jcc-hh_Ohr.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer11 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/3D_jcc-hh_Bett60.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer12 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/3D_jcc-hh_betoncottage.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer13 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/3D_jcc-hh_inuit.jpg');
background-repeat : no-repeat;
position : absolute;
}
#Layer14 {
margin-top : 15px;
width : 405px;
height : 293px;
visibility : hidden;
background-image : url('../img/3d_AllInOneBig.jpg');
background-repeat : no-repeat;
position : absolute;
}

/* nur für Bines Post-It-Link */
#post-it {
	width:289px;
	height:126px;
	position:relative;
	left:55px;
	background:url('../img/post-it.png') no-repeat ;
}
#post-it:link {
	background:url('../img/post-it.png') no-repeat;
}
#post-it:hover {
	background:url('../img/post-it.png') no-repeat 0px -126px;
}