/*   Design:   CENTERED with TOPNAV 				         */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Sam Mueller, www.nuun.ch 		                 */
/*   Datum:   15.01.2009				                     */
/*   Site: 	  wwww.skizzenrolle.ch		               		 */
/*************************************************************/
/*   Colors:  black: #3f3636 (Text)					 		 */
/*			  grey: #ececec (BG)							 */
/*			  grey: #aba48f (Text)							 */
/*************************************************************/


/*  GLOBAL LAYOUT											 */
/*************************************************************/
body { background:url(/templates/grafics/bg_body.gif) repeat-x; font: 100.01%/1.3em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.01em; color:#666;}
#top { width:850px; height:93px;}
#srkeyvisual { width:45px; height:46px; margin: 30px 0px 0px 20px; float:left;}
#srlogo { width:192px; height:32px; margin:42px 0px 0px 20px; float:right;  }
#middle { width:850px; height:260px; }
#pic { float:left; width:620px; height:260px; }
#news { width:199px; height:67px; background:url(grafics/bg_news.jpg) repeat-x top left; position:absolute; top:276px; left:0px; padding: 5px 5px 5px 26px; font-size:0.7em; color:#3f3635; }
#bottom { width:620px; padding-left:230px; padding-top:15px; background-color:#fff; }
#onecol { width:620px; font-size:0.8em; color:#aba48f; }
#lftcol { width:300px; float:left; font-size:0.8em; color:#aba48f; margin-right:20px; }
#rgtcol { width:300px; float:left; font-size:0.8em; color:#aba48f; }
address { width:640px; height:20px; color:#aba48f; font-size:0.7em; margin-top:60px; font-style:normal; letter-spacing: 0em;  }
.cleaner{clear:both; height:1px;}

/*** Hauptnavigation ***********************************************************/
ul.menu-0 { width:230px; height:280px; list-style-type:none; padding-top:20px; float:left; } 
.menu-0 li { list-style-type:none; margin-bottom:10px; }
.menu-0 li a { width:194px; display:block; font-size:0.9em; font-weight:bold; line-height:1.2em; padding:2px 0px 2px 25px; text-align:left; text-transform:uppercase;}
.menu-0 li a:link, .menu-0 li a:visited { text-decoration:none; color:#aba48f; }
.menu-0 li a:hover, .menu-0 li a:active { text-decoration:none; color:#3f3636; }
 
.menu-0 li.menu-current a:link,
.menu-0 li.menu-current a:visited,
.menu-0 li.menu-current a:hover, 
.menu-0 li.menu-current a:active 
.menu-0 li.menu-parent a:link,
.menu-0 li.menu-parent a:visited,
.menu-0 li.menu-parent a:hover, 
.menu-0 li.menu-parent a:active { color:#3f3636; }

/*** Sekundärnavigation ***********************************************************/
ul.menu-1 { margin:0px; padding:0px; list-style:none;  }
ul.menu-1 li.menu-1 { margin:0px; }
ul.menu-1 li.menu-1 a:link,
ul.menu-1 li.menu-1 a:visited
{color:#aba48f; text-transform:none; display:block; font-size:0.7em; font-weight:normal;}

ul.menu-1 li.menu-1 a:hover,
ul.menu-1 li.menu-1 a:active,
ul.menu-1 li.menu-current a:link,
ul.menu-1 li.menu-current a:visited,
ul.menu-1 li.menu-current a:hover, 
ul.menu-1 li.menu-current a:active,
ul.menu-1 li.menu-parent a:link,
ul.menu-1 li.menu-parent a:visited,
ul.menu-1 li.menu-parent a:hover, 
ul.menu-1 li.menu-parent a:active 
{ color:#3f3636; }

/*** Tertiärnavigation ***********************************************************/
ul.menu-2 {width:620px; height:35px; list-style-type:none; } 
ul.menu-2 li.menu-2 { float:left;}
ul.menu-2 li.menu-2 a:link,
ul.menu-2 li.menu-2 a:visited
{color:#aba48f; display:block; font-size:0.7em; background:url(/templates/grafics/tube.gif) right 5px no-repeat; padding: 0px 20px 0px 0px; }

ul.menu-2 li.menu-2 a:hover,
ul.menu-2 li.menu-2 a:active,
ul.menu-2 li.menu-current a:link,
ul.menu-2 li.menu-current a:visited,
ul.menu-2 li.menu-current a:hover, 
ul.menu-2 li.menu-current a:active,
ul.menu-2 li.menu-parent a:link,
ul.menu-2 li.menu-parent a:visited,
ul.menu-2 li.menu-parent a:hover, 
ul.menu-2 li.menu-parent a:active 
{ color:#3f3636;}

address a:link, address a:visited {color:#aba48f;}
address a:hover, address a:active {color:#3f3636;}

#lftcol a:link, #lftcol a:visited {color:#3f3636; text-decoration:none;}
#lftcol a:hover, #lftcol a:active {color:#aba48f; text-decoration:underline;}
#rgtcol a:link, #rgtcol a:visited {color:#3f3636; text-decoration:none;}
#rgtcol a:hover, #rgtcol a:active {color:#aba48f; text-decoration:underline;}
#onecol a:link, #onecol a:visited {color:#3f3636; text-decoration:none;}
#onecol a:hover, #onecol a:active {color:#aba48f; text-decoration:underline;}
#news a:link, #news a:visited {color:#3f3636; text-decoration:none; line-height:1.3em;}
#news a:hover, #news a:active {color:#aba48f; text-decoration:underline;}
#news p {color:#3f3636; line-height:1.3em;}

.lft { float:left; font-size:0.8em; width:270px; margin-right:20px; }
.rgt { float:left; font-size:0.8em; width:270px; }
h1 {font-size: 1.3em; color:#aba48f; font-weight:normal; margin-bottom:15px; margin-top:-15px; }
h2 {font-size: 1.1em; color:#aba48f; font-weight:normal; margin-bottom:5px;}
h3, h4, h5, h6 {font-size: 1em; color:#aba48f; font-weight:normal; margin-bottom:0px; font-style:italic;}
#lftcol ul li {font-size:0.8em; margin:0px 0px 0px 25px; list-style-type:disc;}
#lftcol ol li {font-size:0.8em; margin:0px 0px 0px 25px; list-style-type:decimal;}
.tb-txt-img-left {width:204px; float:left; clear:both;}
.tb-txt-img-left img {float:left; margin: 10px 10px 5px 0px;}
.tb-txt-img-left h3 {margin: 3px 0px -3px 0px;}
.tb-txt-img-left-news {width:600px; float:left; clear:both;}
.tb-txt-img-left-news img {float:left; margin: 10px 20px 10px 0px;}
.tb-txt-img-left-news h3 {font-size:11px;}


/*  FORMULAR  												 */
/*************************************************************/
#maincontainer p.nixhier { display:none; }
form td { padding-bottom: 8px; }
td.field_title{width:150px; height:30px; color:#666; padding-right: 10px; vertical-align:middle; text-align:left; font-size:1em; }

input.field_checkbox{ margin: 10px 0 0 3px; }
input#field2, input#field3, input#field4, input#field5, input#field6, input#field7, input#field8, input#field9, textarea#field8{
font-family: Arial, Verdana, Helvetica, sans-serif; color:#3f3636; width: 280px; height: 16px; padding: 2px; border-bottom: 1px solid #e4ded7; border-top:none; border-left:none; border-right:none; background: #f9f5f0;}

input#field2:focus, input#field3:focus, input#field4:focus, input#field5:focus, input#field6:focus, input#field7:focus, input#field8:focus, input#field9:focus, textarea#field8:focus{
border-bottom: 1px solid #e4ded7; border-top:none; border-left:none; border-right:none; background: #fefbf7;}

textarea#field8 { height: 80px; color:#00598c; margin-top: 0.3em;}

input.submitter{ color:#3f3636; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; border: 1px solid #f2f2f2; background: #dbd7d2; width: 285px; height: 25px; margin-top:15px;}

.required{color:#a84548 !important;}
.formback{font-size:0.8em; margin-top:1em; display:block;}


/*  FIXES  													 */
/*************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */