/*
****************************
TriSys
****************************
Status: fine
Version: 1.0
Last Changed: 29.06.2009
*/

/****** 0 Body Stuff ******/
* {margin:0px; padding:0px;}
html, body {color:#6b6b6b; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_body.gif) repeat-y #ebebe8;}
body {}


/****** 1 Basics ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
.hidden {display:none;}
a img {border:none;}
a {text-decoration:none; color:#24a9e9;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; color:#6b6b6b;}
h2 {font-size:20px; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; color:#6b6b6b; margin-left:20px;}
h3 {}


.maincontent {width:1023px;}


/****** 2 Header ******/
.header {background:url(../img/bg_header.gif) repeat-x; height:129px; padding-left:32px;}
.header .logo {float:left;}
.header ul {float:right; list-style:none; margin-top:52px;}
.header ul li {float:left; background:url(../img/bg_metanavi.gif) left no-repeat; padding-left:15px; padding-right:15px; line-height:44px;}
.header ul li a {display:block; color:#939485; font-weight:normal;}
.header ul li a:hover {text-decoration:none; color:#ffffff;}


/****** 3 Content ******/
.content {float:left; width:460px; padding:45px 263px 0 50px;}
.content img {float:right; padding-left:10px; margin-right:-263px;}
.content img#normal{float:none; margin:0px; padding:0px;}
.content p {padding:5px 0 10px 0; line-height:150%;} 

.content form fieldset { width:350px; border:1px dotted #B1B1B1;padding:20px;margin-bottom: 1em; }
.content form fieldset legend { font-weight: 900;color:#fff;background-color:#B1B1B1;padding:3px; }
.content form fieldset div { margin:10 0 4px 2px;clear:both; }
.content form fieldset div span { float:left; }
.content formfieldset div span label { }
.content form input.text { width:330px;padding:1px;border:1px solid #B1B1B1;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333; }
#imagefiles { width:108px; }
#txtFileName { width:220px;padding:1px;border:1px solid #B1B1B1;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333; }
.content form select.select { width:330px;padding:1px;border:1px solid #B1B1B1;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333; }
.content form textarea { width:330px;padding:1px;border:1px solid #B1B1B1;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333; }
.content form input#absenden { padding:1px;border:1px solid #B1B1B1; margin-bottom:20px; font:12px Verdana, Arial, Helvetica, sans-serif; }


/****** 4 Navi ******/
.navigation {list-style:none; float:left; width:250px; padding-top:45px;}
.navigation ul {background:url(../img/bg_navigation_ul.gif) bottom repeat-x; padding-bottom:3px; margin-bottom:23px;}
.navigation li {display:block; background:url(../img/bg_navigation.gif) repeat-x top; padding: 3px 0px 0px 0px;}
.navigation li a {color:#6b6b6b; text-decoration:none; display:block; padding:0px 0 0 60px; height:22px;  background:url(../img/bg_navigation_a.gif) no-repeat;}
.navigation li a span {display:block; padding:4px 0 4px 14px; background:url(../img/bg_navigation_span.gif) repeat-x;}
.navigation li a:hover, .navigation li.active a, .navigation li.active li.active a, .navigation li.active li a:hover {color:#24a9e9; text-decoration:none;}
.navigation li#solution a {background-position:0px 0px;}
.navigation li#management a{background-position:0px -22px;}
.navigation li#referenzen a{background-position:0px -44px;}
.navigation li#case a{background-position:0px -66px;}
.navigation li#kontakt a{background-position:0px -88px;}
.navigation li#sofunkts a{background-position:0px -110px;}
.navigation li#datenupload a{background-position:0px -132px;}

.navigation li#solution a:hover {background-position:-60px 0px;}
.navigation li#management a:hover {background-position:-60px -22px;}
.navigation li#referenzen a:hover {background-position:-60px -44px;}
.navigation li#case a:hover {background-position:-60px -66px;}
.navigation li#kontakt a:hover {background-position:-60px -88px;}
.navigation li#sofunkts a:hover {background-position:-60px -110px;}
.navigation li#datenupload a:hover {background-position:-60px -132px;}

.navigation li.active#solution a {background-position:-120px 0px;}
.navigation li.active#management a{background-position:-120px -22px;}
.navigation li.active#referenzen a{background-position:-120px -44px;}
.navigation li.active#case a{background-position:-120px -66px;}
.navigation li.active#kontakt a{background-position:-120px -88px;}
.navigation li.active#sofunkts a{background-position:-120px -110px;}
.navigation li.active#datenupload a{background-position:-120px -132px;}


.navigation ul ul {margin:0px 0 -3px 0; background:none; padding-bottom:0px;}
.navigation ul ul li {padding:0 0 0 0; background:none;}
.navigation ul ul li a {background:#b0c6e8;}
.navigation ul ul li a span {background:url(../img/bg_navigation_ul.gif) top repeat-x #ebebe8;  padding:6px 0 2px 14px;}
.navigation ul li.active li a {color:#6b6b6b;}
.navigation form {background:url(../img/bg_login.gif) repeat-x; height:27px; padding-top:2px;}
.navigation form input {border-left:1px solid #4e4e4e; border-top:1px solid #a7a7a7; border-right:1px solid #efefee; border-bottom:1px solid #ecece9; width:80px; color:#aeafa4; margin:3px 3px 0 3px;padding:0 0 0 2px; float:left;}
.navigation form input.submit {border:none; background:#cbcbc4; color:#ffffff; text-align:center; margin-top:0px; margin-left:0px;  padding:0px; height:22px; width:63px; cursor:pointer;}
.smalluser {font-size:10px; line-height: 20px; color:#6b6b6b; margin:-7px 0 0 72px; padding:0px;}
.smallpass {font-size:10px; line-height: 20px; color:#6b6b6b; margin:-27px 0 0 162px; padding:0px;}