@import url("includes/nav1.css");
/* orbitron-regular - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/orbitron-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/orbitron-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/orbitron-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/orbitron-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/orbitron-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/orbitron-v25-latin-regular.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* orbitron-600 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/orbitron-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/orbitron-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/orbitron-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/orbitron-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/orbitron-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/orbitron-v25-latin-600.svg#Orbitron') format('svg'); /* Legacy iOS */
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-500 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/noto-sans-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-500.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/noto-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v27-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */
}
BODY,TD{
	font-size:11pt;
	color:#666666;
	line-height: 1.3;
	font-family: 'Noto Sans','sans-serif', Arial, Helvetica, Verdana;
}
#bg {
	background-color: #ededed;
	padding: 0px;
	margin: 0px;
	background-image: url(images/kachel.png);
	/*background-repeat: repeat-x;*/
}
#header {
	height: 352px;
	width: 1034px;
	margin-right: auto;
	margin-left: -8px;
	background-repeat: no-repeat;
background-image: url(/slider/0.jpg);
}
#outer {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
padding-left:21px;
background-image: url(images/rand.png);
background-repeat:repeat-y;
}
#sitetitle {
	position: absolute;
	color: white;
	margin: 290px 0 0 0px;
z-index:1500;font-size:1.6em;
font-family: 'Noto Sans', 'sans-serif';
background-color:#bbd8b3;
display:block;
padding:0px 12px 0 13px;
}
#headerimagebox {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 784px;
	position: absolute;
	margin-top: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #a3a1a3;
	border-bottom-color: #a3a1a3;
}
H1,H2,H3{
	font-weight:700;
	color: #1197d2;
	margin-top: 16px;
	margin-bottom: 9px;
        font-family: 'Orbitron', 'sans-serif';
	font-size: 120%;
	letter-spacing: 1px;
}
H4{
font-size: 120%;
font-weight: normal;
color: #999;
font-family: 'Orbitron','sans-serif';
font-weight: 700;
letter-spacing: 0.05em;
margin-top:0;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 0;margin-left: 0;list-style: none;}
form{margin:0;}
IMG{border:0;}
hr {
	height: 1px;
	overflow: hidden;
	position: relative;
	clip: rect(auto,auto,1px,auto);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ededed;
}
.imgleft {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.imgright {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	float: right;
}
li{line-height:1.5;}
.doc, .sdocs, .sdoc, .docs{
	padding-left: 15px;
	background-image: url(menu/document.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}
a{
	text-decoration:none;
	font-weight:normal;
}
a:link,a:visited{
	color:#003366;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	}
a:active,a:hover{
	color:#fc8403;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.sitename{font-weight:normal;font-size:17pt;}
.menulevel1{font-size:8pt;}
.menulevel1 a{font-weight:normal;}
.menulevel1 a:link,.menulevel1 a:visited{}
.menulevel1 a:active,.menulevel1 a:hover{}
.menulevel2{font-size:8pt;}
.menulevel2 a{font-weight:normal;}
.menulevel2 a:link,.menulevel2 a:visited{}
.menulevel2 a:active,.menulevel2 a:hover{}
.menulevel3{font-size:8pt;}
.menulevel3 a{font-weight:normal;}
.menulevel3 a:link,.menulevel3 a:visited{}
.menulevel3 a:active,.menulevel3 a:hover{}
.sitemaplevel1 li {
	font-size:9pt;
	list-style-type: none;
}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{}
.submenu{font-size:9pt;}
.submenu a{font-weight:normal;}
.submenu a:link,.submenu a:visited{}
.submenu a:active,.submenu a:hover{}
#locator {
	color: #000;
	margin-top: 13px;
	margin-left: 0px;
	/* background-image: url(images/home.png); */
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
position:absolute;
top:265px; left:737px;
font-size:10px;
z-index:1600;
}
#locator a{
	font-weight:normal;
	text-decoration:none;
	color: #5d7b7c;
}
#locatorclick {
	height: 20px;
	width: 20px;
	position: absolute;
	margin-left: -25px;
}
.locator a:link,.locator a:visited,.locator a:active,.locator a:hover{
	color:#5d7b7c;
	text-decoration: none;
}
.menu{font-weight:normal;font-size:8pt; font-family: 'Noto Sans', 'sans-serif';}
.menu a{
	text-decoration:none;
	font-weight: normal;
}
.menu a:link,.menu a:visited,.menu a:active,.menu a:hover{}
.navigator{font-weight:normal;font-size:7pt;}
.navigator a:link,.navigator a:visited{
	color:#675740;
	background-color: #fff9ba;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-left: 5px;
	border: 1px solid #999;
	display: block;
	margin-bottom: 5px;
}
.navigator a:active,.navigator a:hover{
	color:#675740;
	background-color: #f6d697;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-left: 5px;
	border: 1px solid #999999;
}
.edit{font-size:8pt;color:#000000;background-color:#FFFFFF;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}
input,select{font-size:8pt;}
textarea{
	background-color:#FFFFFF;
	width:98%;
	border: 1px solid #000000;
}
.submit {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 20px;
        padding-bottom: 5px;
	padding-left: 20px;
	color: #FFFFFF;
	background-color: #00347F;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.submit:hover {
	background-color: #3A6EB7;
}
input, textarea, select {
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	border: 1px solid #969696;
	padding: 2px;
}
input:hover, textarea:hover {
	background-color: #F0EFF1;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
#maincontent {
	width:977px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
margin-left:6px;
min-height:1080px;
}
#sidearea {
display:none;
	width:230px;
	height: 857px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: absolute;
	margin-left: 758px;
	z-index: 0;
	/* background-image: url(images/side.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -31px;
}
#flags {
	margin-top: 3px;
	margin-left: 780px;
	position: absolute;
	text-align: right;
	width: 200px;
}
#part2 {
	width: 1010px;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#searcher {
	width: 240px;
}
#searchbox .text {
	width: 128px;
	border: 1px solid #6d6e70;
	margin-right: 0px;
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
height:20px;
font-size:9pt;
float:left;
}
#searchbox {width:170px; position:absolute; z-index:100;}
#searchbox .submit {
height:28px;
	width: 30px;
	border: 1px solid #6d6e70;
	margin-left: 0px;
	background-color: #6d6e70;
	background-image: url(images/search_submit.png);
	padding-top: 1px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: -1px -1px;
font-size:9pt;
float:right;
}
#searchbox .submit:hover {
	background-image: url(images/search_submit_hover.png);
	color: #000000;
}
#searchbox input {
	margin: 0px;
	padding: 3px;
}
#sitename {
	padding-top: 25px;
	padding-left: 20px;
}
.sidemodule .desc {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	text-transform: capitalize;
	color: #000000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
	width: 191px;
}
.sidemodule .mid {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	width: 185px;
	background-color: #FFFFFF;
}
#newsboxscroll {
	width: 180px;
	padding-right: 10px;
}
.prodbild {
        border: 1px solid rgb(153, 153, 153); 
        float: left; 
        margin: 0 15px 10px 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.prodbild {border: 1px solid #dadada; 
float:left; margin-bottom:10px; margin-right:15px;}
.carousel .panel .details_wrapper .details h2 a {color:#f4ceb1;}
.hoch {font-family: 'Noto Sans', 'sans-serif'; font-size:1.5em;}
.bgbild {
background-image:url(http://www.vshomes.de/images/bg_bild.jpg);
width:385px; height:257px;
padding:12px 0 0 13px;
float:left;
background-repeat:no-repeat;
}
.beschreibung {
width:320px; font-size:13px;
padding:0px;
float:right;
}
.immohead {
padding:2px 0 4px 9px;
background-color:#ededed;
width:100%;
font-family: 'Orbitron', 'sans-serif';
font-size:16px;
display:block;
margin:30px 0 20px 0;
}
.clear {clear:both;}
.anfrage {
font-size:15px;
font-weight:bold;
}
a.button {
background-image:url(http://www.vshomes.de/images/button.jpg);
padding:5px 15px;
background-repeat:no-repeat;
margin-left:480px;
}
/* gallery */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
	position: relative;
	padding-top: 0px;
	padding-left: 4px;
	padding-bottom: 10px;
	float: left;
margin-right:30px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
	border: 1px solid #CCC;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #ededed;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ebebeb;
padding: 2px 0 3px 2px;
left: -1000px;
border: 1px solid #ededed;
visibility: hidden;
color: #999;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 220px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.gallerycontainer span{
	font-size: 90%;
}
.labelBold {color:#000000; font-weight:bold;}
/* .immoblue {
padding:1px;
background-image:url(http://www.vshomes.de/bilder/bg.jpg);
width:100%;
font-family: 'Orbitron', 'sans-serif';
font-size:10px;
display:block;
margin:30px 0 20px 0;
} */
p {line-height:1.7em; letter-spacing:0.03em;}

/* colorbox */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/* end colorbox */

img.pixistyle {border:3px solid #ededed; display:block; margin-left:5px; float:left;} 
.sitelogo {position:absolute; z-index:10; margin:0 0 0 820px;
box-shadow: 0px 1px 3px 2px rgba(57, 77, 112, 0.6);
-moz-box-shadow: 0px 1px 3px 2px rgba(57, 77, 112, 0.6);
-webkit-box-shadow: 0px 1px 3px 2px rgba(57, 77, 112, 0.6);
}
.symbole {position:absolute; z-index:2; margin:298px 0 0 -25px;}
#navcontainer .menulevel1 a, #navcontainer .menulevel2 a {
    color: #333333;
    letter-spacing: 0.02em;
}
#slideshowWrapper{
position: absolute; top: -260px; margin-left: -801px; z-index:0;
}