/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body {
	background: #FFF;
	font: normal 13/16px Arial, Helvetica, sans-serif;
	color: #939393;
}



/* Global Structure ============================================================= */
#outer {width: 1014px;}
.site {width:1014px; }
#top {width: 1014px; height: 18px; background: url(../images/top_bg.jpg) top left no-repeat;}

#content {width: 1014px; background: url(../images/bg.jpg) top left repeat-y;}

/* header */
#header {width: 974px; height: 380px; background: url(../images/image1.jpg) top right no-repeat; margin: 0px 20px;}
#logo_nks {padding: 0; float: left; display: block; height: 98px; width: 182px; position: relative; left: 10px; top: 10px; background: url(../images/logo_nks.jpg) 0 0 no-repeat; z-index:99; text-indent: -5000px;}
#logo_terra {padding: 0; float: left; display: block; height: 98px; width: 201px; position: relative; left: 50px; top: 10px; background: url(../images/logo_terra.jpg) 0 0 no-repeat; z-index:99; text-indent: -5000px;}

#header_text {padding: 0; float: left; display: block; width: 944px; position: relative; left: 10px; top: 40px; z-index:99; font: normal 15px/18px Arial, sans-serif; text-align: left;}

#button1 {padding: 0; float: left; display: block; height: 47px; width: 221px; position: absolute; left: 0px; top: 160px; background: url(../images/button.jpg) 0 0 no-repeat; z-index:99;}
#button2 {padding: 0; float: left; display: block; height: 47px; width: 221px; position: absolute; left: 240px; top: 160px; background: url(../images/button.jpg) 0 0 no-repeat; z-index:99;}

#button1 a, #button2 a {color: #FFF; font: bold 16px Arial, sans-serif; text-decoration: none; display: block; margin: 12px; text-align: center;}
#button1 a:hover, #button2 a:hover {color: #000;}
/*Infobereich */
#info {width: 998px; height: 230px; margin: 0px 10px 0px 4px; background: #ee7f01; font: normal 13px/16px Arial, sans-serif; text-align: left;}
.col {float: left; width: 25%;}
.col_text {margin: 10px 20px; color: #fff; font: normal 13px Arial, sans-serif;}

#zitat {font: normal 20px Arial, sans-serif; color: #ee7f01; text-align: center; padding: 20px 40px; z-index:98;}
#zeichen_oben {padding: 0; float: left; display: block; height: 20px; width: 25px; position: relative; left: 37px; top: 0px; background: url(../images/zeichen.png) 0 0 no-repeat; z-index:99; text-indent: -5000px;}
#zeichen_unten {padding: 0; float: left; display: block; height: 20px; width: 25px; position: relative; left: 602px; top: 52px; background: url(../images/zeichen.png) 0 0 no-repeat; z-index:99; text-indent: -5000px;}
#footer {width: 1014px; height: 31px; background: url(../images/footer_bg.jpg) top left no-repeat;}

#impressum {width: 997px; display: block; text-align: right; color: #939393; font: normal 11px Arial, sans-serif; text-transform: uppercase; padding-right: 16px;}
#impressum a {text-decoration: none; color: #939393;}
#impressum a:hover {text-decoration: none; color: #000000;}
.clear {clear: both;}

/* Style =========================================================================*/
.orange {color: #ee7f01;}
.white {color: #FFF;}
.big {font: bold 20px Arial, sans-serif; text-transform: uppercase;}
.bigbig {font: bold 30px Arial, sans-serif; text-transform: uppercase;}
.text {padding-top: 20px; color: #000; width: 550px;}
b {font: bold 16px Arial, sans-serif;}

.col_text ul {padding-top: 2px; padding-left: 14px; list-style: disc;}
.col_text li {margin: 3px;}

.small {font-size: 12px; padding-top: 5px;}

/* Anfrage-Formular  =========================================================================*/
#site_formular {width: 350px;  font: bold 13px/16px Arial, sans-serif; margin: 20px;}
legend {font-size: 14px; padding: 5px; color: #FFF; background: #ee7f01; margin: 0px 10px;}
fieldset {border: solid 1px #ee7f01; font-size: 12px;}
.form_left {float: left; width: 80px; padding-right: 10px;}
.form_left {float: left; padding: 0px 10px;}
.form_text {color: #ee7f01; padding: 20px 10px;}
.red {font-size: 16px; color: #ff0000;}

/* Impressum =========================================================================*/
#site_impressum {width: 350px;  font: normal 13px/16px Arial, sans-serif; margin: 20px; color: #000;}
#site_impressum b {font: bold 13px/16px Arial, sans-serif;}