@charset "UTF-8";
/* GENERAL TAG FORMATTING
*/

html, body, div, h1, h2, h3, h4, h5, h6, p, li, ul, table, tr, th, td, a, input, label, form {
    border:0;
    margin:0;
    padding:0;
}

body {
    width:100%;
    height:100%;
    font-family:Arial,Verdana,sans-serif;
    background-image:url(../images/header.jpg);
    background-repeat:no-repeat;
}

h1 {
    font-size:28px;
    font-weight:normal;
    padding:0 0 18px 0;
}

.login h1 {
    padding:0 0 51px 0 !important;
}


h2, h3 {
    font-size:15px;
}

h2, h3, p, ul {
    padding:0 0 13px 0;
}

h4, h5, h6 {
    font-size:12px;
    padding:0 0 10px 0;
}

h1, h4, h5 {
    text-transform:uppercase;
}

p {
    font-size:12px;
}

li {
    padding:0 0 10px 0;
}

img{ border:0px none; }
p.error{
	color:#990000;
}

hr { border: 0px; border-top: solid 1px #9BC000; margin:0px 0px 10px 0px; }

select {
	float:left;
    border:1px solid #Add601;
    margin:0 0 8px 0;
    padding:2px;
    width:169px;
    height:22px;
    font-size:11px;
    background-color:#FFF;
}

input {
	float:left;
    border:1px solid #Add601;
    margin:0 0 8px 0;
    padding:2px;
    width:163px;
    height:16px;
    font-size:11px;
    background-color:#FFF;
}

label {
    position:relative;
    float:left;
    margin:7px 0 0 22px;
    font-size:12px;
}

a{
	color:#9BC000;
	font-weight:bold;
}

a:hover{
	color:#828282;
}

/* COLOR SETTINGS
*/
body, input, #left ul a, #left h6 a, #left div p a  {
    color:#828282;
}

h1, h3, h4 {
   color:#828282;
}

h2, h5 {
    color:#Add601;
}

.small-grau{ margin-left:10px; font-size:12px; font-style:italic; color:#828282;}

#main_navigation li a:hover, #main_navigation li a.active {
    color:#585858;
}

ul.referenzen{
	margin-left:30px;
	list-style:none;
}

ul.referenzen li{
	font-size:12px;
	color:#828282;
	background:url(../images/liimage.gif) 0 4px no-repeat;
	padding:0px 0px 0px 10px;
}

p.referenzen {
	margin-left:30px;
	font-weight:bold;
	padding-bottom:5px;
}

#main_navigation li a {
    color:#FFF;
}

/* LOGO
*/
#logo {
    position:absolute;
    top:13px;
    left:69px;
    z-index:2;
}

#logo a {
    display:block;
    width:83px;
    height:81px;
    z-index:3;
}

#logo a span {
    display:none;
}

/* MAIN NAVIGATION
*/

#main_navigation {
    position:absolute;
    top:243px;
    left:0;
    width:991px;
    font-size:13.5px;
    font-weight:bold;
    z-index:2;
}

#main_navigation li {
    display:inline;
    float:right;
    padding:0 0 0 21px;
}

#main_navigation li a {
    text-decoration:none;
    text-transform:uppercase;
}

/* MAIN
*/

#main {
    position:absolute;
    top:0;
    left:0;
    width:932px;
    height:100%;
    z-index:1;
}

#main_padding {
    padding:272px 0 0 65px;
}

/* SUB NAVIGATION
*/

#referenzen{
	position:absolute; top:30px; left:65px;
}

#left ul {
    list-style-type:none;
    font-size:12px;
    width:191px;
    height:191px;
    text-align:right;
    padding:52px 0 50px 10px;
    background-image:url(../images/submenue_bg.png);
    background-repeat:repeat-y;
}

#left li {
    padding:0 0 5px 0;
}

#left ul li a{
	display:block;
    padding:0px 30px 0px 0px;
	font-size:12px;
}



#left ul li a.active, #left ul li a:hover {
    background-image:url(../images/submenue_active.png) !important;
    background-repeat:no-repeat;
    background-position:right 3px;
}

/* LEFT
*/

#left {
    float:left;
    text-align:right;
    width:201px;
}

#left div {
    position:relative;
    padding:6px 19px 66px 0;
}

#left h6 {
    display:none;
    padding:4px 0 7px 0;
    font-size:13px;
    text-transform:none;
}

#left p {
    display:none;
    padding:0 0 5px 0;
    font-size:10px;
}

#tbmt {
    float:left;
    display:block;
    width:183px;
    height:147px;
    background-image:url(../images/tbmt_logo.png);
    background-repeat:no-repeat;
}

#tbmt span {
    display:none;
}

/* CONTENT
*/

#content {
    float:left;
    padding:56px 0 54px 35px;
    line-height:16px;
    width:402px;
    z-index:1;
}

#deteilnav{
	list-style-type:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#deteilnav li{
	padding:0px;
	margin:0px;
}

#deteilnav li a{
	font-size:12px;
}

#deteilnav li a.active{
	color:#828282;
}

#googlemap{
	width:402px;
	height:400px;
}

input.googletxt {
    border:1px solid #Add601;
    margin:0px 5px 0px 0px;
    padding:2px;
    width:120px;
    height:16px;
    font-size:11px;
    background-color:#FFF;
}
td {
	font-size:12px;
}

input.googlesubmit {
    margin:0px;
	padding:0px;
	border:1px solid #Add601;
    width:60px;
    height:22px;
    font-size:11px;
    background-color:#FFF;
}

* html .login #content {
    width:405px !important;
}

.login form {
    width:345px;
    padding:25px 32px 45px 32px;
    background-color:#eee;
}

* html .login form, *+html .login form {
    padding:25px 32px 17px 32px !important;
}

.login #content form div {
    clear:left;
    padding:0 0 7px 0;
    background-color:#eee;
    height:auto;
}

.login #content div {
    padding:13px 36px 9px 32px;
    width:341px;
    background-color:#cdcdcd;
}

.login #enter {
    margin:11px 0 0 83px;
    width:86px;
    height:22px;
}

/* RIGHT
*/

#right {
    position:absolute;
    float:right;
    left:732px;
    padding:123px 0 0 0;
    width:265px;
}

.login #right {
    position:absolute;
    left:713px !important;
    width:284px !important;
}


/* FOOTER
*/

#footer {
    position:fixed;
    bottom:0;
    left:0;
    width:997px;
    height:59px;
    background-color:white;
    background-image:url(../images/footer.png);
    background-position:left bottom;
    background-repeat:no-repeat;
}

* html #footer {
    position:absolute !important;
}