@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: 900;
    font-style: normal;

}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/oboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


/* FONT
========================================================================================*/
body {
		-webkit-text-size-adjust:100%;
		-moz-text-size-adjust:100%;
		font-family:'Roboto',Arial, Helvetica, sans-serif;
		color:#555555;
		font-size:16px;
		line-height:18px;
	 	position:relative;
		font-weight:400;
}

/* END FONT
========================================================================================*/

/* HEADING
========================================================================================*/

h1,h2, h3 {
		font-family: 'Roboto', serif;
		font-weight:900;
}

h1 { font-size: 20px; color:#444444; margin:0;}
h2 { font-size: 30px; line-height:45px; margin:0 0 55px}
h3 { font-size: 20px; line-height:40px; margin:0;}

p  { font-size: 12px;}

/* END  HEADING
========================================================================================*/

/* LINKS
========================================================================================*/

a:focus{
		outline:0;
}
a {
	text-decoration:underline;
	color:#688fc6;
	font-weight:900;
	cursor:pointer;
}
a:hover {

}

:focus {
		outline: 0;
}

/* END LINKS
========================================================================================*/

/* IMG // PARAGRAPHS
========================================================================================*/
img { vertical-align:middle; /*max-width:100%;*/ height:auto;}

/* NUMBERED & UNNUMBERED LIST
========================================================================================*/

ul { list-style:none; }
ul li {

}
/* END NUMBERED & UNNUMBERED LIST
========================================================================================*/

/* FORM
========================================================================================*/
::-webkit-input-placeholder {
	 color: #444444;
	 
}
:-moz-placeholder { /* Firefox 18- */
	 color: #444444;
	 opacity:1; 
}
::-moz-placeholder {  /* Firefox 19+ */
	 color: #444444;
	 opacity:1;
	 
}
:-ms-input-placeholder {
	 color: #444444;
	 
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="url"],
textarea {
	/* Style for Base */
	width: 100%;
	height: 40px;
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05);
	/* Style for "Kennwort" */

	padding:0 15px;
	clear:both;
	display:inline-block;
	margin:0 auto 10px;

}


input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
textarea:focus {
	background-color: #EDEDED;
	border: 1px solid #285BAE;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
		 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
					box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
					outline: 0;
}


textarea {
	width: 740px;
	height: 76px;
	resize: none;
	padding:10px 15px;
	margin:5px 0 10px 0;
		
}

/* END FORM
========================================================================================*/

/* TEXT ALIGN
========================================================================================*/

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

/* END OF TEXT ALIGN
========================================================================================*/

.pull-left{float:left;}
.pull-right{float:right;}