/*   Design:   CENTERED with TOPNAV 				         */
/*   File:     style.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.traumwerk.ch	                 */
/*   Datum:   04.03.2009				                     */
/*   Site: 	  wwww.sms-sg.ch                        		 */
/*************************************************************/
/*   Colors:  black-font: #282525			 				 */
/*			  black: #747474 (subnavigation inaktiv)		 */
/*			  blue: #4980c0 (subnavigation aktiv / links)	 */
/*			  white: #ffffff (mainnavigation inaktiv)		 */
/*			  black: #4d4d4d (mainnavigation aktiv)		 	 */
/*************************************************************/


/*  GLOBAL LAYOUT											 */
/*************************************************************/
html, body {min-width:901px; margin:0 auto; height:100%; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0em;}
body {background:url(images/design/bg.gif) top repeat-y; position:relative;}

#container-page {position: relative; min-height: 100%; width:901px; margin-left:auto; margin-right:auto; font-size:0.7em;}
* html #container-page {height: 100%;}
#container-footer {width:901px; position: relative; margin-top: -58px; margin-left:auto; margin-right:auto;}

#header {height:295px; width:901px; padding: 0; background:url(images/design/mainnav.jpg) bottom no-repeat; position:relative;}
#header #logoarea {position: absolute; top: 18px; left: 0;}

#footer-bg {background:url(images/design/footer.jpg) center no-repeat;}

#cleaner{clear:both;}


/*  GLOBAL TEXT FORMATS	AND CONTENT FORMATS					 */
/*************************************************************/
a, a:link, a:visited{text-decoration:none; color:#747474;}
a:hover, a:active{text-decoration:none; color:#4980c0;}
a.aktiv:link, a.aktiv:visited, a.aktiv:hover, a.aktiv:active, a.aktiv {text-decoration:none; color:#4980c0;}

#maincontainer{padding:10px 0 0 14px; display:block; clear:both; font-size:1em;}
#maincontainer p{padding:5px 0; display:block;}

#maincontainer h1{font-size:1.4em; background:none; padding:15px 0 6px 0; color:#4d4d4d; margin:0; line-height:1.43em; font-weight:bold;}
#maincontainer h2{font-size:1em; padding:6px 0 5px 0; color:#4d4d4d; font-weight:bold;}

#maincontainer #column-02 {width:530px; float:left; margin:0;}
#maincontainer #column-03 {width:302px; float:left; margin:0 0 0 34px;}

#maincontainer ul {margin:0; padding:5px 0; display:list-item;}
#maincontainer ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; background:url(images/design/listitem.gif) top left no-repeat;}

#maincontainer #column-03 .mod_login {width:153px; min-height:95px; float:left; display:block;}
#maincontainer #column-03 .mod_login input {float: left; width: 86px; height: 14px; border: 1px solid #747474; margin: 3px 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;}
#maincontainer #column-03 .mod_login input#submit {float:left; padding:0; height:17px; display:inline; width: 91px; margin:4px 0 4px 62px;}
#maincontainer #column-03 .mod login br {clear:both; margin:0; padding:0;}
#maincontainer #column-03 .mod_login label {float:left; padding:0 6px 2px 0; width:55px; margin:1px 0; font-weight:normal; font-size:1em;}
#maincontainer #column-03 .mod_login .formbody {margin:0; padding:10px 0 0 0;}
#maincontainer #column-03 .mod_login .formbody p.error {margin:0; padding:1px 0 6px 0;}


/*  MAIN-NAVIGATION	/ GEN-NAVIGATION / SEK-NAVIGATION	  	 */
/*************************************************************/
#hnav {position:absolute; top:267px; left:0;}

#randomimage_en,
#randomimage_de {padding:13px 0 0 0;}