body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
/***** GLOBALS						*****/
/***** CSS RESET FOR ALL BROWSERS 	*****/

/* compensates  several browser bugs */
html { font-size:100.01%; }
body { font-size:1em; }

/* reset all default css-styles  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

strong{ font-weight:bold; }

ol, ul {
	list-style: none;
}

a:link, a:visited, a:hover, a:active{text-decoration:none;}
/*************************************************************/
/*   Design:   CTW-IMMO.CH	        				 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Sam Mueller, www.nuun.ch 		                 */
/*   Datum:   April 2012				                     */
/*   Site: 	  wwww.ctw-immo.ch	   		   			         */
/*************************************************************/
/*   Colors:  Black: #010101	(CONTENT/LINKS/NAVIGATION) 	 */
/*************************************************************/


/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

.triangolo {position: absolute; top: 10px; left: 900px;}

/*  GLOBAL													 */
/*************************************************************/
html, body {height: 100%; margin:0; font: 104.49%/1em Arial, Verdana, Helvetica, sans-serif; color:#010101; letter-spacing:0.0em;}
body {min-width:100%; background:url(../../tl_files/data/grafics/bg_body_folge.jpg) left top repeat-x #eeeeee;}
body.home {background:url(../../tl_files/data/grafics/bg.jpg) left top repeat-x #ffffff;}
body.default #wrapper {width:100%; position:relative; margin:0; font-size:0.92em; min-height: 100%; background:url(../../tl_files/data/grafics/bg_wrapper_default.gif) 276px 148px no-repeat; float:left;}
body.immo #wrapper {width:100%; position:relative; margin:0; font-size:0.92em; min-height: 100%; background:url(../../tl_files/data/grafics/bg_wrapper_default.gif) 276px 148px no-repeat; float:left;}
body.home #wrapper {width:100%; position:relative; margin:0; font-size:0.92em; min-height: 100%; background:url(../../tl_files/data/grafics/bg_home.png) 0 148px no-repeat; float:left;}
* html #wrapper {height: 100%;}

body.default .theme {position:absolute; bottom:0; left:0; width:100%; height:272px; float:left;}
body.treuhand .theme {position:absolute; bottom:0; left:0; width:100%; height:272px; background:url(../../tl_files/data/grafics/ordner.png) left bottom no-repeat; float:left;}
body.immo .theme {position:absolute; bottom:0; left:0; width:100%; height:272px; background:url(../../tl_files/data/grafics/haus.png) left bottom no-repeat; float:left;}
body.home .theme {display:none;}

#logo {position:absolute; top:14px; left:34px;}
#signet {position:absolute; top:128px; right:60px;}

#links {position:absolute; top:6px; right:0;}

address {position:absolute; top:43px; left:150px; color:#162c36; font-style:normal; line-height:1.4em;}

/*  HEADER STANDARD											 */
/*************************************************************/
#header {width:100%; height:108px; padding:0; position: relative; display:block; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.45em; display:block; z-index:1000; float:left;}
#header .inside {}


/*  CONTAINER STANDARD										 */
/*************************************************************/
#container {position:relative; min-height:450px; width:988px; padding:28px 0 20px 0; display:block; line-height:1.45em; font-size:0.83em; z-index:800; float:left;}
* html #container {height:450px;}

body.default #main {position:relative; margin:0; padding:0; width:520px; display:block; float:left;}
body.default #main .inside {width:480px; padding:0 30px 0 10px; display:block;}

body.immo #main {position:relative; margin:0; padding:0; width:520px; display:block; float:left;}
body.immo #main .inside {width:480px; padding:0 30px 0 10px; display:block;}

body.immobreit #wrapper {background:url(../../tl_files/data/grafics/bg_wrapper_immo.gif) 276px 148px no-repeat;}
body.immobreit #wrapper #main {width:712px;}
body.immobreit #wrapper #main .inside {width:672px;}

body.home #main {position:relative; margin:0; padding:0; width:301px; display:block; float:left;}
body.home #main .inside {width:301px; padding:0; display:block;}

body.default #right {width:192px; margin:0; padding:0 0 30px 0; display:block; float:right;}
body.home #right {width:339px;}
body.default #left {position:relative; width:276px; margin:0; padding:0 0 175px 0; display:block; line-height:1.2em; z-index:1000; float:left;}

body.home #left {position:relative; left:0; width:348px; margin:0; padding:0; display:block; line-height:1.2em; z-index:1000; float:left;}

body.default #right .steuern { background:url(../../tl_files/data/grafics/bg_steuern.png) left top no-repeat; padding:110px 0 0 16px;}
body.home #left .steuern {position:absolute; top:288px; left:30px; width:176px; background:url(../../tl_files/data/grafics/bg_steuern.png) left top no-repeat; padding:110px 0 0 36px;}
body.ie6 #left .steuern {left:-230px;}

body.home li.treuhandlink {display:none !important;}
body.home li.immolink {display:none !important;}

/*************************************************************/
/*  NAVIGATION												 */
/*************************************************************/

#left .mod_navigation {position:relative; top:0; left:0; width:214px; font-size:1em; padding:0 0 0 49px; margin:0; font-family:Arial, Helvetica, sans-serif; text-transform:none; letter-spacing:0em; float:left;}
#left .mod_navigation ul {padding:7px 0 7px 0; float:left; width:214px; line-height:1.45;}
#left .mod_navigation ul li {display:block; float:left; width:214px; display:inline; padding:3px 0 4px 0;}
#left .mod_navigation ul li a {position:relative; color:#162c36; float:left; padding:0; background:none;}
#left .mod_navigation ul li a:hover, #left .mod_navigation ul li a.active, #left .mod_navigation ul li a.trail {color:#162c36; font-weight:bold;}

#left .mod_navigation ul li ul {padding:3px 0 0 6px; float:left; width:205px;}
#left .mod_navigation ul li ul li {width:205px;}


body.home #main .mod_navigation {position:absolute; top:280px; left:26px; width:270px; font-size:1em; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; text-transform:none; letter-spacing:0em; float:left;}
body.home #main .mod_navigation ul {padding:7px 0 7px 0; float:left; width:270px; line-height:1.45;}
body.home #main .mod_navigation ul li {display:block; width:270px; padding:3px 0 4px 0;}
body.home #main .mod_navigation ul li a {color:#162c36; padding:0 0 0 14px; background:url(../../tl_files/data/grafics/ico_bullet.png) no-repeat left 4px; display:block; height:18px;}
body.home #main .mod_navigation ul li a:hover, body.home #main .mod_navigation ul li a.active, body.home #main .mod_navigation ul li a.trail {color:#162c36; font-weight:bold; padding:0 0 0 14px; background:url(../../tl_files/data/grafics/ico_bullet_hover.png) no-repeat left 4px;}

body.home #right .mod_navigation {position:absolute; top:280px; left:26px; width:214px; font-size:1em; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; text-transform:none; letter-spacing:0em; float:left;}
body.home #right .mod_navigation ul {padding:7px 0 7px 0; width:250px; line-height:1.45;}
body.home #right .mod_navigation ul li {display:block; width:250px; padding:3px 0 4px 0;}
body.home #right .mod_navigation ul li a {color:#162c36; padding:0 0 0 14px; background:url(../../tl_files/data/grafics/ico_bullet.png) no-repeat left 4px; display:block; height:18px;}
body.home #right .mod_navigation ul li a:hover, body.home #right .mod_navigation ul li a.active, body.home #right .mod_navigation ul li a.trail {color:#162c36; font-weight:bold;  padding:0 0 0 14px; background:url(../../tl_files/data/grafics/ico_bullet_hover.png) no-repeat left 4px;}


.mod_navigation h2 {color:#9ed7c6 !important; padding:15px 0 17px 0 !important; font-size:2.5em !important; line-height:1em !important; font-family:'DosisSemiBold'; text-transform:uppercase; font-weight:normal !important; letter-spacing:0.1em;}




/*************************************************************/
/*  CONTENT												  	 */
/*************************************************************/
#main p, #right p, #left p {padding:8px 0 8px 0; display:block;}
#main h1 { color:#9ed7c6; padding:15px 0 17px 0; font-size:1.5em; line-height:1.09em; font-family:'DosisSemiBold'; text-transform:uppercase; letter-spacing:0.1em;}

body.default #right h2 {color:#000; padding:0; margin:0; font-size:1.2em; line-height:1em; font-weight:bold;}
body.home #left h2 {color:#000; padding:0; margin:0; font-size:1.2em; line-height:1em; font-weight:bold;}
img {vertical-align:bottom;}
table {border-collapse:collapse;}


a, a:link, a:visited {color:#162c36; text-decoration:none;}
a:hover, a:active {color:#162c36; text-decoration:none;}


#container .mod_article ul {display:block; list-style-type:none; margin:0; padding:0 0 0 12px;}
#container .mod_article ul li {padding:0 0 10px 14px; margin:0; display:block; background:url(../../tl_files/data/grafics/ico_bullet_hover.png) left 4px no-repeat;}


.enclosure { margin:20px 0; }
.ce_download, .ce_downloads {}
.ce_downloads a, .ce_downloads a:link, .ce_downloads a:visited, .ce_download a, .ce_download a:visited, .ce_download a:link, .enclosure a:link, .enclosure a:visited {color:#9ed7c6; background-color:#162c36 !important; width:410px; padding:0 47px 0 25px; margin:9px 0 2px 0; display:block; height:22px; line-height:1.75em; text-decoration:none;}
.ce_downloads a:hover, .ce_downloads p a:active, .ce_download a:hover, .ce_download p a:active, .enclosure a:hover, .enclosure a:active  {background-color:#9ed7c6 !important; color:#162c36!important;}





/* GALLERY - CE */
.ce_gallery {padding:16px 0; display:block; clear:both;}
.ce_gallery table {padding:0; margin:0;}
.ce_gallery td {padding:0 16px 0 0; margin:0;}
.ce_gallery td.col_last {padding:0 0 0 0 !important;}
.ce_gallery .image_container {padding:0 0 16px 0; margin:0;}


/* PAGINATION */
#main .pagination {width:484px; float:left; display:block; padding:9px 0 0 0;}
#main .pagination p {width:484px; float:left; display:block; padding:0;}
#main .pagination ul {width:484px; float:left; display:block; list-style-type:none;}
#main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;}


/*  LOGIN-FORMULAR											 */
/*************************************************************/
.mod_login {width:712px;}
.mod_login table { border-collapse:collapse;}
.mod_login tr td {height:22px; line-height:0.73em;}
.mod_login label{float:left; display:block; width:100px; padding:0 20px 0 0; margin:4px 0 10px 0; color:#000; line-height:1.2em;}
.mod_login input {float:left; width: 249px; height: 19px; border: 1px solid #dfdfdf; color:#000; margin:0; padding:3px 2px 1px 2px; background-color: #f6f6f6; font-size:1em;}
.mod_login .submit {background-color:#9f0e59; border:1px solid #9f0e59; color:#fff; cursor:pointer; height:24px; margin:4px 0 10px 0; padding:2px 0 8px 0; width:255px;}
.mod_login p.error {color:#9f0e59; font-size:10px; padding:3px 0 0 0 !important; margin:0;}
.logout tr td {padding:0 0 10px 0; line-height:1.4em;}

/*  FORMULAR											  	 */
/*************************************************************/
.ce_form {width:480px; margin: 0; padding:0 0 8px 0;}
.ce_form .formbody {padding:22px 0 0 0;}
.ce_form .formbody label {float:left; clear: left; display:block; width:150px; padding:0 23px 0 0; margin:2px 0 12px 0; text-align:left;}
.ce_form .formbody label.error {float:left; display:block; width:150px; padding:0 23px 0 0; margin:2px 0 0 0; text-align:left;}
.ce_form .formbody input {float:left; width: 286px; height: 22px; border: 1px solid #dfdfdf; color:#000; margin:0; padding:2px 2px; background: #f6f6f6; font-size:1em;}
.ce_form .formbody .upload {float:left; width: 286px; height: 21px; border: 1px solid #dfdfdf; color:#000; margin:0; padding:0 2px 4px 2px; background: #f6f6f6; font-size:1em;}
.ce_form .formbody input.error {float:left; width: 286px; height: 22px; border: 1px solid #dfdfdf; color:#000; margin:0 0 8px 173px; padding:2px 2px; background: #fff; font-size:1em;}
.ce_form .formbody input:focus {border: 1px solid #dfdfdf; color:#000; background: #fff;}
.ce_form .formbody br {clear:both; margin:0; padding:0;}
textarea {float: left; width:286px; height: 75px; border: 1px solid #dfdfdf; margin:0 0 8px 0; color:#000; padding:0 2px 0 2px; background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
textarea.error {float: left; width:286px; height: 75px; border: 1px solid #dfdfdf; margin:0 0 8px 173px; color:#000; padding:0 2px 0 2px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
textarea:focus { border: 1px solid #dfdfdf; color:#000; background:#fff;}
.ce_form .formbody .submit {background-color:#9ed7c6; border:1px solid #9ed7c6; color:#162c36; cursor:pointer; height:25px; margin:0 0 24px 173px; padding:2px 0 6px 0; width:286px;}
.ce_form .formbody p.error {float:right; width: 304px; color:#162c36; font-size:10px; padding:3px 0 0 0 !important; margin:0;}

.ce_form .formbody legend {margin-bottom: 10px;}



/*  FIXES  													 */
/*************************************************************/
.cleaner {clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2012 */


@font-face {
    font-family: 'DosisSemiBold';
    src: url('../../tl_files/data/styles/dosis-semibold-webfont.eot');
    src: url('../../tl_files/data/styles/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../tl_files/data/styles/dosis-semibold-webfont.woff') format('woff'),
         url('../../tl_files/data/styles/dosis-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

