/*************************************************************/
/*   Design:   SZWEITSICHT.CH	         				 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Sam Mueller, www.nuun.ch 		                 */
/*   Datum:   Februar 2010				                     */
/*   Site: 	  wwww.szweitsicht.ch           		         */
/*************************************************************/
/*   Colors:  magenta: #a3195c						 		 */
/*			  grün: #b4ba00 (mod_navigation)		 	     */
/*			  grau: #dbdee1 (bg - linke spalte)				 */
/*			  schwarz: #282828 (schriftfarbe)				 */
/*			  grau: #a5a5a5a (schriftfarbe)				     */
/*************************************************************/


/*  GLOBAL LAYOUT											 */
/*************************************************************/
html { height:100%; }
body { height:100%; background:url(../grafics/bg_body.gif) repeat-y center #fff; color:#282828; font: normal normal 100.01%/1.1em Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.0em;}
#wrapper { font-size:0.8em; height:100%; width:960px; margin:0 auto; padding: 0px 1px 0px 1px; position:relative; }
#header {height:48px; width:931px; background-color:#fff; padding: 22px 7px 10px 22px;}
#header a.logo {float:left;}
#container { width:960px; min-height:300px; background:url(../grafics/bg_container.gif) repeat-y top center #fff;  }
#left { float:left; width:240px; }
#right { float:right; width:115px; background-color:#dbdee1; position: relative; z-index:5; padding:15px 15px; font-size:0.85em; }
#picture { width:auto; position:relative; margin:0px 145px 0px 240px; height: 236px; border-left:1px solid #fff; border-right:1px solid #fff; }
#pagepic {position:relative; z-index:0;}
#main { width:538px; position:relative; margin:0px 145px 0px 240px; border-left:0px solid #fff; border-right:1px solid #fff; padding:0px 15px 0px 20px;}
#krank {position:relative; z-index:5;}
#searchpanel {float:right; width:130px; margin-top:7px;}
#wfelden { display:block; width:120px; height:30px; position:fixed; left:50%; margin-left:350px; bottom:20px; }
address { display:block; width:200px; height:50px; position:fixed; bottom:20px; left:50%; margin-left:-460px; font-size:0.85em; letter-spacing:0em; font-style:normal; }
#print {color:#a3195c; font-size:0.85em; width:90px; height:20px; float:right;  margin: 10px 0px 10px 5px; }
#up {text-align:right; font-size:0.85em; margin-top:10px;}


/*  HAUPT-NAVIGATION / SEK-NAVIGATION / SERVICE-NAVIGATION / */
/*************************************************************/
#left .mod_navigation{list-style-type:none; width:240px; background-color:#fff; position:relative; z-index:5; font-size:1.1em; }
#left .mod_navigation ul li {background:#b4ba00; height:59px;}
#left .mod_navigation ul li a:link, #left .mod_navigation ul li a:visited { color:#fff; background:none; padding:37px 8px 0 0; text-decoration:none; text-align:right; display:block; width:232px; height:21px; border-bottom:1px #fff solid; }
#left .mod_navigation ul li a:hover, #left .mod_navigation ul li a:active, #left .mod_navigation ul li a.active, #left .mod_navigation ul li a.trail, #left .mod_navigation ul li.active a.active { background-color:#a3195c; text-decoration:underline; }

/* UNTER-NAVIGATION */
#picture .mod_navigation ul {list-style-type:none; letter-spacing:0em; width:155px; height:201px; position:absolute; top:0; left:0; z-index:2; background-color:#a3195c; padding:34px 0px 0px 20px; border-right:1px solid #fff; border-bottom:1px solid #fff;  }
#picture .mod_navigation ul li {padding:0; margin:0; background:none;}
#picture .mod_navigation ul li a:link, #picture .mod_navigation ul li a:visited { color:#fff; background:none; padding: 3px 0px 3px 0px; text-decoration:none; display:block; border-bottom:none;  }
#picture .mod_navigation ul li a:hover, #picture .mod_navigation ul li a:active, #picture .mod_navigation ul li a.trail, #picture .mod_navigation ul li a.active {color:#fff; text-decoration:underline;}

/* SERVICE-NAVIGATION */
#gnav {margin-right:20px; width:300px; float:right; font-size:0.85em;}
#gnav ul {list-style-type:none; background-color:#f00; margin-top:10px; }
#gnav ul li { float:left;}
#gnav ul li a { display:block; padding:0 10px 0 10px;}
#gnav ul li a:link { color:#a5a5a5;}
#gnav ul li a:visited { color:#a5a5a5;}
#gnav ul li a:hover { color:#a3195c;}
#gnav ul li.active { color:#a3195c;}

/* BREADCRUMB-NAVIGATION */
.mod_breadcrumb {width:440px; height:30px; display:block; margin-bottom: 10px;}
.mod_breadcrumb ul { list-style-type:none; width:440px; height:20px; margin: 10px 0px 10px -5px; font-size:0.85em;}
.mod_breadcrumb ul li { float:left;}
.mod_breadcrumb ul li a { display:block;}
.mod_breadcrumb ul li a:link { color:#a5a5a5;}
.mod_breadcrumb ul li a:visited { color:#a5a5a5;}
.mod_breadcrumb ul li a:hover { color:#a3195c;}
.mod_breadcrumb ul li.active { color:#a3195c;}

/* SITEMAP  */
#main .mod_sitemap { margin-top:20px;}
#main .mod_sitemap ul.level_1 { font-size:1em; margin:0; padding:5px 0; }
li.submenu {float:left; width:250px; border-left:1px solid #eee; }
#main .mod_sitemap ul.level_1 li {margin:0 0 0 2px; padding:0; list-style:none; margin-bottom:20px; }
#main .mod_sitemap ul.level_1 li a:link { background:url(../grafics/ico_arrowright.gif) no-repeat top left; text-decoration:none; padding-left:20px; }
#main .mod_sitemap ul.level_1 li a:visited { background:url(../grafics/ico_tick_visited.gif) no-repeat top left; padding-left:20px; }
#main .mod_sitemap ul.level_1 li a:hover, #main .mod_sitemap ul.level_1 li a:active { background:url(../grafics/ico_arrowright_hover.gif) no-repeat top left; }

#main .mod_sitemap ul.level_2 {margin:0; padding:2px 0 5px 20px; font-size:0.85em; }
#main .mod_sitemap ul.level_2 li {margin:0 0 0 2px; padding:0; list-style:none; }
#main .mod_sitemap ul.level_2 li a:link { background:url(../grafics/ico_arrowright.gif) no-repeat top left; text-decoration:none; padding-left:20px; }
#main .mod_sitemap ul.level_2 li a:visited { background:url(../grafics/ico_tick_visited.gif) no-repeat top left; padding-left:20px; }
#main .mod_sitemap ul.level_2 li a:hover, #main .mod_sitemap ul.level_2 li a:active { background:url(../grafics/ico_arrowright_hover.gif) no-repeat top left; }

#main .mod_sitemap ul.level_3 {margin:0; padding:2px 0 5px 20px; font-size:1em; }
#main .mod_sitemap ul.level_3 li {margin:0 0 0 2px; padding:0; list-style:none; }
#main .mod_sitemap ul.level_3 li a:link { background:url(../grafics/ico_arrowright.gif) no-repeat top left; text-decoration:none; padding-left:20px; }
#main .mod_sitemap ul.level_3 li a:visited { background:url(../grafics/ico_tick_visited.gif) no-repeat top left; padding-left:20px;}
#main .mod_sitemap ul.level_3 li a:hover, #main .mod_sitemap ul.level_3 li a:active { background:url(../grafics/ico_arrowright_hover.gif) no-repeat top left; }

/* GLOBAL FONT STYLES                                        */
/*************************************************************/
/* SEITE DRUCKEN */
#print a:link, #print a:visited { padding-left:20px; color:#a5a5a5; font-size:1em; background:url(../grafics/ico_print.gif) no-repeat top left; display:block; }
#print a:hover { color:#a3195c; background:url(../grafics/ico_print_hover.gif) no-repeat top left; }
#print a:active { color:#a3195c; background:url(../grafics/ico_print_hover.gif) no-repeat top left; margin-top:1px; }

/* UEBERSCHRIFTEN */
h1.pagename {color:#a3195c; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-bottom:0.8em;}
h1 {font-size:1.1em; color:#a3195c; font-weight:bold; margin-bottom:0.5em;}
h2, h3, h4, h5, h6 {font-size:1em; font-weight:bold; margin-bottom:0.7em;}
#right h2, #main h2 {color:#a3195c;}
#right h2 {margin-bottom:0em;}
#leitbild h2, #main .ce_headline {background-color:#dbdee1; color:#a3195c; padding:3px;}

#main a:link, #main a:visited {color:#a3195c;}
#main a:hover, #main a:active {text-decoration:underline; }
.ce_text, .ce_gallery, .ce_table {margin-bottom:20px;}
.caption {font-style:italic;}
#main img {padding:2px; background-color:#D4D4D4;}
#main .mime_icon {padding:3px 3px 0 0; background:none; vertical-align:baseline; float:left;}
#main p.more img {background:none;}

#main .col-3-30-30-30 img, #main .col-2-50-50 img, #main .col-3-20-40-20 img  {margin-bottom:3px;}
#main .klassentitel{font-size:0.9em; font-weight:bold;}

/* Download Element */
#main .enclosure, #main .ce_downloads { margin:20px 0; }
#main .ce_downloads a:link, #main .ce_downloads a:visited, #main .enclosure a:link, #main .enclosure a:visited, #main .ce_download a:link, #main .ce_download a:visited { background-color: #eff3f7 !important; color:#282828; float:left; display:block; width:510px; padding:2px 2px 2px 25px; margin-bottom:3px; }
#main .ce_downloads a:hover, #main .ce_downloads p a:active, #main .enclosure a:hover, #main .enclosure a:active, #main .ce_download a:hover, #main .ce_download p a:active  { background-color: #f7fafd !important; color:#a3195c; text-decoration:none; }

/* Listen Element */
#main .ce_list { margin:20px 0; }
#main .ce_list li { background:url(../grafics/ico_bullet.gif) top left no-repeat; padding-left:20px; margin-left:15px;}

/* Tabelle */
.ce_table th {font-size:1em; font-weight:bold; padding-bottom:10px; text-align:left;}
.ce_table td {font-size:0.85em; letter-spacing:0em; padding-left:1px;}
.ce_table .col_0, .ce_table .col_1, .ce_table .col_2 {width:175px;padding-right:10px; padding-bottom: 10px;}

/* Spezielle Linkformate */
.mail-link {background:url(../grafics/ico_email.png) no-repeat 0px 2px; padding-left:16px;}
#main a.inhalts-link:link, #main a.inhalts-link:visited {color:#a3195c; background:url(../grafics/ico_arrowright_hover.gif) no-repeat 0px 0px; padding-left:16px; }
#main a.inhalts-link:hover, #main a.inhalts-link:active {color:#282828; background:url(../grafics/ico_arrowright.gif) no-repeat 0px 0px; padding-left:16px; text-decoration:none; }

/* Suchresultate */
#suchresultate .even {background-color:#f7f7f7; padding:4px; margin-bottom:10px; }
#suchresultate .odd {background-color:#fff; padding:4px; margin-bottom:10px;}
#suchresultate .first {margin-top: 40px; clear:both;}
#suchresultate h3 a:link, #suchresultate h3 a:visited {border-bottom:1px solid #a3195c; display:block; font-weight:normal; color:#a3195c; margin-bottom: 5px; background:url(../grafics/ico_arrowright.gif) no-repeat top left; padding-left:20px;}
#suchresultate h3 a:hover, #suchresultate h3 a:active {border-bottom:1px solid #dbdee1; display:block; text-decoration:none; color:#a5a5a5; background:url(../grafics/ico_arrowright_hover.gif) no-repeat top left; padding-left:20px;}
#suchresultate .relevance {display:none;}
#suchresultate .context {margin:0;}
#suchresultate .url {font-size:0.85em; color:#a5a5a5;}

/*  NEWS / RECHTE SPALTE								  	 */
/*************************************************************/
#main .mod_newslist .even, #main .mod_newslistfuture .even {background-color:#f7f7f7; padding:4px; margin-bottom:10px; }
#main .mod_newslist .odd, #main .mod_newslistfuture .odd {background-color:#fff; padding:4px; margin-bottom:10px;}
.mod_newslist .layout_simple, span.modul {font-size:1em;}
#right .modul {margin-bottom:15px; display:block;}
#right #stellen {position:relative; top: 10px;}
.mod_newslist .block {display:block;}
.mod_newslist .layout_simple a:link, .mod_newslist .layout_simple a:visited, span.modul a:link, span.modul a:visited { color:#291b09; }
.mod_newslist .layout_simple a:hover, .mod_newslist .layout_simple a:active, span.modul a:hover, span.modul a:active   { color:636363#; text-decoration:underline; }
.mod_newslist p.more a:link, .mod_newslist p.more a:visited {color:#291b09; font-size:0.85em;}
.mod_newslist p.more a:hover, .mod_newslist p.more a:active  {color:#636363; }
#news .mod_newslist h2 a:link, #news .mod_newslist h2 a:visited {border-bottom:1px solid #a3195c; display:block; font-weight:normal; color:#a3195c; margin-bottom: 5px; background:url(../grafics/ico_arrowright.gif) no-repeat top left; padding-left:20px;}
#news .mod_newslist h2 a:hover, #news .mod_newslist h2 a:active {border-bottom:1px solid #282828; color:#282828; text-decoration:none; background:url(../grafics/ico_arrowright_hover.gif) no-repeat top left; padding-left:20px;}
.mod_newslist p.info, .mod_newslistfuture p.info {color:#a5a5a5; margin:0px; font-size:0.85em; float:right;}
.mod_newsreader p.info {color:#a5a5a5; margin:0px; font-size:0.85em; float:right; position:relative; top:-20px;}
.mod_newslist .layout_short {margin-bottom:30px;}
.mod_newslist .newsdate {color:#a5a5a5; margin:0px; padding:0px; font-size:0.85em; line-height:1.1em; }
#right .newsdate {font-size:1em; color:#a5a5a5; line-height:1.4em }
.layout_full p.info {color:#a5a5a5; margin:0px; padding:0px; }
.ce_text .image_container {margin: 0px 15px 10px 0;}
.ce_news_gallery {margin: 30px 0 10px 0;}
.mod_newsreader p.back a:link, .mod_newsreader p.back a:visited {color:#291b09; font-size:0.85em; position:relative; top:20px;}
.mod_newsreader p.back a:hover, .mod_newsreader p.back a:active {color:#636363;}
#stellen {margin-bottom:30px;}
#stellen .layout_simple h2 {font-size:1em;}
strong{font-weight:bold;}

/*  PAGINATION											  	 */
/*************************************************************/
.pagination {display:block; width:537px; }
.pagination ul {float:left; display:inline;}
#main .pagination ul li span.current {background-color:#a3195c; color:#fff; padding: 0 3px;}
#main .pagination ul li, #main #suchresultate .pagination p {display:inline; width:auto;}
#main .pagination p {float:right; color:#282828;}
#main .pagination .current {color:#282828;}

/*  Templates											  	 */
/*************************************************************/
#main .col-2-50-50 {display:block; width:530px; margin:0; padding:0; clear:both;}
#main .col-2-50-50 .col-a {float:left; width:250px; margin:0 10px 0 0;}
#main .col-2-50-50 .col-b {float:left; width:250px; margin:0;}

#main .col-3-30-30-30 {display:block; width:550px; margin:0; padding:0; clear:both;}
#main .col-3-30-30-30 .col-a {float:left; width:170px; margin:0 10px 0 0;}
#main .col-3-30-30-30 .col-b {float:left; width:170px; margin:0 10px 0 0;}
#main .col-3-30-30-30 .col-c {float:left; width:170px; margin:0;}

#main .col-3-20-40-20 {display:block; width:550px; margin:0; padding:0; clear:both;}
#main .col-3-20-40-20 .col-a {float:left; width:100px; margin:0 30px 0 0;}
#main .col-3-20-40-20 .col-b {float:left; width:280px; margin:0 30px 0 0;}
#main .col-3-20-40-20 .col-c {float:left; width:100px; margin:0;}

/*  FORMULAR											  	 */
/*************************************************************/
.ce_form  label{float:left; display:block; width:150px; margin-top:10px;}
.ce_form  input {float:left; width: 250px; height: 16px; border: 1px solid #aaa; color:#a3195c; padding:2px 2px; background-color: #ededed; font-size:1em;}
.ce_form  input:focus {border: 1px solid #a3195c; color:#a3195c; background: #fff;}
.ce_form  br {clear:both; margin:0; padding:0;}
textarea {float: left; width:250px; height: 75px; border: 1px solid #aaa; margin: 0 0 6px 0; color:#a3195c; padding:0 0 0 4px; background-color:#ededed; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
textarea:focus { border: 1px solid #a3195c; color:#a3195c; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.ce_form  .submit {background-color:#a3195c; border:1px solid #aaa; color:#fff; cursor:standard; height:20px; margin:0 0 0 150px; padding:0 0 3px; width:150px}
.ce_form  p.error {float:right; width: 120px; color:#a3195c; height:16px; font-size:10px; line-height:1em;}

/*  VOLLTEXTSUCHE											 */
/*************************************************************/
#searchpanel {width:135px;}
#searchpanel #keywords {width:100px; height:14px; padding:2px; font-size:0.85em; border:1px solid #aaa; background:url(../grafics/ico_lupe.gif) no-repeat 2px 1px; float:left; color:#a3195c;}
#searchpanel #keywords:focus {background:none; border:1px solid #a3195c; width:110px;}
#searchpanel .submit { width:15px; height:15px; padding-top:2px; display:block; float:right;}
#suchresultate .mod_asteriskSearch {border-top:1px solid #a5a5a5; padding-top:10px; width: 540px;}
#suchresultate .formbody #keywords {width:100px; height:14px; float:left; padding:2px; font-size:0.85em; border:1px solid #aaa;}
#suchresultate .formbody .submit { margin:2px 0 0 5px; width:15px; height:15px; background:none; float:left; }
#suchresultate .formbody label { margin:0 10px 0 0; float:left; }
#suchresultate p.header {margin:0; font-size:0.85em; width:300px; float:right; text-align:right;}

/*  FIXES  													 */
/*************************************************************/
.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;}