/* General Style */

body{
	color:#CBC0AF;
	font-size:12px;
	font-family:  "Georgia", "Times New Roman", serif;
	background-repeat: repeat;
	background-position: left top;
	background-color: #1F1D1B;
	 background-size: 100%;
}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


a{
	color:#000;
	text-decoration:none;
}
.clr{
	clear:both;
}
h1{
	font-size:30px;
	color:#FFF;
	font-family: "Georgia", "Times New Roman";
	text-shadow:1px 1px 1px #000;
	text-align:left;
	font-weight:normal;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
}
h1 span{
	font-size:13px;
	display:block;
	color:#CBC0AF;
	font-family:  "Georgia", "Times New Roman", serif;
}
h2{
	font-size:16px;
	color:#CBC0AF;
	font-family: "Georgia", "Times New Roman", sans-serif;
	margin-bottom:15px;
	font-weight:normal;
}
h5{
	font-size:14px;
	color:#CBC0AF;
	font-family: "Georgia", "Times New Roman", sans-serif;
	text-shadow:1px 1px 1px #000;
	text-align:center;
	padding:7px;
	background:url(../images/tile-light.png);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: inset 0 0 5px #111;
	-webkit-box-shadow: inset 0 0 5px #111;
	box-shadow: inner 0 0 5px #111;
	text-shadow: #000 2px 2px 2px;
}
p{
	font-size: 15px;
	font-family:  "Georgia", "Times New Roman", sans-serif;
	line-height:19px;
}
.center{
	text-align:center;
	color: #E8E8E8;
}

/* Footer boxes */

.footer-box{
	float:left;
	width:466px;
	margin-top:30px;
	margin-bottom:20px;
	background:url(../images/tile-light.png);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: inset 0 0 5px #111;
	-webkit-box-shadow: inset 0 0 5px #111;
	box-shadow: inner 0 0 5px #111;
}
.footer-box h2{
	color:#FFF;
	margin-bottom:3px;
}
.footer-box p{
	font-size:14px;
	color:#CBC0AF;
	line-height:25px;
}
#footer-box1{
	height:auto;
}
#footer-box2{
	margin-left:30px;
	overflow:auto;
	width: 900px;
	position: absolute;
	top: 290px;
	height: 500px;
	
}


#footer-box4{
	margin-left:20px;
	overflow:auto;
	width: 900px;
	position: absolute;
	top: 270px;
	height: 180px;
	visibility: visible;
}
#footer-box3 {
	margin-left: 30px;
	height: 111px;
	font-size: 15px;
	width: 400px;
}
.headline {
	position: absolute;
	top: 20px;
	left: 50px;
	font-size: 24px;
	color: #FFF;
}
.dosha {
	height: 150px;
	width: 150px;
	position: absolute;
	bottom: 55px;
	right: 33px;
}
.impressum {
	position: absolute;
	top: 80px;
	left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CBC0AF;
	color: #CBC0AF;
	line-height: 18px;
}

.impressum2 {
	position: absolute;
	left: 420px;
	top: 80px;
	padding-left: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CBC0AF;
	line-height: 18px;
}
.underconstruction {
	position: absolute;
	left: 310px;
	top: 40px;
}
.zurueck {
	height: 15px;
	width: 55px;
	position: absolute;
	right: 22px;
	top: 22px;
	padding: 5px;
}
.zurueck a:link, a:visited {
	color: #CBC0AF;
}
.zurueck a:hover {
	color: #FFF;
}

/* About me */

.about-box{
	float:left;
	width:155px;
	margin-left:20px;
	margin-top:75px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-image: url(../images/Logo/hg.png);
	background-repeat: repeat;
	height: 340px;
	text-align: center;
	border:#cbc0af1px solid;
	box-shadow: 0 0 10px rgba(203, 192, 175, 1);
	-webkit-box-shadow: 0 0 5px rgba(203, 192, 175, 1);
	-moz-box-shadow: 0 0 5px rgba(203, 192, 175, 1);
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.about-image{
	width:152px;
	padding:1px;
	margin-bottom:15px;
	margin-left:2px;
}
.vata {
	padding: 2px;
	width: 168px;
	margin-bottom: 15px;
	margin-left: -20px;
}
#buttons{
	margin-top:18px;
}
.button{
	display:block;
	margin-left:35px;
	float:left;
	width:172px;
	height:22px;
	background-image:url(../images/Logo/hg.png);
	background-repeat:repeat;
	text-align:center;
	font-size:14px;
	padding-top:5px;
	color: #CBC0AF;
}

/* Portfolio */

.portfolio-box{
	float:left;
	width:255px;
	margin-left:35px;
	margin-top:20px;
	padding:10px;
	padding-bottom:5px;
	background-color:#CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.portfolio-text{
	padding:5px;
	background-color:#E8E8E8;
}
.portfolio-text h2{
	margin-bottom:2px;
	margin-top:-5px;
	margin-right:-25px;
	background-color:#333;
	color:#EEE;
	padding:5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: #000 2px 2px 2px;
}
.portfolio-text p{
	margin-top:0px;
	line-height:21px;
	font-size:13px;
}
.portfolio-image{
	float:left;
	width:168px;
	height:90px;
	padding:2px;
	margin-left:-20px;
	margin-right:10px;
	background-color:#FFF;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.overlay{
	position:absolute;
	display:none;
	width:168px;
	height:90px;
}
#slider{
	height:0px;
	background-image:url(../images/loader.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#slider1{
	height:0px;
	background-image:url(../images/loader.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#slider2{
	height:0px;
	background-image:url(../images/loader.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#slider3{
	height:0px;
	background-image:url(../images/loader.gif);
	background-position:left;
	background-repeat:no-repeat;
}



#portfolio-quotes{
	float:left;
	padding:10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-left:35px;
	width:450px;
}

.panel{
}

#panel-nav{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	top: 12px;
	left: 5px;
	padding: 5px;
}	
#panel-nav p{
	float:left;
	margin-right:10px;
}
#panel-nav a{
	float:left;
	display:block;
	width:120px;
	text-align:center;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(../images/Logo/hg.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 11px;
	padding: 7px;
}
.panel1{
}
#panel-nav1{
	padding:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	top: 8px;
	left: 5px;
}	
#panel-nav1 p{
	float:left;
	margin-right:10px;
}
#panel-nav1 a{
	float:left;
	display:block;
	width:120px;
	text-align:center;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(../images/Logo/hg.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 11px;
	padding: 7px;
}


.panel2{
}
#panel-nav2{
	padding:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	top: 8px;
	left: 5px;
}	
#panel-nav2 p{
	float:left;
	margin-right:10px;
}
#panel-nav2 a{
	float:left;
	display:block;
	width:120px;
	text-align:center;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(../images/Logo/hg.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 11px;
	padding: 7px;
}

panel3{
}
#panel-nav3{
	padding:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	top: 8px;
	left: 5px;
}	
#panel-nav3 p{
	float:left;
	margin-right:10px;
}
#panel-nav3 a{
	float:left;
	display:block;
	width:120px;
	text-align:center;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	background-image: url(../images/Logo/hg.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 11px;
	padding: 7px;
}




/* Social */

#vcard{
	float:left;
	width:390px;
	height:350px;
	margin-left:28px;
	margin-top:20px;
	padding:10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.social-image{
	float:left;
	width:168px;
	padding:2px;
	background-color:#FFF;
	margin-bottom:2px;
	margin-right:10px;
	margin-left:-20px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.socia-text{
	float:right;
	font-size: 15px;
	line-height: 18px;
}
#social-items{
	float:left;
	margin-top:20px;
}
#social-items li{
	display:block;
	margin-bottom:21px;
}
#ca-container .ca-wrapper .ca-item.ca-item-8 .ca-content-wrapper .ca-content .contact-box2 {
	width: 290px;
	position: absolute;
	height: 250px;
	left: 53px;
	top: 190px;
}
#map{
	width:271px;
	padding:2px;
	background-color:#FFF;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
#form1{
	margin-left:35px;
	margin-top:35px;
	color: #FFF;
}
.formBox{
	float:left;
	width:180px;
	color: #FFF;
}
#formBox1,#formBox2{
	margin-right:25px;
	color: #FFF;
}
.danke{
	font-size:14px;
	color:#CBC0AF;
	font-family: "Georgia", "Times New Roman", sans-serif;
}
.field{
	border:1px solid #A89C8D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 3px #666;
	-webkit-box-shadow: inset 0 0 3px #666;
	box-shadow: inner 0 0 3px #666;
	padding:8px;
	padding-right:25px;
	font-size:12px;
	color:#232220;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:148px;
	margin-top:3px;
	background-color:#CBC0AF;
}
.area{
	border:1px solid #CBC0AF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 3px #666;
	-webkit-box-shadow: inset 0 0 3px #666;
	box-shadow: inner 0 0 3px #666;
	padding:8px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:170px;
	height:82px;
	margin-top:4px;
	background-color:#CBC0AF;
}
.uebermichtext {
	font-size: 15px;
}
#send{
	border:1px solid #1a1a1a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
	padding:8px;
	font-size:12px;
	color:#FFF;
	width:187px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-color: #333;
}
.error{
	border:1px solid #F00;
}
#name{
	background-image:url(../images/form/user.png);
	background-repeat:no-repeat;
	background-position:right center;
	color: #333;
}
#subject{
	background-image:url(../images/form/library.png);
	background-repeat:no-repeat;
	background-position:right center;
	color: #333;
}
#email{
	background-image:url(../images/form/email.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#formBox3 .formBox > textarea #message .area required  {
	color: #333;
}
.uebermich {
	font-size: 14px;
	line-height: 10px;
}
.contaktformular {
	position: absolute;
	top: 205px;
	left: 20px;
}
.contaktformular iframe {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}

/* Contact */

.contact-box{
	margin-left:50px;
	margin-top:40px;
	width:275px;
	float:left;
}
.contact-form {
	color: #CBC0A7;
	margin-left: 40px;
}
.contact-form input {
	color: #333;
}
#formBox3 #message {
	color: #333;
}
#website{
	background-image:url(../images/form/world.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.danke {
	height: 230px;
	width: 625px;
	padding: 10px;
	background-image: url(%20);
	background-repeat: repeat;
}
h7 {
	font-size: 15px;
}
#formBox1 .lbl {
	color: #FFF;
}
#formBox2 .lbl {
	color: #FFF;
}
#formBox3 .lbl {
	color: #FFF;
}

.ca-content-vata {
	background-repeat: no-repeat;
	height: 469px;
	width: 660px;
}
.ca-content-pitta {
	background-repeat: no-repeat;
	height: 469px;
	width: 660px;
}
.ca-content-kapha {
	background-repeat: no-repeat;
	height: 371px;
	width: 660px;
}
.ca-logo {
	height: 184px;
	width: 380px;
	margin: auto;
}
.inhalt {
	background-color: #39C;
	position: absolute;
	top: 33px;
	left: 250px;
}
.inhaltbild {
	position: absolute;
	top: 33px;
}

.ca-logo a:link {
}
.ca-logo a:visited {
}
#ca-container .ca-wrapper #contactform {
	position: absolute;
	top: 250px;
	left: 50px;
	width: 800px;
}
.danke a:link {
	color: #FFF;
}
.danke a:visited {
}
.danke a:hover {
	color: #CBC0AF;
}
x