/******************************************************************
 * CSS Leve architects
 ******************************************************************/



/******************************************************************/
/* CSS General Style */


body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

* {
	margin: 0;
}

body{
	background: #e5e6e7;
	font-family: 'Hind', sans-serif;
	font-weight:400;
}

a:focus {
	outline: none; 
}

a:active{
background: none;
}

img {border:0px;}

img { max-width: 100%; height: auto; }

img { width: auto; } /* IE8 */

.clear {
	clear:both;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	padding:0px;
}

header {
  position: relative;
  width: 100%;
  height:90px;
  margin: 0px auto;
  background: #acc5db; /* Old browsers */
	background: -moz-linear-gradient(left,  #acc5db 0%, #6791b7 47%, #6791b7 47%, #6791b7 50%, #6791b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #acc5db 0%,#6791b7 47%,#6791b7 47%,#6791b7 50%,#6791b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #acc5db 0%,#6791b7 47%,#6791b7 47%,#6791b7 50%,#6791b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc5db', endColorstr='#6791b7',GradientType=1 ); /* IE6-9 */
}

#header-logo {
	position: relative;
}

#logo {
	position:relative;
	width:229px;
	height:53px;
}

#content {
	position:relative;
	width:100%;
	min-height:678px;
	margin:0px auto;
	background-image: url(../backimg/content_hg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.inhalt{
	position:relative;
  width:960px;
  margin:0px auto;
  padding-top:50px;
}

.i-con {
	position: relative;
	width:100%;
}

.sft11 {
	font-family: 'Hind', sans-serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: 500;
	color: #00605b;
	text-align: left;
}

.sft12 {
	font-family: 'Hind', sans-serif;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
	color: #00605b;
	text-align: left;
}

.sft21 {
	font-family: 'Hind', sans-serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: 500;
	color: #135488;
	text-align: left;
}

.sft22 {
	font-family: 'Hind', sans-serif;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
	color: #135488;
	text-align: left;
}

.sft31 {
	font-family: 'SimSun', sans-serif;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
	color: #6a0f5a;
	text-align: left;
}

.sft32 {
	font-family: 'SimSun', sans-serif;
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
	color: #6a0f5a;
	text-align: left;
}

.top1 {
	margin-top:40px;
}

.bottom1 {
	margin-bottom:40px;
}

.left1 {
	margin-left:20px;
}

.left2 {
	margin-left:40px;
}

.box1 {
	float:left;
	position:relative;
}

.box2 {
	float:left;
	position:relative;
}

.box3 {
	float:right;
	position:relative;
}

.box-i {
	position: absolute;
	bottom:20px;
	left:20px;
}

.box1-txt {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #e3e9e6;
	text-align: left;
}

.box3-txt {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: 'SimSun', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #e3e9e6;
	text-align: left;
}

.sft1 {
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #e3e9e6;
	text-align: left;
}

.sft2 {
	font-family: 'Hind', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #e3e9e6;
	text-align: left;
}

a.sft2:link { color:#69f7ca; text-decoration:none; }
a.sft2:visited { color:#69f7ca; text-decoration:none; }
a.sft2:active { color:#69f7ca; text-decoration:none; }
a.sft2:hover { color:#ffffff;  text-decoration:none; }

.sft3 {
	font-family: 'Hind', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #e3e9e6;
	text-align: left;
}

a.sft3:link { color:#93def9; text-decoration:none; }
a.sft3:visited { color:#93def9; text-decoration:none; }
a.sft3:active { color:#93def9; text-decoration:none; }
a.sft3:hover { color:#ffffff;  text-decoration:none; }

.sft4 {
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #e3e9e6;
	text-align: left;
}

a.sft4:link { color:#e3e9e6; text-decoration:none; }
a.sft4:visited { color:#e3e9e6; text-decoration:none; }
a.sft4:active { color:#e3e9e6; text-decoration:none; }
a.sft4:hover { color:#ffffff;  text-decoration:none; }


.sft5 {
	font-family: 'SimSun', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #e3e9e6;
	text-align: left;
}

.sft6 {
	font-family: 'Hind', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #dd98d1;
	text-align: left;
}

a.sft6:link { color:#dd98d1; text-decoration:none; }
a.sft6:visited { color:#dd98d1; text-decoration:none; }
a.sft6:active { color:#dd98d1; text-decoration:none; }
a.sft6:hover { color:#ffffff;  text-decoration:none; }


/******************************************************************/
/* Media-Queries  960 + */

@media only screen and (min-width : 960px) {
	
	#header-logo {
		position: relative;
		width:960px;
		margin:0px auto;
	}
	
	#logo {
		position:relative;
		padding-top:18px;
	}
	
	.box1 {
		float:left;
		width:300px;
		height:230px;
		background: #00605b;
	}
	
	.box2 {
		float:left;
		width:300px;
		height:230px;
		background: #135488;
		margin-left:30px;
	}
	
	.box3 {
		float:right;
		width:300px;
		height:230px;
		background: #6a0f5a;
	}

}



/******************************************************************/
/* Media-Queries  600 - 959 */

@media all and (min-width : 600px) and (max-width: 959px) {
	
	#content {
		position:relative;
		width:100%;
		min-height:678px;
		margin:0px auto;
		background-image: url(../backimg/content_hg.jpg);
		background-repeat: no-repeat;
		background-position:top center;
	}
	
	#header-logo {
		position: relative;
		width: 90%;
		margin:0px auto;
	}
	
	#logo {
		position:relative;
		padding-top:18px;
	}
	
	.inhalt{
		position:relative;
	  width:90%;
	  margin:0px auto;
	  padding-top:50px;
	}
	
	.box1 {
		float:none;
		width:300px;
		height:230px;
		background: #00605b;
		margin:0px auto;
	}
	
	.box2 {
		float:none;
		width:300px;
		height:230px;
		background: #135488;
		margin:0px auto;
		margin-top:20px;
	}
	
	.box3 {
		float:none;
		width:300px;
		height:230px;
		background: #6a0f5a;
		margin:0px auto;
		margin-top:20px;
	}

}


/******************************************************************/
/* Media-Queries  599 - */

@media all and (max-width : 599px) {
	
	#header-logo-nav {
		position: relative;
		width: 100%;
	}
	
	#header-logo {
		position: relative;
		width: 90%;
		margin:0px auto;
	}
	
	#logo {
		position:relative;
		padding-top:18px;
	}
	
	.inhalt{
		position:relative;
	  width:90%;
	  margin:0px auto;
	  padding-top:50px;
	}
	
	.box1 {
		float:none;
		width:300px;
		height:230px;
		background: #00605b;
		margin:0px auto;
	}
	
	.box2 {
		float:none;
		width:300px;
		height:230px;
		background: #135488;
		margin:0px auto;
		margin-top:20px;
	}
	
	.box3 {
		float:none;
		width:300px;
		height:230px;
		background: #6a0f5a;
		margin:0px auto;
		margin-top:20px;
	}

}