/*************************************************************/
/*   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(../grafics/bg_body_folge.jpg) left top repeat-x #eeeeee;}
body.home {background:url(../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(../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(../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(../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(../grafics/ordner.png) left bottom no-repeat; float:left;}
body.immo .theme {position:absolute; bottom:0; left:0; width:100%; height:272px; background:url(../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(../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(../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(../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(../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(../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(../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(../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(../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('dosis-semibold-webfont.eot');
    src: url('dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('dosis-semibold-webfont.woff') format('woff'),
         url('dosis-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}