@charset "utf-8";
/* CSS Document */

html{height:100%;}
html>body #outer{height:auto}/* not ie6- */


body{
color:#333;
line-height: 1.5em;
font-family: Arial,Tahoma,Verdana;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	
/*	
font-weight: bold;
font-size:15px;
font-style: normal;
font-family: Arial;
line-height: 2em;
	font-variant: normal;
	text-transform: none;
*/

    height:100%;
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f7fcf8;
}

/*------------------------------------------------body_area--------------------*/
#body_area{
	width:auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.body_textarea {
	margin: 0px;
	float: none;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.midarea {
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-left:10px;
/*	border-right: 3px dotted #900;*/
	

}


#outer{
height:100%;
min-height:100%;
background:red;
}



div, h1, h2, h3, h4, p, img, span{ margin:0; padding:0; }



.csoda form { padding:0;margin:0;}
.csoda label { float:left; width:150px;font-size:14px; padding-top: 15px; text-align: left;}
.csoda select { width: 300px; border:1px solid #dddddd;padding:8px;color:#5e5e5e;font-size:14px; }
.csoda input, textarea	{ border:1px solid #6C6C6C;padding:8px;color:#5e5e5e;font-size:14px; margin-top:10px; }
.csoda input:focus, textarea:focus { border:1px solid #acacac; padding:8px; } 
.csoda input { width:300px; height:20px; }
.csoda input[type="submit"] { width: 315px; height:30px; }
.csoda textarea { width:300px; height:150px; }




.g2 a {
	font-weight: normal;
	text-transform: capitalize;
}
.g2 li {
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	list-style-type: disc;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}

.hiba {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}

.siker {
	font-size: 14px;
	font-weight: bold;
	color: #0C0;
}


.lent {
	font-size:18px;
	color:#F00;
clear: both;
 position:static;
 bottom:0px;
 margin-top: -3em;
}



/*------------------------------------------------topheader--------------------*/
#topheader{ 
	height:90px;
	margin-top: 10px; 
	margin-right: auto; 
	margin-bottom:0px;
	margin-left:5px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-repeat: no-repeat;
	background-position: center;
}

.menu_area {
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.ideas {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(images/menu_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 120px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.ideas:hover {
	font-family: Arial;
	font-weight: normal;
	
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.links {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(images/menu_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width:100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px;
}
.links:hover {
	font-family: Arial;
	font-weight: normal;
	
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px;
}
.info{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(images/menu_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px; 
	padding-left: 60px;
}
.info:hover{
	font-family: Arial;
	font-weight: normal;
	
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.works {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(images/menu_04.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.works:hover {
	font-family: Arial;
	font-weight: normal;
	
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_04.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}

.login {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(images/menu_05.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 110px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.login:hover {
	font-family: Arial;
	font-weight: normal;
	
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_05.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}


.left {
	margin: 0px;
	float: left;
	height: 820px;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.left_menu_area {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 320px;
	width: 150px;
}
.left_menutop {
	background-image: url(images/menu_top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 150px;
}
.left_menu {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;
	background-image: url(images/menu_active.png);
	background-repeat: no-repeat;
	margin: 0px;
	height: 20px;
	width: 150px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.left_menu:HOVER {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
	background-image: url(images/menu_hover.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 138px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.head {
	font-family: Georgia;
	font-size: 45px;
	font-weight: normal;
	color: #d0910b;
	text-decoration: none;
	margin: 0px;
	float: none;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}





/*------------------------------------------------fotterlinksend--------------------*/

/*------------------------------------------------validation --------------------*/
a.xhtml:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px; 
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.rounded-corner  {
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:13px;
margin-bottom:20px;
margin-left:0px;
margin-right:20px;
margin-top:20px;
text-align:left;
}
.rounded-corner thead th.jobb {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#B9C9FE;
/*background-image:url("images/left.png");*/
background-position:left -1px;
background-repeat:no-repeat;
}
.rounded-corner thead th.bal {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#B9C9FE;
/*background-image:url("images/right.png");*/
background-position:right -1px;
background-repeat:no-repeat;
}
.rounded-corner th {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#B9C9FE;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#003399;
font-size:13px;
font-weight:normal;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}
.rounded-corner td {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#E8EDFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:1px;
color:#666699;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
padding-top:8px;
}
.rounded-corner tfoot td.lbal {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#E8EDFF;
/*background-image:url("images/botleft.png");*/
background-position:left bottom;
background-repeat:no-repeat;
}
.rounded-corner tfoot td.ljobb {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#E8EDFF;
/*background-image:url("images/botright.png");*/
background-position:right bottom;
background-repeat:no-repeat;
}
.rounded-corner tbody tr:hover td {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#D0DAFD;
background-image:none;
background-position:0 0;
background-repeat:repeat;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/