html, body {
	
	margin:0 auto;
	line-height:1.5;
	text-align:center; 
	height:100%;
}
body                                    {font-family: Arial;font-size: 75%;background: #6AB0F5 url(../img/design/bg_body.jpg) repeat-x;}
td, th                                  {text-align:left;}
h1,h2,h3,h4,h5,p,input,table,ul,li      {margin:0;padding:0;}
h1                                      {font-size:22px;margin: 0.33em 0 0.5em 0;}
h2                                      {font-size:18px;}
h3                                      {font-size:15px;}
h4                                      {font-size:19px;line-height:19px;}
h5                                      {font-size:14px;}
a                                       {color:#075E9A;text-decoration:none;}
a:hover                                 {color:#000;}
p                                       {margin: 0.5em 0 1em 0.2em;}
img                                     {border:none;}             
ul                                      {list-style-type:disc;margin-left:20px;}   
table, td                               {font-size:1em;vertical-align:top;}            

/* -------- LAYOUT -------- */

#container
{
    margin:0 auto;
	text-align:center;
	width:920px;
	
}
#header
{
    height:145px;
    margin:0 auto;
    text-align:left;
}
    
#menu
{
    height:40px;
    width:885px;
    margin:0 auto;
}
#main
{

    background:url(/img/design/bg_main.gif) repeat-y;

}
    #main .top                      {background:url(/img/design/bg_main_top.gif) top left no-repeat;min-height:100px;_height:100px;}
    #main .bottom                   {background:url(/img/design/bg_main_bottom.gif) top left no-repeat;height:35px;}
    #main .content                  {padding:30px 25px 30px 30px;text-align:left;}   
    #main .content .col1            {width:200px;float:left;}
    #main .content .col2            {width:385px;float:left;margin-left:20px;}
    #main .content .col3            {width:239px;float:left;margin-left:20px;}
 
#footer
{  
    height:70px;
	text-align:left;
	color:#FFF;
}
    #footer p                       {margin:0px 15px 0px 15px;}   
    #footer a                       {color:#F2F2F2;}
    #footer .itstaden               {color:#F2F2F2;font-size:10px;font-family: Arial;}
    #footer .itstaden a             {color:#F2F2F2;}
    #footer .itstaden a:hover       {color:#FFF;}
    #footer .itstaden img           {margin:0px 0px -4px 0px;}
    
/* ------ END LAYOUT -------- */

ul.menu                     {margin:0;margin-top:3px;list-style:none;width:900px;color:#075E9A;font-size:13px;}

ul.menu li                  {float:left;height:36px;padding:6px 11px 0px 11px;text-align:center;}
ul.menu li.selected         {background:url(../img/design/bg_menu_selected.gif) top left repeat-x;font-weight:bold;}
ul.menu li.selected a       {color:#000;}
ul.menu li.selected a:hover {padding-bottom:0px;border-bottom:none;}

.graybox                    {color:#444;width:239px;height:184px;background:url(/img/design/bg_graybox.gif) no-repeat;}
.graybox_large              {color:#444;width:400px;height:300px;background:url(/img/design/bg_graybox_large.gif) no-repeat;}
.graybox_analys             {color:#444;width:239px;height:230px;background:url(/img/design/bg_vattenanalys.gif) no-repeat;}
.graybox_analys:hover       {cursor:pointer;}

.bildbox            {width:154px;padding:20px;height:170px;background:#F2F2F2;float:left;margin:3px;background:url(/img/design/bg_bildbox.gif) no-repeat;}
.bildbox2            {padding:10px;height:120px;background:#F2F2F2;float:left;margin:5px;border:solid 1px #e2e2e2;}

.logo   {margin:25px 0px 0px 12px;}

.small      {font-size:0.9em;}
.large      {font-size:14px;}
.lightblue  {color:#D1E6FB;}
.gray       {color:#555555;}

.clear      {clear:both;height:1px;}

.textbox    {height:25px;max-height:25px;background:#FFF;border:solid 1px #BEBEBE;font-family:Arial;font-size:14px;padding:4px;margin:2px 0px 5px 0px;width:195px;}

.button     {background:#CCC;border:solid 1px #666;height:25px;width:80px;}
.spacer     {margin:0px 15px 0px 15px;}
.nobr       {white-space: nowrap;}
.btn        {border:solid 1px #999;padding:5px;background:#CCC;font-family: Arial;font-size:12px;font-weight:bold;}
.pil        {margin:0px 5px -4px 5px;}

.divForm    {padding:10px;background:#F2F2F2;}

.modalAjaxBackground {
	background-color:#233141;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
    opacity:0.90;
}

.modalPopUp
{
    position:fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 1000;
    filter:alpha(opacity=95);
    -moz-opacity:0.95;
    opacity:0.95;
    background: #08111B;
    _height: expression(window.document.body.offsetHeight + "px") !important;
    _position: absolute !important;
    _width: expression(window.document.body.offsetWidth + "px") !important; 
}
    .modalPopUp div  {font-size:12px;color:#FFF;position:absolute;left:40%;top:300px;z-index:100;}
    
.modalContent
{
    height:540px;
    overflow: auto;
    width:600px;
    background:#FFF;
    padding:20px;
}