@charset "utf-8";

/* author: 			Markus Niedermann
	 agency: 			www.blateral.com
	 last-update:	01/01/2013
-------------------------------------------------------------------------------*/

/* Inspired by HTML5-Reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*
img,
object,
embed {max-width: 100%;}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
}

@media all and (orientation: portrait) {
}

@media all and (orientation: landscape) {
}


/* basic CSS
-------------------------------------------------------------------------------*/
body, html {
	height: 100%;
	min-width: 960px;
}
body {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	background: #000;
}

a {
	color: #666;
	text-decoration: none;
}
a:hover , a:active, a.active {
	color: #333;
}


/* text
-------------------------------------------------------------------------------*/
.text {
	font: 12px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	letter-spacing: 0.1em;
	letter-spacing: 0.05em \0/; /*ie hack*/
}

.text h1,
.text h1 a,
.h1,
.h1 a {
	margin: 0 0 10px 0;
	font-family: Anaheim;
	font-size: 32px;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.text h1 a:hover,
.h1 a:hover {
	color: inherit;
	text-decoration: underline;
}
.text h2,
.h2,
.text h2 a,
.h2 a {
	margin: 20px 0 5px 0;
	font-family: Anaheim;
	font-size: 24px;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.text * + h2:first-child,
.text h2:first-child,
.h2:first-child {
	margin-top: 0;
}
.text h2 a:hover,
.h2 a:hover {
	color: inherit;
	text-decoration: underline;
}

.text h3,
.h3,
.text h3 a,
.h3 a {
	margin: 20px 0 5px 0;
	font-family: Anaheim;
	font-size: 18px;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.text h3:first-child,
.h3:first-child {
	margin-top: 0;
}
.text h3 a:hover,
.h3 a:hover {
	color: inherit;
	text-decoration: underline;
}

.text h4,
.h4,
.text h4 a,
.h4 a {
	margin: 20px 0 5px 0;
	font-family: Anaheim;
	font-size: 14px;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.text h4:first-child,
.h4:first-child {
	margin-top: 0;
}
.text h4 a:hover,
.h4 a:hover {
	color: inherit;
	text-decoration: underline;
}

.text p {
	margin: 0;
}
.text * + p {
	margin: 15px 0 0;
}
.text h2 + p {
	margin-top: 0;
}

.text a {
	text-decoration: underline;
	color: #fff;
}
.text a:hover,
.text a:active {
	color: #9ed8fa;
}

.text em,
.text i {
	font-style: italic;
}

.text strong,
.text b,
.strong,
.b {
	font-weight: bold;
}

.text blockquote {
	text-align: center;
	font-style: italic;
	font-size: 16px;
	color: #9ed8fa;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.text * + blockquote {
	margin-top: 20px;
}

.text ul,
.text ol {
	list-style: inside square;
	margin-left: 20px;
	margin-bottom: 20px;
}
.text ol {
	list-style-type: decimal;
}
.text * + ul,
.text * + ol {
	margin-top: 20px;
}


/* wrapper + general
-------------------------------------------------------------------------------*/
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 0;
}


/* header
-------------------------------------------------------------------------------*/
.header {
	position: absolute;
	z-index: 999;
	height: 36px;
	width: 100%;
	min-width: 960px;
	background: #000;
}
.header .logo {
	position: absolute;
	top: 2px;
	left: 10px;
}

.nav ul {
	position: absolute;
	right: 10px;
	top: 0;
}
.nav ul li {
	float: left;
	margin-left: 30px;
	line-height: 36px;
}
.nav ul a {
	font-family: Anaheim;
	text-transform: uppercase;
	font-size: 15px;
	color: #c7c7c7;
}
.nav ul a:hover, .nav ul li.active a {
	color: #fff;
}


/* footer
-------------------------------------------------------------------------------*/
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	min-width: 960px;
	background: url(../img/bg-bottom-fade.png) repeat-x;
}

.footer .stiftung-banner {
	position: absolute;
	right: 10px;
	bottom: 0;
}
.footer .stiftung-banner img {
	display: block;
}

.bottom-nav {
	margin-left: 10px;
	height: 26px;
}
.bottom-nav ul li {
	float: left;
	margin-right: 10px;
}
.bottom-nav ul a {
	font-family: Anaheim;
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	line-height: 26px;
}
.bottom-nav ul a:hover, .bottom-nav ul li.active a {
	color: #000;
}


/* general
-------------------------------------------------------------------------------*/
.content-button {
	position: absolute;
	width: 25px;
	height: 25px;
	right: -26px;
	top: 0;
	background: url(../img/navi-minimax.png) no-repeat left top;
	cursor: pointer;
}
.content-button:hover {
	background-position: left bottom;
}
.content-button.hidden {
	background-position: right top;
}
.content-button.hidden:hover {
	background-position: right bottom;
}


/* home
-------------------------------------------------------------------------------*/
.home {
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 700px;
}
.home .wrapper {
	position: relative;
	height: 100%;
}
.home #bg-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.home .bg-video-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/video-overlay.png) repeat;
}
.home .bg-video-overlay .logo-big {
	width: 100%;
	height: 100%;
	background: url(../img/hans-stuck-logo-big.png) no-repeat center;
	margin-top: -40px;
}


.home .news-area {
	position: absolute;
	bottom: 90px;
	height: 200px;
	left: 10px;
}
.news-home-item-wrapper {
	position: relative;
	width: 274px;
	min-height: 1px;
	float: left;
	margin: 0 0 0 46px;
}
.news-home-item-wrapper:first-child {
	margin: 0;
}

.news-home-item {
	position: relative;
	background: url(../img/bg-trans90-272725.png);
	padding: 20px;
	cursor: pointer;
}
.news-home-item:hover {
	background: #6a6a6a;
}
.news-home-item .content-header {
	font-size: 11px;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 0 6px;
	margin: 0 0 10px;
	color: #c9c9c9;
}
.news-home-item .content-header span {
	margin: 0 0 0 10px;
}
.news-home-item .content {
	padding: 0 0 20px;
}
.news-home-item .content h2 {
	margin: 10px 0;
	line-height: 1;
}
.news-home-item .content h2 a {
	line-height: 1;
}
.news-home-item .link-button {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #9ed8fa;
	font-size: 12px;
	font-family: Anaheim;
	letter-spacing: 0.1em;
}

/* feedmap
-------------------------------------------------------------------------------*/
.feedmap {
	
}

.feedmap .left-button,
.feedmap .right-button,
.feedmap .bottom-button {
	position: absolute;
	top: 62px;
	right: -62px;
	width: 60px;
	height: 60px;
	background: url(../img/navi-pfeil.png) left top no-repeat;
	cursor: pointer;
}
.feedmap .left-button:hover {
	background-position: left bottom;
}
.feedmap .right-button {
	top: 0px;
	background: url(../img/navi-pfeil.png) right top no-repeat;
}
.feedmap .right-button:hover {
	background-position: right bottom;
}
.feedmap .bottom-button {
	top: 124px;
	height: 22px;
	background: url(../img/balken-counter.png) no-repeat;
	cursor:  default;
}
.feedmap .bottom-button .number {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;;
}
.feedmap .bottom-button .count {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;;
}

#map-canvas {
	position: absolute;
	left: 0px;
	top: 36px;
	bottom: 26px;
	width: 100%;
	min-width: 960px;
}

.post {
	background: #fff;
	padding: 87px 10px 10px;
	width: 420px;
	font-family: Arial, Helvetica, sans-serif;
}
.post .pointer {
	position: absolute;
	left: -85px;
	top: 100px;
	width: 85px;
	height: 86px;
	background: url(../img/map-pointer-white.png) no-repeat;
}
.post .close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: url(../img/navi-close.png) no-repeat left top;
	cursor: pointer;
}
.post .close-button:hover {
	background-position: left bottom;
}

.post a {
	color: #62b2b2;
}
.post a:hover {
	color: #666;
}

.post .post-header .post-logo {
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -33px;
}
.post .post-header .post-header-left {
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 20px;
}
.post .post-header .post-header-left .name {
	color: #444;
	font-weight: bold;
}
.post .post-header .post-header-left .username a {
}

.post .post-header .post-header-right {
	position: absolute;
	top: 20px;
	right: 20px;
}

.post .post-footer {
	position: relative;
	height: 20px;
	margin-top: 15px;
}
.post .post-footer .post-footer-left {
	position: absolute;
	top: 0;
	left: 0;
}
.post .post-footer .post-footer-left a {
	display: block;
	line-height: 18px;
}

.post .post-footer .post-footer-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}
.post .post-footer .post-footer-right a {
	position: relative;
	display: block;
	float: right;
	line-height: 18px;
	margin-left: 10px;
	padding-left: 20px;
}
.post .post-footer .post-footer-right a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 18px;
}
.post .post-footer .post-footer-right a .answer-icon {
	background: url(../img/twitter-sprite.png) 0 top no-repeat;
}
.post .post-footer .post-footer-right a:hover .answer-icon {
	background: url(../img/twitter-sprite.png) -16px top no-repeat;
}
.post .post-footer .post-footer-right a .retweet-icon {
	background: url(../img/twitter-sprite.png) -78px top no-repeat;
}
.post .post-footer .post-footer-right a:hover .retweet-icon {
	background: url(../img/twitter-sprite.png) -94px top no-repeat;
}
.post .post-footer .post-footer-right a .favorit-icon {
	background: url(../img/twitter-sprite.png) -32px top no-repeat;
}
.post .post-footer .post-footer-right a:hover .favorit-icon {
	background: url(../img/twitter-sprite.png) -48px top no-repeat;
}

.post .post-text {
	font-family: Anaheim;
	font-size: 32px;
	color: #393939;
	text-align: center;
	line-height: 1.0em;
	background: url(../img/3-sterne.png) no-repeat bottom center;
	padding: 0 0 30px;
}
.post .twitter-map-media {
	text-align: center;
}
.post .post-image {
	margin: 20px 0 0;
	max-width: 100%;
	max-height: 350px;
}

.message-body {
	background: #505050;
	padding: 20px;
	width: 420px;
	min-height: 140px;
}
.message .pointer {
	position: absolute;
	left: -85px;
	top: 100px;
	width: 85px;
	height: 86px;
	background: url(../img/map-pointer-grey.png) no-repeat;
}

.message .close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: url(../img/navi-close.png) no-repeat left top;
	cursor: pointer;
}
.message .close-button:hover {
	background-position: left bottom;
}

.message .message-header {
	font-familiy: Anaheim;
	font-size: 11px;
	color: #c9c9c9;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #c9c9c9;
}
.message .message-text {
	font-family: Anaheim;
	font-size: 13px;
	color: #fff;
	line-height: 1.3em;
}

.answer {
	position: relative;
	background: #2071b6;
	padding: 10px;
	margin: 4px 0 0;
}
.answer .pointer {
	position: absolute;
	top: -21px;
	left:	300px;
	width: 34px;
	height: 21px;
	background: url(../img/map-pointer-answer.png) no-repeat;
}
.answer .answer-text {
	font-family: Anaheim;
	font-size: 13px;
	color: #fff;
	line-height: 1.3em;
	padding: 10px;
	border: 1px solid #c9c9c9;
}

.map-actions {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -200px;
	width: 330px;
}

.post-preview {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 90px 10px 20px;
	cursor: pointer;
}
.post-preview .post-header .post-logo {
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -33px;
}
.post-preview .post-header .post-header-left {
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 10px;
}
.post-preview .post-header .post-header-left .name {
	color: #444;
	font-weight: bold;
}
.post-preview .post-header .post-header-left .username a {
}
.post-preview .post-header .post-header-right {
	position: absolute;
	top: 20px;
	right: 20px;
}
.post-preview .post-text {
	font-family: Anaheim;
	font-size: 24px;
	color: #393939;
	text-align: center;
	line-height: 1.0em;
	background: url(../img/3-sterne.png) no-repeat bottom center;
	padding: 0 0 30px;
}

.post-preview-button {
	position: relative;
	padding: 10px 100px 10px 40px;
	background: #fff url(../img/little-star.png) 15px 12px no-repeat;
	font-family: Anaheim;
	color: #393939;
	line-height: 1.1em;
	font-size: 18px;
	cursor: pointer;
	width: 190px;
	margin-left: 10px;
}
.post-preview-button:hover {
	margin-left: 0;
}
.post-preview-button img {
	position: absolute;
	top: -10px;
	right: 20px;
}

.message-form {
	position: relative;
	background: #393939;
	margin-top: 25px;
	padding: 5px;
	width: 310px;
	margin-left: 10px;
}

.message-form textarea {
	line-height: 20px;
	height: 20px;
	width: 290px;
	background: #fff;
	margin: 0;
	padding: 5px 10px;
	outline: none;
	border: none;
	color: #3a3a3a;
	font-family: Anaheim;
	font-size: 14px;
}
.message-form.active textarea {
	height: 120px;
}
.message-form .message-form-slide {
	display: none;
}
.message-form.active .message-form-slide {
	display: block;
}
.message-form .fieldset {
	position: relative;
	margin: 3px 0 0;
	background: #ececec;
}
.message-form label {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	line-height: 30px;
	padding-left: 10px;
	border-right: solid 1px #aaa;
	color: #3a3a3a;
	font-family: Anaheim;
	font-size: 14px;
}
.message-form input {
	padding: 5px 0 5px 80px;
	line-height: 20px;
	width: 100%;
	background: none;
	border: none;
	margin: 0;
	outline: none;
	color: #3a3a3a;
	font-family: Anaheim;
	font-size: 14px;
}
.message-form .submitset input {
	text-align: left;
	padding-left: 10px;
	background: #616161 url(../img/message-form-icon.png) right center no-repeat;
	color: #fff;
	font-family: Anaheim;
	font-size: 14px;
}
.message-form .submitset input:hover {
	background-color: #222;
}

.message-preview {
	position: relative;
	background: #393939;
	margin-top: 25px;
	padding: 15px;
	cursor: pointer;
	width: 300px;
	margin-left: 10px;
}
.message-preview:hover {
	margin-left: 0;
}
.message-preview .message-icon {
	position: absolute;
	top: -8px;
	left: 15px;
}
.message-preview .topbar {
	padding-left: 55px;
	font-size: 18px;
	color: #fff;
	font-family: Anaheim;
}
.message-preview .message-header {
	font-familiy: Anaheim;
	font-size: 11px;
	color: #c9c9c9;
	padding: 0 0 10px;
	margin: 20px 0 10px;
	border-bottom: 1px solid #c9c9c9;
}
.message-preview .message-text {
	font-family: Anaheim;
	font-size: 13px;
	color: #fff;
	line-height: 1.3em;
}


/* history
-------------------------------------------------------------------------------*/
.history {
	background: #000;
	min-height: 100%;
}
.history-section {
	overflow: hidden;
	position: relative;
}
.history-slider {
	width: 500000px;
}

.history-slide {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #000;
}
.history-slide .bg-img {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.history-slide .bg-img img {
	/* if lazy loading and bg-img is wrapper */
	/*
	width: 100%;
	height: 100%;
	*/
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.history-slide .bg-video {
	background: #000;
}
.history-slide .bg-video-overlay {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	background: url(../img/video-overlay.png) repeat;
}

.history-slide .slide-wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
.history-slide .left-button,
.history-slide .right-button,
.history-slide .bottom-button {
	position: absolute;
	top: 182px;
	right: 160px;
	width: 60px;
	height: 60px;
	background: url(../img/navi-pfeil.png) left top no-repeat;
	cursor: pointer;
}
.history-slide .left-button:hover {
	background-position: left bottom;
}
.history-slide .right-button {
	top: 120px;
	background: url(../img/navi-pfeil.png) right top no-repeat;
}
.history-slide .right-button:hover {
	background-position: right bottom;
}
.history-slide .bottom-button {
	top: 244px;
	height: 22px;
	background: url(../img/balken-counter.png) no-repeat;
	cursor: none;
}
.history-slide .bottom-button .number {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;;
}
.history-slide .bottom-button .count {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;;
}

.history-slide .text-box-wrapper {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 390px;
}
.history-slide .text-box {
	padding: 20px;
	background: #272727;
	text-align: justify;
}
.history-slide .text-box h1, 
.history-slide .text-box h2, 
.history-slide .text-box h3 {
	text-align: left;
}

.history-menu {
	position: fixed;
	z-index: 999;
	right: 0;
	top: 50%;
}
.history-menu li {
	display: block;
	float: right;
	clear: both;
	width: 100px;
	padding: 0 6px;
	line-height: 20px;
	background: #20ccff;
	margin: 0 0 6px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-family: Anaheim;
}
.history-menu li:hover {
	background: #207eff;
}

/* contact
-------------------------------------------------------------------------------*/
.contact {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.contact .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.contact .content-area {
	position: absolute;
	top: 80px;
	right: 10px;
	width: 450px;
	color: #e2e2e2
}
.contact .content-area .contact-details {
	padding: 15px;
	background: #272727;
	margin: 0 0 20px 0;
}
.contact .content-area .contact-details .left {
	width: 195px;
	float: left;
}
.contact .content-area .contact-details .right {
	width: 195px;
	float: right;
}
.contact .content-area .contact-form input {
	background: #272727;
	border: none;
	padding: 0 15px;
	color: #e2e2e2;
	line-height: 34px;
	height: 34px;
	width: 420px;
	margin: 0 0 2px;
}
.contact .content-area .contact-form textarea {
	clear: both;
	background: #272727;
	border: none;
	padding: 15px;
	color: #e2e2e2;
	width: 420px;
	height: 200px;
	margin: 0 0 4px;
}
.contact .content-area .contact-form #name {
	width: 194px;
	float: left;
	margin-right: 2px;
}
.contact .content-area .contact-form #phone {
	width: 194px;
}
.contact .content-area .contact-form input[type="submit"] {
	width: 100px;
	line-height: 30px;
	float: right;
	background: #666;
}
.contact .content-area .contact-form input[type="submit"]:hover {
	background: #272727;
}

.contact .content-area .contact-form .contact-form-status {
	padding: 15px;
	background: #272727;
	margin: 0 0 20px 0;
}


/* partner
-------------------------------------------------------------------------------*/
.partner {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.partner .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.partner .wrapper {
	margin-top: 120px;
	margin-bottom: 80px;
}

.partner-item {
	position: relative;
	padding: 20px 40px;
	min-height: 150px;
	margin: 0 10px 8px;
	background: #272725;
}

.partner-item .img-area {
	float: left;
	width: 230px;
	text-align: center;
}
.partner-item img {
	max-width: 230px;
}

.partner-item .content-area {
	float: right;
	width: 590px;
	color: #fff;
}


/* standard
-------------------------------------------------------------------------------*/
.standard {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.standard .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.standard .wrapper {
	margin-top: 120px;
	margin-bottom: 80px;
}

.standard .standard-content {
	padding: 20px 40px;
	background: #272727;
	margin: 0 10px 8px;
	color: #fff;
}


/* news
-------------------------------------------------------------------------------*/
.news {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.news .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.news .wrapper {
	margin-top: 120px;
	margin-bottom: 80px;
}


.news-item {
	position: relative;
	padding: 20px 40px 20px 10px;
	min-height: 210px;
	margin: 0 10px 8px 46px;
	background: #272725;
	cursor: pointer;
}
.news-item:hover,
.news-item:hover .star-bottom-area {
	background: #6a6a6a;
}
.news-item .star-area {
	position: absolute;
	left: -56px;
	top: 0;
	width: 56px;
	height: 80px;
	background: url(../img/news-star.png) no-repeat left;
}
.news-item:hover .star-area {
	background-position: right;
}
.news-item .star-bottom-area {
	position: absolute;
	left: -35px;
	top: 80px;
	bottom: 0;
	width: 35px;
	background: #272725;
}

.news-item .img-area {
	float: left;
}
.news-item .img-area img {
	width: 280px;
	height: auto;
}

.news-item .content-area {
	float: right;
	width: 544px;
	padding: 0 0 20px;
}
.news-item .content-area .content-header {
	font-size: 11px;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 0 6px;
	margin: 0 0 10px;
	color: #c9c9c9;
}
.news-item .content-area .content-header span {
	margin: 0 0 0 10px;
}
.news-item .link-button {
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #9ed8fa;
	font-size: 12px;
	font-family: Anaheim;
	letter-spacing: 0.1em;
}


/* news-message
-------------------------------------------------------------------------------*/
.news-message {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.news-message .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.news-message .wrapper {
	margin-top: 120px;
	margin-bottom: 80px;
}


.news-message-content {
	position: relative;
	padding: 20px 20px 20px 10px;
	float: left;
	width: 544px;
	margin: 0 20px 0 46px;
	background: #272725;
}
.news-message-content .star-area {
	position: absolute;
	left: -56px;
	top: 0;
	width: 56px;
	height: 80px;
	background: url(../img/news-star.png) no-repeat left;
}
.news-message-content .star-bottom-area {
	position: absolute;
	left: -35px;
	top: 80px;
	bottom: 0;
	width: 35px;
	background: #272725;
}

.news-message-content .content-header {
	font-size: 11px;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 0 6px;
	margin: 0 0 10px;
	color: #c9c9c9;
}
.news-message-content .content-header span {
	margin: 0 0 0 10px;
}

.news-message .more-messages {
	width: 300px;
	float: right;
	margin-right: 20px;
}

.news-preview-item {
	position: relative;
	padding: 20px 20px 40px;
	background: #272725;
	cursor: pointer;
	margin: 0 0 8px;
	min-height: 160px;
}
.news-preview-item:hover {
	background: #6a6a6a;
}
.news-preview-item .content-header {
	font-size: 11px;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 0 6px;
	margin: 0 0 10px;
	color: #c9c9c9;
}
.news-preview-item .content-header span {
	margin: 0 0 0 10px;
}
.news-preview-item .content {
	padding: 0 0 20px;
}
.news-preview-item .content h2 {
	margin: 10px 0;
	line-height: 1;
}
.news-preview-item .content h2 a {
	line-height: 1;
}
.news-preview-item .link-button {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #9ed8fa;
	font-size: 12px;
	font-family: Anaheim;
	letter-spacing: 0.1em;
}

.news-message .all-news-button {
	display: block;
	position: relative;
	background: #272725;
	margin: 0 0 8px;
	line-height: 40px;
	text-align: center;
	font-family: Anaheim;
	font-size: 14px;
	color: #9ed8fa;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0 20px;
}
.news-message .all-news-button:hover {
	background: #6a6a6a;
}


/* reply
-------------------------------------------------------------------------------*/
.reply {
	position: relative;
	overflow: hidden;
	min-height: 700px;
}
.reply .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.reply .wrapper {
	margin-top: 120px;
	margin-bottom: 80px;
}

.reply .reply-content {
	padding: 20px 40px;
	background: #272727;
	margin: 0 10px 8px;
	color: #fff;
}

.reply .general-data {
	
}

.reply .form-data {
	margin-top: 20px;
}
.reply .form-data .fieldset {
	margin-top: 20px;
}
.reply .form-data label {
	display: block;
}
.reply .form-data textarea{
	width: 460px;
	height: 200px;
}