@charset "utf-8";

html{
	background: #161616 url(../images/bg-pattern.png);
}

body {
	color: white;
	background-image: url(../Pictures/Ceramic-art-Hintergrund.png);
	background-repeat: repeat-x;
	background-color: #676767;
	height: 100%;
}

body#inner{
	background: url(../images/inner-bg.png) repeat-x;	
}

a {
	color: #4988d7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3{
	color: #ecdce4;
	margin: 0 0 .75em;
}

h1{
	font-size: 20px;
	color: #EFE9ED;
}

h2{
	font-size: 15px;
	color: #CCCCCC;
}

h3{
	font-size: 12px;
}

strong{
	color: #CCC;
}

.niceBorder img, .niceBorder object{
	vertical-align: bottom;
}

.niceBorder{
	padding: 5px;
	background: #333;
	border: 1px solid #999;
	margin: 0 10px 5px 0px;
}

.niceBorderright{
	padding: 5px;
	background: #666;
	border: 1px solid #333;
	float: right;
	margin: 0 0px 5px 10px;
}

.niceBorderright img, .niceBorderright object{
	vertical-align: bottom;
}

.niceBorderleft{
	padding: 5px;
	background: #666;
	border: 1px solid #333;
	margin: 0 10px 5px 0px;
	float: left;
}

.niceBorderleft img, .niceBorderleft object{
	vertical-align: bottom;
}

#wrapper{
	width: 946px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#inner #wrapper{
	padding-top: 179px;
}

#header{
	position: absolute;
	top: 0px;
	height: 120px;
	width: 100%;
}

#inner #header{
	height: 179px;
}

#logo{
	display: block;
	position: absolute;
	left: 0;
	top: 14px;
	width: 145px;
	height: 122px;
	background-image: url(../../../../Eigene%20Dateien/Webseiten/ceramic%20art/Pictures/LogoBianca004_3_122.png);
	background-repeat: no-repeat;
}

#menu{
	position: absolute;
	top: 110px;
	list-style-type: none;
	padding: 0;
	z-index: 100;
	background-color: #CCC;
	background-image: url(../Pictures/menuebg.png);
	background-repeat: repeat-x;
	margin: 0;
	width: 98%;
	left: 1%;
}

#menu li{
	height: 33px;
	margin: 6px 0 0 0;
	float: left;
	position: relative;
	background: url(../images/menu-left.png) no-repeat 0 -39px;
}


#menu li a{
	color: #231f20;
	text-transform: uppercase;
	padding: 0 6px;
	height: 33px;
	line-height: 33px;
	display: block;
	font-size: 13px;
	cursor: pointer;
	border-right: 1px solid #f6f6f6;
	border-left: 1px solid #c4c4c4;
	background: url(../images/menu-right.png) no-repeat 0 -39px;
}

#menu li.first a{
	border-left: 0;
	padding-left: 7px;
}

#menu li.last a{
	border-right: 0;
	padding-right: 7px;
}

#menu li a:hover{
	text-decoration: none;
}

#menu li:hover{
	height: 39px;
	background-color: #666666;
	margin: 0;
	background-position: 0 0;
	color: #FFF;
}

#menu li:hover a{
	border: 0;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 6px;
	color: #fff;
	background-position: 100% 0;
}

#menu li ul{
	display: none;
	position: absolute;
	z-index: 110;
	left: 0;
	top: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:187px;
}

#menu li:hover ul{
	display: block;
}

#menu li ul li{
	float: none;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: 1.2em;
	background: none repeat scroll 0 0 #CCCCCC;
}

#menu li ul li:hover{
	height: auto;
	background-color: #333333;
	color: #FFF;
}

#menu li:hover ul li a{
	padding: 3px 10px;
	color: #222;
}

#menu li ul li a{
	display: block;
	height: auto;
	font-size: 12px;
	line-height: 1.4em;
    background-image:none;
	text-transform: none;
}

#menu li ul li:last-child a{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}

#menu li ul li a:hover{
	background-color: #333333;
	color: #fff;
}

#topImage{	
	position: absolute;
	top: 198px;
	left: 0;
	width: 665px;
	height: 279px;
}

#topImage img{	
	display: block;
}

#content{
	overflow: hidden;
	padding: 18px 0;
}

#mainColumn{
	width: 664px;
	padding: 12px;
	border: 1px none #1d1d1d;
	float: right;
	color: #FFF;
	margin-top: 220px;
}

#inner #mainColumn{
	width: 628px;
	float: left;
}

#mainColumn p{
	line-height: 1.4em;
	margin: 0 0 1.4em;
}

#mainColumn p.big{
	font-size: 14px;
	color: #ece2e5;
}

#mainColumn p:last-child{
	margin: 0;
}

#sideColumn{
	width: 230px;
	float: left;
}

#inner #sideColumn{
	float: right;
	width: 265px;
}

.sideImage{
	display: block;
	width: 228px;
	height: 192px;
	border: 1px solid #1d1d1d;
	background-repeat: no-repeat;
}

#inner .sideImage{
	width: 260px;
	height: 158px;
}

#sideTreatmentRoom{
	background-image: url(../images/side-treatment-room.jpg);
	margin: 0 0 17px 0;
}

#sidePatientArea{
	background-image: none;
}

#inner #sidePatientArea{
	background-image: url(../images/inner-side-patient-area.jpg);
}

#sideTestimonial{
	width:264px;
	margin: 0 0 17px;
}

#sideSpecialOffers{
	width: 264px;
	height: 51px;
	display: block;
	background: url(../images/special-offers.png);
	margin: 0 0 17px;
}

#sideSpecialOffersSmall{
	width: 224px;
	height: 43px;
	display: block;
	background: url(../images/special-offers-small.png);
	margin: 0 0 17px;
}

#sideVideos{
	width: 264px;
	height: 75px;
	display: block;
	background: url(../images/videos.png);
	margin: 0 0 17px;
}

#contactForm{
	position: absolute;
	top: 198px;
	left: 686px;
	/*text-align: right;*/
	width: 230px;
	height: 222px;
	padding: 57px 17px 0;
	background: url(../images/contact-form-bg.png) no-repeat;
	z-index: 10;
}

#contactForm .buttons{
	text-align: right;
}

#inner #contactForm{
	position: relative;
	left: 0;
	top: 0;
	margin: 0 0 17px 0;
}

#contactForm .niceField{
	width: 224px;
	margin: 0 0 10px 0;
	padding: 1px 2px;
}

#contactForm .submit{
	width: 72px;
	height: 10px;
	border: none;
	cursor: pointer;
	background: url(../images/contact-submit.png) no-repeat;
}

#contactForm label {
	display: none;
}

#contactForm input,
#contactForm textarea {
	width: 220px;
}

#contactForm .submit {
	text-indent: 120%;
}

#footer{
	font-size: 11px;
	border-top: 1px solid #2f2d2d;
	padding: 15px 0;
	margin: 0 auto;
	overflow: hidden;
}

#footer a{
	color: #e5dadf;
	text-decoration: none;
}

#footer a:hover{
	color: #fff;
	text-decoration: underline;
}

.container {
cursor:pointer;
height:279px;
overflow:hidden;
position:relative;
width:665px;
top:198px;
}
#rotator{
	position: absolute;
	z-index: 100;
}
.container {
	width: 500px;
	height: 250px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 350px;
	top: -35px;
}
 .slides { position:absolute; top:0; left:0; }
.slides > div { position:absolute; top:0; width:665px; display:none; }

/*gallery*/
#gallery p{
	font-size:14px;
	margin:0px;
	padding:0px;
}
.gallery{
	width:500px;
}
.niceBorderGallery{
	padding: 5px;
	background: #f1f1f1;
	border: 1px solid #d6d7da;
	margin: 0 10px 5px 0px;
	
}

.gallery strong{
	color:black;
}

.panel-content{
	height:auto;
}

.galleryPanel{
	width:500px;
 	overflow:auto;
	margin:0 auto;
	padding:20px 0 20px 0;
}

.galleryPanel strong{
	color:black;
}

.galleryText{
	color:#333;
	width:500px;
	padding:0px;
	margin:0px;
	overflow:auto;
}

.galleryText strong{
	color:black;
}
.links-page a{
	font-size:18px;
}

.offer{
	width: 248px;
	height: 163px;
	float: left;
	padding: 10px;
	margin-top: 7px;
	font-size: 15px;
	color: white;
	line-height: 1.4em;
	background: url(../images/offer-bg.png) no-repeat;
}

.offer h2{
	height: 64px;
	line-height: 64px;
	font-size: 17px;
	padding-left: 40px;
	position: relative;
	margin-bottom: 10px;
}

.offer h2 span{
	position: absolute;
	left: 0;
	line-height: 64px;
	font-size: 64px;
	letter-spacing: -4px;
	top: -2px;
}

.offerLeft{
	margin-right: 7px;
}
.floatleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.clear{
	clear:both;
}
.galleryPanel .floatRight table{
	padding:0px;
	margin-top:-5px;
}