html, body {
	
	margin:0 auto;
	line-height:1.6;
	text-align:center; 
	height:100%;
}
body                                    {font-family: Arial;font-size: 75%;color:#555; 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:25px;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:12px;}
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:1001px;
	
}
#header
{
    width: 970px;
    height:145px;
    margin:0 auto;
    text-align:left;
}
    
#menu
{
    height:60px;
    width:1001px;
    margin:0 auto;
    background: url(/img/design/menu_background.png) no-repeat;
    text-transform: uppercase;
}
#main
{
    position: relative;
    width:970px;
    margin: 0 auto;
    margin-top: -15px;
}      
 
#main .content   
{
    /*padding:30px 30px 30px 30px;*/
    text-align:left;
    margin:0 auto; 
    width: 950px;
    background-color: #fff;
}
#main .content .leftImage
{
    float: right;
    margin-top:20px;
}   
#main .content .leftColumn
{
    float: left;
    margin: 30px;
    width:620px;

}
#main .content .leftColumn .topImage
{
    width: 620px;
    margin-bottom:15px;
}
#main .content .rightColumn
{
    padding: 30px;
    width: 208px;
    float: left;
    font-size:11px;
}
.verticalLine
{
    width: 1px;
    top: 30px;
    bottom: 30px;
    background-color: #cccccc;
    position: absolute;
    left: 690px;

}

#leftFiller
{
    background-color: #fff;
    width: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 10px;
}
#leftCorner
{
    position:absolute;
    left: 0;
    bottom: 0px;
    width: 10px;
    height: 10px;
    background: url(/img/design/left_bottom_white.png) no-repeat bottom;
    background-color: transparent;
}
#rightFiller
{
    background-color: #fff;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 10px;
}
#rightCorner
{
    position:absolute;
    right: 0;
    bottom: 0px;
    width: 10px;
    height: 10px;
    background: url(/img/design/right_bottom_white.png) no-repeat bottom;
    background-color: transparent;
}
#footer
{  
    width: 970px;
    margin: 0 auto;
    height: 200px;
	text-align:left;
	color:#fff;
	background-color: #4A8DBF;
}
#footer p                       {margin:0px 15px 0px 15px;}   
#footer a                       {color:#fff;}
#footer a:hover                 {}
#footer .itstaden               {color:#7DB3DB;font-size:10px;font-family: Arial;}
#footer .itstaden a             {color:#7DB3DB;}
#footer .itstaden a:hover       {color:#FFF;}
#footer .itstaden img           {margin:0px 0px -4px 0px;}
 
#footer .box
{
    width: 220px;
    height: 100px;
    background: none;
    float: left;
    text-align: left;
    padding: 40px 30px 40px 50px;
}
#footer ul
{
    margin: 10px 0;
}
#footer li
{
    list-style: none;
}
    
/* ------ END LAYOUT -------- */

ul.menu                     {margin:0 auto;margin-top:0px;list-style:none;width:980px;color:#fff;font-size:11px;font-weight:bold;}

ul.menu li                  {float:left;/*height:36px;*/padding:14px 12px 0px 12px;text-align:center;}
ul.menu li a                {color: #fff;}
ul.menu li.selected         {/*background:url(../img/design/bg_menu_selected.gif) top left repeat-x;*/font-weight:bold;padding-top:7px;}
ul.menu li.selected .left   {background:url(/img/design/selected_menu_left.png) top left no-repeat;width:5px; height:30px;float:left;}
ul.menu li.selected .right   {background:url(/img/design/selected_menu_right.png) top left no-repeat;width:5px; height:30px;float:left;}
ul.menu li.selected .filler   {background:url(/img/design/selected_menu_filler.png) top left repeat-x; height:23px;padding:7px 8px 0px;float:left;}
ul.menu li.selected a       {color:#fff;}
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_300              {color:#444;width:260px;height:300px;background:url(/img/design/bg_graybox_300.gif) no-repeat; padding:20px}
.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:10px 0px 0px 12px;float: left;}

.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;
}
#phoneContactContainer
{
    float: left;
    margin-left: 400px;
    margin-top: 5px;
    padding-top: 15px;
    width: 200px;
    height: 54px;
    background: url(/img/design/lur.png) no-repeat top left;
}
#phoneContactContainer .text
{
    margin-left: 70px;
    
}
.boxContainer
{
    width: 970px;
    height: 345px;
    margin: 10px auto;
}
.box
{
    width: 288px;
    height: 318px;
    background-color: #fff;
    float: left;
    text-align: left;
    padding: 14px;
}

.boxCenter
{
    margin:0 10px 0 10px;
}
.boxTopImage
{
    width: 288px;
    height: 150px;
}
.boxContent
{
    margin: 12px;
}