/* 00: Framework */

html {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;

box-sizing: border-box;
margin: 0;
padding: 0;
}

#wrapper{
width:100%;
margin-left:auto;
margin-right:auto;
}

.content-wrapper{
max-width:1200px;
width:90%;
margin-left:auto;
margin-right:auto;
}

section, footer, p{
margin: 2em 0em;
overflow-x: hidden;
}


/* 00: Typografie */

h1, h2, h3, h4, h5, h6, p, ul, li{
font-family: Verdana,sans-serif;
font-style: normal;
}

h1 {
color: #333;

font-size: 2em;
line-height: 2em;
}


h2 {
color: #cccccc;
text-transform: uppercase;
font-size: 1.3em;
line-height: 1.5em;
}

h3{
font-size: 1.3em;
font-weight: 600;
line-height: 1.5em;
}


p, ul, li{
font-size: 1em;
line-height: 1.75em;
}


hr{
margin-top: 30px;
width: 25%;
max-width: 220px;

border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}





/*--------------------------------*/
/* Header */
.HomeLink{
display: block;
position: absolute;
z-index: 1000;
left: 0;
top: 0;
width: 60px;
line-height: 60px;
background-color: #57a2b3;
color: #fff;
font-family: Verdana,sans-serif;
font-size: 18px;
font-weight: 600;
text-align: center;
text-decoration: none;
}

.header{
height: 100px;
padding-left: 60px;
padding-right: 20px;
padding-top: 15px;
width: 100%;
max-width: none;
position: relative;
z-index: 800;
display: block;
}

.header-item{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
color: #57a2b3;
font-family: Verdana,sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
line-height: 0px;
text-transform: capitalize!important;
}


/*--------------------------------*/
/* Intro */

a.test{
color: #57a2b3;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid;
}


a.test:hover {
border-bottom: 1px solid;     
background: #eeeeee;
}

section, footer{
	padding: 25px 0px;
}




/*--------------------------------*/
/* Credits */

.credits{
font-size: 0.8em;
line-height: 1.6em;	
text-align: center;
}

.credits a {
color: #57a2b3;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid;
}

.credits a:hover {
border-bottom: 1px solid;     
background: #eeeeee;
}


/*--------------------------------*/
/* Social Media */

.socialmedia-list{
list-style: none;
padding-left: 0px;
}

.socialmedia-list li{
display: inline-block;
padding: 1em;
}

.socialmedia-list a{
color:#cccccc;
font-size: 1.5em;


-webkit-transition: color .25s;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
transition: color .25s;
}

.socialmedia-list a:hover{
color:#57a2b3;
}


.text-align-center{
text-align: center;
}

.teasdfasd{
font-size: 1.5em;
color:#cccccc;
}