/* 

eGoverLab CSS Document: default
********************************************
Copyright (C) Rain Allikvee 2008
********************************************

*/

/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0;}
html { margin: 0; padding: 0;  min-height: 100%;margin-bottom: 1px;}
body {position: relative; font: 12px Helvetica, Tahoma, sans-serif; line-height:19px; letter-spacing:0.3px; color: #000; text-align: center;}
:focus {outline: 0;}

#container {width:701px; margin:0 auto; text-align: left; overflow:hidden; z-index:100;}
#header {position: relative;}
#footer { background:url(../images/line.gif) top repeat-x; padding:10px 0; margin-top:20px} 

#content {float: left; text-align:left; display: block; width: 701px; z-index:100;}
.row {clear: both; display: block; width:100%; z-index:100;}
.col1 {float: left; display: block; width: 230px; margin-right: 10px; margin-bottom: 7px;}
.col1-r {float: left; display: block; width: 230px; margin-left: 10px; margin-bottom: 7px;}
.col2 {float: left; display: block; width: 335px; margin-right: 10px; margin-bottom: 7px; }
.col2-r {float: left; display: block; width: 335px; margin-left: 15px; margin-bottom: 7px; }
.col3 {float: left; display: block; width: 445px; margin-right: 10px; margin-bottom: 7px;}
.col4 {float: left; display: block; width: 701px; margin-right: 10px; margin-bottom: 7px; position:relative; background: none;}

.content4 {float: left; display: block; width: 701px; margin:0 0 7px 0; }

DIV.clear1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
DIV.clear5 { line-height: 0px; font-size: 1px; clear: both; height: 5px; }
DIV.clear10 { line-height: 0px; font-size: 1px; clear: both; height: 10px; }
DIV.clear15 { line-height: 0px; font-size: 1px; clear: both; height: 15px; }
DIV.clear20 { line-height: 0px; font-size: 1px; clear: both; height: 20px; }
DIV.clear25 { line-height: 0px; font-size: 1px; clear: both; height: 25px; }

.line {line-height: 0px; font-size: 1px; clear: both; height: 12px; background:url(../images/line.gif) 50% repeat-x;}

.show { display:block;}
.hide { display:none;}

.f-left { float: left; }
.f-right { float: right; }

.pad4 { padding:0 0 0 20px; }

/*  Header
--------------------------------------------------------------------------------------*/

.navigation { border: solid #D4D4D4; border-width:1px 0 1px 0; height:24px;}
.navigation-left ol {list-style: none; height:24px; float:left; padding-left:17px}
.navigation-left li {float: left;}
.navigation-right ol {list-style: none; height:24px; float:right;}
.navigation-right li {float: left;}

/*  Typography
--------------------------------------------------------------------------------------*/
h1 { color:#2E2E2E; font-size:16px; margin:15px 0 7px 15px}
h2 {font: 1.7em/1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; color: #000; padding-top: 10px; margin-bottom: 5px;}
.smaller {line-height:1.4em; font-size:1em}

.row p { margin:0 0 10px 15px; line-height:19px; font-size:12px}

h1 .r { color:#bf0000; font-size:1em;}
.r { color:#bf0000;}
.b { font-weight:bold;}
.n { font-weight:normal !important;}
.c { text-align:center;}

a, a:visited {color: #bf0000; text-decoration: underline;}
a:hover { color:#2e2e2e;}
a img {border: none;}

/*  Products
--------------------------------------------------------------------------------------*/
.content4 .product-ico { float:left; width:115px; margin-right:5px; text-align:center;}
.content4 .product-text { float:left; width:575px;}
.content4 .action { float:right; margin:7px 10px 0 0;}

.col2 .product-ico { float:left; width:115px; margin-right:5px; text-align:center;}
.col2 .product-text { float:left; width:215px;  }
.col2 .action { float:left; margin:7px 10px 0 0;}

.col3 .product-ico { float:left; width:115px; margin-right:5px; text-align:center;}
.col3 .product-text { float:left; width:320px;  }
.col3 .action { float:left; margin:7px 10px 0 0;}

.col2-r .product-ico { float:left; width:115px; margin-right:5px; text-align:center;}
.col2-r .product-text { float:left; width:215px; }
.col2-r .action { float:left; margin:7px 10px 0 0;}

.lead { font-size:13px; font-weight:bold; line-height:17px}

/*  Buttons
--------------------------------------------------------------------------------------*/
a.btn { display: block; font-family: Tahoma, Arial, Helvetica; font-size: 11px; color: #333333; text-decoration: none; background: url(../images/btn.png) top left no-repeat; float: right; margin: 0 0 0 4px; }
a.btn span { display: block; padding: 0 20px 0 0; margin: 0 0 0 10px; _margin: 0 0 0 7px; height: 19px; background: url(../images/btn.png) top right no-repeat; float: left; cursor: pointer; }
a:hover.btn { display: block; font-family: Tahoma, Arial, Helvetica; font-size: 11px; color: #000; text-decoration: none; background: url(../images/btn_h.png) top left no-repeat; float: right; }
a:hover.btn span { display: block; padding: 0px 20px 0 0; margin: 0 0 0 10px; _margin: 0 0 0 7px; height: 19px; background: url(../images/btn_h.png) top right no-repeat; float: left; cursor: pointer; }

/*  CeBIT
--------------------------------------------------------------------------------------*/
.cebit-btn1 { position:absolute; top:175px; left:35px;}

.inp { background:#fff url(../images/cebit/inp.png) repeat-x; border:1px solid; border-color:#8D8D8D #CCCCCC #DFDFDF #C9C9C9; margin-top:5px; width:230px; padding:2px 2px 1px 3px; line-height:16px;}

.textarea { background:#fff url(../images/cebit/inp2.png) repeat-x; border:1px solid; border-color:#8D8D8D #CCCCCC #DFDFDF #C9C9C9; margin-bottom:5px; width:230px; padding:3px; line-height:16px; font-size:12px}