@font-face {
    font-family: 'EurostileRegular';
    src: url('eurosti-webfont.eot');
    src: url('eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurosti-webfont.woff') format('woff'),
         url('eurosti-webfont.ttf') format('truetype'),
         url('avant_garde_agw-webfont.svg#avant_garde_agw') format('svg');

    font-weight: normal;
    font-style: normal;
}



::-moz-selection { background-color: #474747; color: #FFF; }
::selection { background-color: #474747; color: #FFF; }

* { margin:0; padding:0; overflow-y:true; }
html,body { background:#c4dd8b; height:100%; width:100%; font-family:"EurostileRegular", Tahoma, Geneva, sans-serif; font-size:12px; color:#474747; letter-spacing:0.5px; }

table,tr,td { border:none; margin:0; padding:0; color:#474747; }

a img { border:none; outline:none; font-weight:none;  font-family:"EurostileRegular", Tahoma, Geneva, sans-serif; }
img { border:none; outline:none; font-weight:none; }
a { color:#474747; text-decoration:none; font-weight:none; outline:none; }

.link { color:#474747; }
.link:hover { color:#66830e; }
.linkwhite { color:#474747; padding:2px; }
.linkwhite:hover { color:#66830e; padding:2px; }
.linkblok_on { color:#FFF; background:#474747; padding:1px; border:1px solid #474747;  }
.linkblok_on:hover { color:#474747; background:#FFF; padding:1px; border:1px solid #474747;  }
.linkblok_heading { color:#474747; background:none;  }
.linkblok_heading:hover { color:#FFF; background:#474747;  }

h1, h2, h3, h4 { display:block; color:#474747; }
h1 { font: 18px "EurostileRegular", Verdana, Arial sans-serif; letter-spacing:2px; margin-bottom:6px; } 
h2 { font: 15px "EurostileRegular", Verdana, Arial sans-serif; letter-spacing:2px; margin-bottom:6px; } 
h3 { font: 12px "EurostileRegular", Tahoma, Geneva, sans-serif; letter-spacing: 1px; margin-bottom:6px; } 
h4 { font: 12px "EurostileRegular", Tahoma, Geneva, sans-serif; letter-spacing: 2px; margin-bottom:6px; line-height:20px;  } 

p { font:12px "EurostileRegular", Tahoma, Geneva, sans-serif; margin-top:0px; margin-bottom:10px; letter-spacing:1px; line-height:20px; text-align:justify; }

.content_left ul { list-style:none; }
.content_right ul { list-style:none; }
.content_left li { list-style:none; }
.content_right li { list-style:none; }
.spacer { display:block; position:relative; width:30px; height:30px; }

.txtwhite { color:#FFF; }
.txtblack { color:#000; }
.txtbold { font-weight:bold; }
.txtsmall { font-size:12px; }
.txt_14 { font-size:18px; }

#wrapper {
  display:block; 
  z-index:100;
  position:relative;
  top:0px; left:0px;
  min-width:1200px; 
  width:100%; height:100%;
  background:#cde2a5; }

#header {
  display:block; position:absolute;
  z-index:200;
  top:0px; left:0px;
  min-width:100%;
  height:140px;
  background:#e6e1ce;
}
#logo { 
  display:block; position:absolute;
  z-index:210;
  margin-top:00px; 
  /* right:0px; */ left:750px;
  width:235px;
  height:100px;
}

#menu {
	display:block; position:absolute;
  z-index:300; top:100px; left:30px;
  height:50px; margin:0 auto; }
.menu { color:#ffffff; font: 18px "EurostileRegular", Verdana, Arial sans-serif;letter-spacing:1px;
	display:block; position:relative; float:left;
  margin-right:30px; text-align:center; }
.menu:hover { color:#afd302;  }
.menu_active { color:#afd302; font: bold 18px "EurostileRegular", Verdana, Arial sans-serif;letter-spacing:1px;
	display:block; position:relative; float:left;
  margin-right:30px; text-align:center; }
.menu_active:hover { color:#a9cf38;  }
  
#content_wrapper {
  display:block; position:absolute;
  top:140px; left:0px;
  z-index:30;
  width:100%; height:470;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  background:#FFF url(../img/bg_art.jpg) no-repeat top left; }

#content {
  display:block; position:relative;
  z-index:32;
  top:0px; left:30px;
  width:940px; height:470px; }

#content h1 {	padding-top:10px; }
#content h2 {	padding-top:0px; }
   
.content_left {
  display:block;
  position:relative;
  float:left;
  width:420px; } /* 30 spacing */
.content_right {
  display:block;
  position:relative;
  float:left;
  margin-left:40px;
  width:420px; }

.content_one-twothird {
  display:block; z-index:100002;
  position:absolute;
  float:left; left:0px;
  width:200px; }
.content_two-twothird {  /* 30 spacing */
  display:block; z-index:100006; 
  position:absolute;
  float:left; left:230px;
  width:280px; }

.far_right {
  display:block; z-index:100006; 
  position:absolute;
  float:left; left:830px;
  width:280px; }


.content_onethree {
  display:block; z-index:100002;
  position:absolute;
  float:left; left:0px;
  width:270px; }
.content_twothree {  /* 30 spacing */
  display:block; z-index:100006; 
  position:absolute;
  float:left; left:300px;
  width:270px; }
.content_threethree {  /* 30 spacing */
  display:block; z-index:100004;
  position:absolute;
  float:left; left:600px;
  width:270px; }


#footer {
  display:block; position:absolute;
  z-index:210;
  left:30px; 
  /* bottom:0px; */ top:530px;
  width:179px;
  height:174px; }

.clear {
  display:block; position:relative;
  width:970px;
  clear:both; }
 
/* art */
#art_text {
  display:block; position:absolute;
  width:720px;
  margin-left:-30px;
  margin-top:0px;
  padding:8px 230px 0px 30px; 
  background:url('../img/text_white_bg.png') top right repeat-y;
}   
 
/* bilder */ 
#image_large {
  display:block; position:relative;
  width:752px; height:470px;
  background:url('../img/icons/loader.gif') center no-repeat; }
#image_thumbs_holder {
  display:block; position:absolute;
  top:0px; left:762px;
  width:138px; height:470px; }
#image_thumbs_holder img {
  display:block; position:relative;
  margin-bottom:42px;
  width:138px; height:86px; }
#visu_small_001_click { //on top of logo
  display:block; position:fixed;
  z-index:280;
  top:140px; left:792px;
  width:138px; height:86px; }  

/* Grundrisse*/
#wohnung_holder {
  display:block; position:fixed;
  z-index:380; top:120px; left:565px;
  width:480px; height:412px;
  background:url('../img/icons/loader.gif') center no-repeat; }

#wohnung_holder div {
  display:block; position:fixed;
  z-index:380; top:200px; left:565px;
  width:480px; height:412px;
  background:url('../img/icons/loader.gif') center no-repeat; 
  
}   
.nonvisible { visibility:hidden; !important  }  
   
input { font-family:"EurostileRegular", Tahoma, Geneva, sans-serif; font-size:14px; } 
.input_text { 
	font:14px "EurostileRegular", Tahoma, Geneva, sans-serif;
	display:block; margin-bottom:8px; padding:8px 5px;
	width:270px; vertical-align:middle;
  background:#f7f7f7;
	border:1px solid #dadada; color:#474747;
} 
.input_select { border:1px solid #CCC; width:196px; } 
.input_submit { border:1px solid #009fe4; color:#FFF; padding:3px 6px; background:#009fe4; } 
.input_submit:hover { border:1px solid #000; color:#FFF; padding:3px 6px; background:#000; cursor:pointer; } 
.input_textarea { border:1px solid #CCC; width:460px; height:120px; margin-top:6px; } 
.input_textarea { padding:6px; font-family:"EurostileRegular", Tahoma, Geneva, sans-serif; font-size:14px; } 

.mousepointer { cursor:pointer; } 

/* CONTACT */
form { margin:0; padding:0 }
fieldset { border:0px; }
#contactform { margin:0 auto; position:relative; }
h2{ margin-bottom:0px; }
label{display:block; width:100px; padding-top:4px; color:#474747; float:left; }
label.sp { width:3px; }
span.error{ color:#6eb43f; text-align:left; font:14px "EurostileRegular", Tahoma, Geneva, sans-serif; }
input{ font:14px "EurostileRegular", Tahoma, Geneva, sans-serif; color:#474747;
	display:block; margin-bottom:8px; padding:8px 5px;
	width:270px; vertical-align:middle; }
textarea {
	font:14px  ;letter-spacing:1px;
	padding:5px; background:#f7f7f7;
	border:1px solid #dadada; color:#474747; }

.button{
	border:solid 1px #dadada; -moz-border-radius:5px; -webkit-border-radius:5px;
	border-radius:5px; text-align:center;
	padding:0px 10px; color:#474747 !important; cursor:pointer;
	font-size:14px; display:inline-block; height:26px; line-height:25px;
	background-image:url(../img/bg-button.gif); background-repeat:repeat-x; }
*+html .button{ line-height:normal; border:solid 1px #dfdfdf!important; }
.button:hover{ background-position:0 -26px; }

textarea {
	margin-bottom:10px; padding:8px 5px;
	vertical-align:top; width:270px; }

input[type="text"], .inputbox {
	padding:5px; background:#f7f7f7;
  border: 1px solid #DADADA; font-size:14px;
  color: #474747; padding: 5px; width:270px;
  font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px; }

#message{ margin-left:0px;}
#message p{ margin:6px 0px; }

.submit_button { 
	display:block;
	position: relative;
	background:url(http://yousend.nl/img/submit_bg.gif) top left repeat-x;
	border: 1px solid #C2C2C2;
	cursor:pointer; color: #474747;
	font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold;
	height: 28px; line-height: 28px;
	margin:0px; margin-left: 100px;
	overflow:visible; padding:0px; width:120px;
	text-decoration: none; }
.submit_button:hover { border: 1px solid #5076B5; color:#5076B5; }

#grundrisse_pano {
	display:block;
  position:absolute;
  top:157px; left:300px;
}

.bottom_right {
	display:block; z-index:999;
  position:absolute;
  top:618px; left:43px; color:#000 !important; font-size:16px;
}
.txtwhite { color:#FFF !important; }
.txtblack { color:#000 !important; }