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

body { background:#fff 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;}
.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 #999; -webkit-border-radius:3px; -webkit-box-shadow:8px 8px 7px #999; border-radius:3px 3px 3px 3px; box-shadow:8px 8px 7px #999;
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 );}

/* Captcha Begin */
#wrap{
	border:solid #CCCCCC 1px;
	width:180px;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:1px;
	margin-top:3px;
	margin-left:0px;
}

.error{ color:#CC0000; font-size:12px; margin:4px; font-style:italic; width:200px;}

.success{ color:#009900; font-size:12px; margin:4px; font-style:italic; width:200px;}

img#refresh{
	float:left;
	margin-top:30px;
	margin-left:1px;
	cursor:pointer;
}
#msgbox { width:250px; text-align:center; background:#fff; border:3px solid #3F6A8E; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-left:40px; padding:5px 10px; opacity:.75;}

/* Captcha End

#vcard img { float:right; margin:0 30px; padding:5px; background:#eee; border:1px solid #ddd; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999;}
 */
#vcard .headlines { margin:0px 0 15px 10px; padding:20px 0 0 15px;}
#vcard .content { }
:focus { outline: none; }
h1 { font-family: 'Syncopate', sans-serif; font-size:36px; line-height:50px; padding:3px 0; color:#3F6A8E; font-weight:normal;}
h2 { font-size:16px; line-height:1.6em; padding:2px 0 2px 2px; color:#3F6A8E; 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:#3F6A8E; text-decoration:none; border-bottom:1px dotted #3F6A8E;}
#vcard a:hover {border-bottom:1px solid #3F6A8E;}


#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', sans-serif; font-size:18px; color:#3F6A8E; 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 input:focus { border:2px solid #FFCC00;}
#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 textarea:focus { border:2px solid #FFCC00;}
#vcard input.submit { float:left; margin:4px 10px 0 0; border:none; width:140px; padding:5px 8px; color:#eee; cursor:pointer;
background: #416d92;
background: -moz-linear-gradient(top, #416d92 0%, #416d92 35%, #31536e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#416d92), color-stop(35%,#416d92), color-stop(100%,#31536e));
background: -webkit-linear-gradient(top, #416d92 0%,#416d92 35%,#31536e 100%);
background: -o-linear-gradient(top, #416d92 0%,#416d92 35%,#31536e 100%);
background: -ms-linear-gradient(top, #416d92 0%,#416d92 35%,#31536e 100%);
background: linear-gradient(top, #416d92 0%,#416d92 35%,#31536e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416d92', endColorstr='#31536e',GradientType=0 ); }



#vcard .nextpage {font-size:46px; color:#3F6A8E; margin:25px;  width:60px; float:right; cursor:pointer; display:block;}
#vcard .back {font-size:46px; color:#3F6A8E; 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 #3F6A8E; -moz-border-radius:3px; -webkit-border-radius:3px; 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; -moz-border-radius:50%; -webkit-border-radius:50%; 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 );}


.panel {position:fixed; top:5%; left:0;  padding:15px; background:#fff; opacity:.85; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; border:1px solid #eee; }
.panel select { font-size:13px; padding:2px; border:1px solid #dedede; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}