/*
CRACK CSS v9
www.plue.me/crack
MIT License
*/

/* @group Reset and Base */

*{border:0;font:inherit;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
section,article,aside,figure,figcaption,header,footer,hgroup,nav,audio,video,source,details,mark{display:block}
html{-webkit-font-smoothing:antialiased}pre,code{font-family:monospace,courier;font-size:90%;line-height:1.1}
table{border-collapse:collapse;border-spacing:0}table,img{vertical-align:middle}td,th{text-align:left;font-weight:400}
td,th,input,button,textarea{padding:.3em .4em}input,button,select,textarea{line-height:normal;vertical-align:middle}
textarea{overflow:auto;vertical-align:top;max-width:100%}input[type=submit],input[type=button],button{cursor:pointer}
input[type=checkbox],input[type=radio]{box-sizing:border-box;border:0;vertical-align:inherit;padding:0}
blockquote:before,blockquote:after,q:before,q:after{content:none}a{text-decoration:none}i,em{font-style:italic}
blockquote,q{quotes:none;font-style:italic;margin:1em 30px}b,strong{font-weight:700}del{text-decoration:line-through}
ul{list-style:inside}ol{list-style:decimal}ul ul, ol{padding-left:1.2em}.hide{display:none}
::-moz-selection,::selection{text-shadow:none;background:#ADC9F5}:hover,:focus,:active{outline:0}
.cf{zoom:1}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.clear{display:block;clear:both}

/* @end */


/* @group Global */

html, body, button, input, select, textarea {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color: #333;
}
body {
line-height: 1.4;
background: #FF FF FF;
}

a {
color: #144FAE;
}
a:hover {
color: #000;
}

p {
margin-bottom: 1em;
}

h1, h2, h3, h4 {
font-weight: bold;
margin-bottom: 0.3em;
}
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}

td, th, input, button, select, textarea {
border: 1px solid #ccc;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
border: 1px solid #a5a5a5;
}

input, button, select, textarea {
background: #FF FF FF;
}
input[type=submit]:hover, input[type=button]:hover, button:hover {
background: #e7e6e6;
}

/* @end */


/* @group Layout */
/* 656 679 954 549,display: block; */

#wrap {
	width: 954px;
	height: 549px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto

}

.button {
	position: absolute;
	/*background: rgba(0,0,0,0.5);*/
}

#mail {
	top: 430px;
	height: 22px;
	left: 285px;
	width: 132px;
}
#xing {
	top: 430px;
	height: 22px;
	left: 228px;
	width: 40px;
	
}
#linkedin {
	top: 430px;
	height: 22px;
	left: 136px;
	width: 73px
}

/* @end */


/* @group Mobile */

html {
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%;
text-size-adjust: 100%;
}

@media only screen and (max-width: 954px) {
	#wrap {
		width: 954px;
		height: 549px;
		position: absolute;
		top: 0;
		left: 0px;
		margin: 0;
	}
}

/* @end */


/* @group Print */

@media print {
  * {background:transparent !important; text-shadow:none !important; color:#000 !important}
  h1,h2,h3,h4 {page-break-after:avoid} p {orphans:3; widows:3} a {color:#000 !important; text-decoration:underline}
  thead {display:table-header-group} tr,img,pre,blockquote,q,figure {page-break-inside:avoid}
  @page {margin:1.5cm} body {padding:0; padding-top:1em}
}

/* @end */