/* Technomont CSS */

/* --- General Properties --- */

body {
background: #e2e8ef url(../img/html_body_bg.png) 0 0 repeat-x;
}

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

a {
text-decoration: none;
font-weight: bold;
}

/* --- Text Properties --- */

h1 {
font-size: 300%;
font-weight: bold;
text-transform: uppercase;
}

h2 {
font-size: 150%;
font-weight: bold;
text-transform: uppercase;
}

h3 {
font-size: 120%;
font-weight: bold;
text-transform: uppercase;
}

h4 {
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
}

/* --- Basic Div Properties --- */

#container {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #202d58;
}

#header {
position: relative;
width: 1000px;
height: 200px;
background: #202d56;
}

#body {
position: relative;
width: 1000px;
}

#col_1 {
position: relative;
float: left; 
top: -52px;
width: 180px;
background: #f3f4f9;
z-index: 10;
}

#col_2 {
position: relative;
float: left;
top: 10px;
left: 30px;
width: 750px;
}

/* --- Header --- */

#header_noimage {
position: absolute;
height: 200px;
width: 1000px;
}

#header_image {
position: absolute;
height: 200px;
width: 1000px;
background: url(../img/header_bg.png) 0 0 no-repeat;
}

#header h1 {
padding: 20px 30px;
color: #e2e8ee;
}

#header h1 span {
font-size: 50%;
}

/* --- Topnav --- */

#topnav {
position: absolute;
top: 40px;
left: 800px;
width: 180px;
height: 25px;
}

#topnav a {
display: block;
float: left;
margin-left: 15px;
height: 22px;
width: 34px;
}

#topnav a.hu {
background: #e2e8ef url(../img/topnav_hu.png) 0 0 no-repeat;
}

#topnav a.en {
background: #e2e8ef url(../img/topnav_en.png) 0 0 no-repeat;
}

#topnav a.de {
background: #e2e8ef url(../img/topnav_de.png) 0 0 no-repeat;
}

/* --- Sidemenu --- */

#sidemenu {
position: relative;
padding: 4px 0;
width: 180px;
}

/* --- Contact --- */

#contact {
margin: 0 4px;
padding-bottom: 5px;
width: 168px;
color: #202d58;
text-align: center;
background: #e2e8ef;
border: 1px solid #fff;
}

#contact h2 {
height: 20px;
padding: 5px 0 0 15px;
margin-bottom: 5px;
color: #fff;
font-size: 120%;
text-align: left;
background: #d93833;
border-bottom: 1px solid #fff;
}

#contact p {
padding: 2px 0;
line-height: 16px;
}

/* --- Misc ---*/

.minheight {
float: left;
width: 1px;
height: 420px;
}

.floatcleanup {
clear: both;
}

#axon {
display: block;
margin: 0 50px;
width: 70px;
height: 80px;
background: url(../img/axonlogo.png) 0 0 no-repeat;
}

#axon:hover {
background: url(../img/axonlogo_hover.png) 0 0 no-repeat;
}