@charset "UTF-8";
/* CSS Document */


@font-face {
  font-family: 'Syncopate-Bold';
  src: url('../fonts/Syncopate-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Syncopate-Regular';
  src: url('../fonts/Syncopate-Regular.ttf') format('truetype');
}



/* CSS Document 
brings-online themes: vcard-contact-no1 - gruen1
*/

body { background:#8CB38C url(../images/shadow.png) top left repeat; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#444;}

h1, h2, h3, h4, h5, ul, form { margin:0; padding:0;}
img { border:none; background-color: none;}
.clear { clear:both;}


#vcard { margin:120px auto; width:700px; padding:10px 20px 0px 30px; text-align:left; position:relative; -moz-border-radius:3px; -moz-box-shadow:8px 8px 7px #666; -webkit-border-radius:3px; -webkit-box-shadow:8px 8px 7px #666; border-radius:3px; box-shadow:8px 8px 7px #666;
background: #ffffff;
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 55%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );}




#vcard img { float:right; margin:0 30px; padding:5px; border: none !important;}

#vcard .headlines { margin:0px 0 15px 10px; padding:20px 0 0 15px;}
#vcard .content { }

h1 { font-family: 'Syncopate-Regular', sans-serif; font-size:36px; line-height:50px; padding:3px 0;  color:#476B47; font-weight:normal;}
h2 { font-size:16px; line-height:1.6em; padding:2px 0 2px 2px; color:#476B47; font-weight:normal;}

#vcard h3 { font-size:14px; line-height:1.8em; margin:20px 0 20px 30px;}
#vcard p {line-height:1.6em; margin:5px 40px 10px 10px; padding:0 0 0 20px; }
#vcard a {color: #476B47; text-decoration:none; border-bottom:1px dotted  #476B47;}
#vcard a:hover {text-decoration:none; border-bottom:1px solid  #476B47; }


#vcard ul { margin:15px 0 15px 30px; padding:0;}
#vcard li { line-height:1.5em; margin:10px 0 25px 0; padding:0; list-style-type:none;}
#vcard li strong { display:block; font-family: 'Syncopate-Bold', sans-serif; font-size:18px; color:#476B47; font-weight:normal; line-height:1em;  }


#vcard .contact { font-size:13px;}
#vcard fieldset { float:right; width:300px; margin:0 25px 0 0; padding:0; border:none;}
#vcard label { width:120px; display:block; margin:4px 0; float:left; clear:left; font-size:11px;}
#vcard input { width:160px; margin:4px 0; border:1px solid #e4e4e4; font-size:11px; padding:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#vcard textarea { width:290px; margin:10px 0 5px 0; border:1px solid #e4e4e4; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#vcard input.submit { float:right; margin:4px 10px 0 0; border:none; width:140px; padding:5px 8px; color:#eee; cursor:pointer;
background: #476b47;
background: -moz-linear-gradient(top, #476b47 0%, #5b8265 37%, #476b47 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#476b47), color-stop(37%,#5b8265), color-stop(100%,#476b47));
background: -webkit-linear-gradient(top, #476b47 0%,#5b8265 37%,#476b47 100%);
background: -o-linear-gradient(top, #476b47 0%,#5b8265 37%,#476b47 100%);
background: -ms-linear-gradient(top, #476b47 0%,#5b8265 37%,#476b47 100%);
background: linear-gradient(top, #476b47 0%,#5b8265 37%,#476b47 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476b47', endColorstr='#476b47',GradientType=0 );}



#vcard .nextpage {font-size:46px; color:#476B47; margin:25px;  width:60px; float:right; cursor:pointer; display:block;}
#vcard .back {font-size:46px; color:#476B47; margin:25px;  width:60px; float:left; cursor:pointer; display:block;}


#vcard .social { margin:20px 0 0 28px;}
#vcard .social a { width:32px; height:32px; display:inline-block; margin:3px; text-decoration:none; border:none;}
#vcard .social a.fb { background:url(../images/facebook.png) center no-repeat;}
a.twitter { background:url(../images/twitter.png) center no-repeat;}
a.google { background:url(../images/google.png) center no-repeat;}
a.xing { background:url(../images/xing.png) center no-repeat;}

.mail-sent { position:fixed; z-index:100; top:20%; left:20%; background:#fff; border:3px solid  #476B47; border-radius:3px; padding:90px 65px; opacity:.95;}

.close-form { text-align:center; border:1px solid #ccc; font-weight:bold; font-size:30px; line-height:1.5em; border-radius:50%; width:1.55em; height:1.5em; position:absolute; top:5px; right:5px; cursor:pointer;
background: #dedede;
background: -moz-linear-gradient(-45deg, #dedede 0%, #ffffff 8%, #dedede 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dedede), color-stop(8%,#ffffff), color-stop(100%,#dedede));
background: -webkit-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: -o-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: -ms-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede',GradientType=1 );}