/* global font defaults */

body, p, a, input, select, option, textarea,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:   11px;
	color:       black;
}

th
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:   11px;
    color:       black;

}


html,body,form 
{
	background-color :#F2F3EB;
	margin:	0;
	padding:0;
	height:	100%;
	width: 100%;
	border:	none;
}

/* global title sizes */
h1 { font-size: 145%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 100%; }

h1.menuTitle
{
    font-size:18px;
    color:#004380; 
    font-weight:normal;
    line-height:250%;
    float: left;
    padding-left: 22px;
    height:56px;
    }
/*
 * GENERIC STYLE CLASSES
 */

/*#fullheighttable
{
	height:100%;
	width:100%;
}

table.full-height
{
  height:100%;
  width:100%;
}
*/
/* class .left (aligns the text to left) */
.left { text-align: left; }

/* class .center (aligns the text to center) */
.center { text-align: center; }
/* centered table*/
.center table { margin-left: auto; margin-right: auto; }
td #center { text-align: center; }

/* class .right (aligns the text to right) */
.textright, .right {  text-align: right; }
.right table { margin-left: auto; }

/* class .textupper (upcases the text) */
.textupper, .upper {  text-transform: uppercase; }

/* class .nobord (removes the border from items, especially checkboxes) */
.nobord
{
	border-style: none;
	border-width: 0px;
}





/*
 * INPUT ELEMENTS
*/

/* tag option */
option{margin:2px;}

/* tag textarea */
textarea
{
	margin:       2px;
	border-style: solid;
	border-width: 1px;
}

/* tag input */
input
{
	text-align:  left;
	margin:       2px;
	border-style: solid;
	border-width: 1px;
}

/* tag select */
select
{
	background:   #FFFFFF;
	color:        #000000;
}

input[type="button"]
{
	border-width: 1px;
	border-color: #000000;
	border-style: outset;
	text-align: center;
	/*filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FCFCFC,endcolorstr=#CECECE);*/
}


/* tag input.checkbox */
input[type="checkbox"]
{
	border-style: none;
	border-width: 0px;
}

/* tag input.radio */
input[type="radio"]
{
	border-style: none;
	border-width: 0px;
}

/* tag input.checkbox */
input[type="submit"]
{
	text-align :center ;
}

/*
 * TAG STYLES
 */

/* tag a */
a:link, a:visited, a:hover, a:active
{
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
	text-align: justify;
}
a:hover{color: #ECB42C;}

/* tag hr */
hr
{
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	width: 100%;
}


/*
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *                         HEADER
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div#header
{
    background:url(../images/header_top.gif);
    background-repeat:repeat-x;  
    width:100%;
    height:83px;
    border:0;
}

div#logo
{
    float:left;
    height: 83px;
    width: 250px;
    }
       
div#headerRight
{
    float:right;
    padding:5px 15px 0 0;
    }    

div#menu_box
{
    background:url(../images/header_bottom.gif);
    background-repeat:repeat-x;  
    width:100%;
    height:73px;
    }
    
div#toolbar
{
    float:right;
    padding:6px 10px 0 0;
    }
    
div#toolbar a.button
{   
    background-repeat:no-repeat;
    background-position:top center;
    cursor:pointer;
    display:block;
    float:left;
    font-weight:normal;
    margin-right:18px;
    padding:40px 10px 0;
    text-align:center;
    white-space:nowrap;
    }  


/*
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ICONS
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.icon_1{ background-image:url(../images/icon_1.png);}
.icon_2{ background-image:url(../images/icon_2.png);}
.icon_3{ background-image:url(../images/icon_3.png);}
.icon_4{ background-image:url(../images/icon_4.png);}



/* id time (input which displays the current time on the top) */
.time
{
    font-weight: bold;
    text-align: center;
    color:white;
}


/*
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *                         MENU  AND CONTENT
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/ 

#content
{
	background-color:#f2f3eb;
	height:100%;
	width:100%;
	padding:22px;
}


/*-----------------------------------------------------------------*/
/*                     LOGIN PAGE                                  */
/*-----------------------------------------------------------------*/

div#loginBox
{
    position:relative;
    background-image:url(../images/login_bkg.jpg);
    background-repeat:no-repeat;
	height :275px; 
	width:370px; 
	margin:220px auto;
}

div#loginName, div#password, div#loginButton
{
    text-align:right;
    margin-right:135px;
    }
    
div#loginError
{   
    text-align:center;
    height:44px;
    line-height:50px;
    }
    
div#address
{   
    text-align:left;
    padding:13px 0 0 99px;
    line-height:130%;
    }
    
a#logoIdealnet{ display:block;
                height:50px;
                width:100px;
                position:absolute;
                bottom:0;
                left:0;}
                
a#logoZirk{     display:block;
                height:100px;
                width:100px;
                position:absolute;
                top:0;
                right:0;}

/*
------------------------------------------
            PAGES
------------------------------------------

*/

.Sections
{
	border-style:solid; 
	border-width:1px;
	border-color:Navy;
	width:780px;
	background-color:#9AB3D1;
}
.SectionsResizable
{
	border-style:solid; 
	border-width:1px;
	border-color:Navy;
	width: 100%;
	background-color:#9AB3D1;
}

.SectionsProp
{
	border-style:solid; 
	border-width:1px;
	border-color:Navy;
	width:100%;
	background-color:#9AB3D1;
}

.Meldung
{
	width:780px;
	background-color:#9AB3D1;
	border-style :solid;
	border-width:1px;
	border-color:Navy;
	vertical-align:top 
}
.Meldung td
{
	vertical-align :text-top; 
	vertical-align:top 
}

/*
------------------------------------------
            FOOTER
------------------------------------------

*/

div#footer
{    text-align:center;
     padding:10px 0;
    }



.FltDataGrid
{
    vertical-align:top;
    border-style :solid;
    border-width:1px;
	border-color:#006699;
   
   
   padding:3px;
   border-spacing:0px;
   border-collapse:collapse;
    


}




.FltDataGrid th td tr
{
   border-style :solid;
   border-width:1px;
   border-color:#006699;

}
.FltDataGrid th
{
   background-color:#D2D2D2;
}

div.scrollingGrid
{
    height:600px;
    overflow-y: auto;
    /*border:1px solid #006699;*/
    border-right:0 solid;
}

#note
{
    width:300px;
}


td.MapSearchEngine
{
    background-color:#9AB3D1;
}

/*               DATAGRID                */


th.datagrid
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:   11px;
	color:       black;
}