/*
+----------------------------------------------------------------------------------------------
| Site: Rosman Internet Services
| CMS:  gotopage 3.0
| Copyright (c) 2003 - 2005 Rosman (http://www.rosman.co.at)
|
| Author(s): Johan Rosman <johan@rosman.co.at>
+----------------------------------------------------------------------------------------------
| Purpose
| styles for default display
+----------------------------------------------------------------------------------------------
| Version   Date         Comment
| 3.01      2005/10/10   migrated from gotopage 2.0 version homepage
+----------------------------------------------------------------------------------------------
*/
BODY {
   color                : #3e4e91;
}
A {
   color                : #3e4e91;
}

DIV#navigation {
   background-color     : #b6c1de;
   float                : left;
   height               : 100%;
   width                : 16%;
   background-repeat    : no-repeat;
   background-position  : right bottom;
   background-color     : #b6c1de; 
	   background-image    : url(/image/leiste.jpg);	
}
DIV#navigation P {
   border-bottom        : solid 1px white;
   padding-left         : 6px;
   padding-right        : 6px;
   padding-bottom       : 3px;
}
DIV#navigation P.firstnav {
   margin-top           : 67px;
   margin-top           : expression('57px');
   border-top           : solid 1px white;
}
DIV#navigation P.current {
   background-color     : #3e4e91;
}
DIV#subnavigation P {
   background-color     : #3e4e91;
   padding-left         : 12px;
}

DIV#navigation P, DIV#whereami P {
   line-height          : 131%;
}
DIV#navigation P A, DIV#whereami P A {
   font-size            : 80%;
   font-style           : normal;
   color                : #333333;
}
DIV#navigation P A:hover, DIV#whereami P A:hover {
   color                : #3e4e91;
}
DIV#navigation P.current A, DIV#subnavigation P A {
   color                : white;
}
DIV#navigation P.current A:hover, DIV#subnavigation P A:hover {
   color                : #cccccc;
}
DIV#header, DIV#whereami, DIV#title {
   margin-left          : 16%;
   padding-left         : 20px;
}

DIV#header {
   height               : 57px;
   padding-top          : 10px;
}
DIV#header IMG {
   float                : left;
}

DIV#whereami {
   background-color     : #b6c1de;
   border-top           : solid 1px #3e4e91;
   border-bottom        : solid 1px #3e4e91;
   clear                : right;
}
DIV#whereami P {
   clear                : none;
   padding-bottom       : 2px;
   padding-bottom       : expression('3px');
}
DIV#utilities {
   float                : right;
   padding-right        : 30px;
   position             : relative;
   top                  : -18px;
}
A.utility {
   display              : none;
}

DIV#title {
   font-size            : 120%;
   line-height          : 260%;
   border-bottom        : solid 1px #3e4e91;
   background-color     : #d6d8d9;
}

DIV#content {
   margin-left          : 16%;
   position             : relative;
   left                 : 20px;
   padding-bottom       : 20px;
   border-bottom        : solid 1px #b6c1de;
   border-right         : solid 1px #b6c1de;
}

SPAN.help {
   cursor               : help;
   border-bottom        : 1px dashed #b6c1de;
}

/* Forms Styles */
TD.mandatory {
   font-weight          : bold;
}
SPAN#error, TD.mandatory#error {
   color                : red;
}

INPUT {
   border               : none;
   background-color     : #b6c1de;
   padding              : 0.2em 0.5em 0.2em 0.5em;
}
INPUT.check {
   background-color     : transparent;
   padding              : 0;
}
TEXTAREA {
   border               : none;
   background-color     : #b6c1de;
   padding              : 0.2em 0.5em 0.2em 0.5em;
}
INPUT.button {
   margin-bottom        : 0.3em;
   background-color     : #d6d8d9;
   color                : #3e4e91;
   border               : solid 2px #3e4e91;
   cursor               : pointer;
}


IMG.i_button {
   opacity              : .55;
   filter               : alpha(opacity=55);
   -moz-opacity         : 0.55;
}
IMG.i_button:hover, IMG.i_button_hover {
/* msie doesn't support :hover, therefore this issue is solved in msie_css.js, using _hover */
   opacity              : .99;
   filter               : alpha(opacity=100);
   -moz-opacity         : 1.;
   cursor               : pointer;
}
IMG.i_button_disabled {
   opacity              : .2;
   filter               : alpha(opacity=20);
   -moz-opacity         : 0.20;
}

/* special, page specific styles */
BODY#index DIV#content {
   border               : none;
   margin-right         : 19px;
}
BODY#index DIV#content DIV {
   width                : 30.5%;
   width                : expression("24.5%");
   float                : left;
   background-color     : #d6d8d9;
   margin-right         : 19px;
   margin-left          : expression("11px");
}
BODY#index DIV#content H2 {
   margin-top           : 0;
   background-color     : #3e4e91;
   color                : white;
   padding              : 0.25em;
   margin-bottom        : 1em;
   border-bottom        : solid white 2px;
}
BODY#index DIV#content DIV P {
   padding              : 7px;
}
BODY#index DIV#content DIV P SPAN.help {
   cursor               : help;
   border-color         : white;
}

BODY#news DIV#content H3 {
   border-top           : solid #b6c1de 1px;
   margin-right         : 5em;
}
BODY#news DIV#content p {
   margin-bottom        : 2em;
}
BODY#news DIV#content {
   padding-bottom       : 0;
}

BODY#services DIV#content H2 {
   border-top           : solid #b6c1de 1px;
   margin-right         : 5em;
}

DIV#content P.gpnavigation {
   padding-bottom       : 20px;
   font-size            : expression("90%");
   padding-right        : expression("0px");
}
BODY#gotopage-features DIV#content LI SPAN {
   font-weight          : bold;
}
BODY#gotopage-features DIV#content LA A {
   font-size            : smaller;
}

BODY#gotopage-screenshots DIV#content P {
   padding-top          : 7px;
   padding-bottom       : 7px;
}
BODY#gotopage-screenshots DIV#content P.top {
   float                : right;
   padding-top          : 0;
   padding-bottom       : 0;
}

BODY#gotopage-query-language DIV#content P.gql {
   font-family          : courier new, courier, monospace;
   font-size            : 11px;
   background-color     : #dee7ff; 
   margin               : 11px;
   margin-right         : 80px;
   padding              : 5px;
}
BODY#gotopage-query-language DIV#content P.gql SPAN {
   cursor               : help;
   font-weight          : bold;
}

BODY#gotopage-plug-ins DIV#content PRE {
   font-family          : courier new, courier, monospace;
   font-size            : 11px;
   margin               : 11px;
   margin-right         : 80px;
   padding              : 5px;
}

BODY#referenzen DIV#content DIV {
   float                : left;
   padding              : 0.1em;
   border               : solid 1px #3e4e91;
   padding-bottom       : 0.5em;
   margin-left          : expression("11px");
}
BODY#referenzen DIV#content DIV H2 {
   margin-top           : 0;
   margin-right         : 0;
   padding              : 0.3em;
   font-size            : 1.2em;
   background-color     : #3e4e91;
   color                : white;
   margin-bottom        : 1em;
}
BODY#referenzen DIV#content DIV H3 {
   margin               : 0.5em;
   border-top           : solid 1px #3e4e91;
}
BODY#referenzen DIV#content DIV P {
   padding              : 0 0.5em 0 0.5em;
   margin               : 0;
}
BODY#referenzen DIV#content P.cl {
   clear                : left;
}
BODY#referenzen DIV#content DIV#projects {
   width                : 65%;
   width                : expression('50%');
}
BODY#referenzen DIV#content DIV#projects P.link {
   text-align           : right;
   margin-top           : 1em;
   padding-right        : 1em;
}
BODY#referenzen DIV#content DIV#customers {
   width                : 30%;
   width                : expression('25%');
   margin-left          : 1em;
}
BODY#referenzen DIV#content DIV#customers P {
   font-size            : 80%;
}
BODY#referenzen DIV#content DIV#customers P A {
   font-style           : normal;
}
BODY#referenzen DIV#content DIV#customers P A.link {
   font-style           : italic;
}

BODY#ueber-uns DIV#content P.last {
   padding-right        : 300px;
}

BODY#lageplan DIV#content IMG#plan {
   float                : left;
   padding              : 0 10px 10px 0;
   cursor               : pointer;
   margin-left          : expression("19px");
}
BODY#lageplan DIV#content P#hint {
   margin-top           : 170px;
}

BODY#kontakt DIV#content {
   padding-bottom       : 0;
}
BODY#kontakt DIV#content P#ok{
   padding-bottom       : 235px;
}


BODY#links DIV#content {
/* is there a better way (except javascript)? */
   height               : 425px;
}
BODY#links DIV#content DIV.kategorie {
   float                : left;
   width                : 30%;
   padding-bottom       : 0.5em;
   margin-right         : 1em;
   margin-bottom        : 2em;
}
BODY#links DIV#content DIV H1 {
   margin-top           : 0;
   margin-right         : 0;
   background-color     : #3e4e91;
   color                : white;
   padding              : 0.25em;
   margin-bottom        : 1em;
}
BODY#links DIV#content DIV P {
   padding              : 0 0.3em 0 0.3em;
   margin-right         : 0;
}

BODY#sitemap DIV#content THEAD {
   display              : none;
}
BODY#sitemap DIV#content TABLE {
   width                : 99%;
   width                : expression('75%');
}
BODY#sitemap DIV#content TD {
   width                : 30%;
   padding              : 0.1em 1em 0.1em 1em;
   border               : expression('solid white 1px');
}
BODY#sitemap DIV#content TD A {
   font-style           : normal;
   color                : #333333;
}
BODY#sitemap DIV#content TD A:hover {
   color                : white;
}
BODY#sitemap DIV#content TD.map01 {
   background-color     : #d6d8d9;
}
BODY#sitemap DIV#content TD.map02 {
   background-color    : #b6c1de;
}
BODY#sitemap DIV#content TD.map03 {
    background-color   : #3e4e91;
}
BODY#sitemap DIV#content TD.map03 A {
    color              : #d6d8d9;
}
BODY#sitemap DIV#content TD.map03 A:hover {
    color              : white;
}

	
BODY#news DIV#content {	
   background-image    : url(/page/background/news.jpg);	
}	
BODY#content-management DIV#content {	
   background-image    : url(/page/background/content-management.jpg);	
}	
BODY#links DIV#content {	
   background-image    : url(/page/background/links.jpg);	
}	
BODY#spamfilter-antivirus DIV#content {	
   background-image    : url(/page/background/spamfilter-antivirus.jpg);	
}	
BODY#services-entwicklung DIV#content {	
   background-image    : url(/page/background/services-entwicklung.jpg);	
}	
BODY#services-hosting DIV#content {	
   background-image    : url(/page/background/services-hosting.jpg);	
}	
BODY#kontakt DIV#content {	
   background-image    : url(/page/background/kontakt.jpg);	
}	
BODY#ueber-uns DIV#content {	
   background-image    : url(/page/background/ueber-uns.jpg);	
}	
BODY#referenzen DIV#content {	
   background-image    : url(/page/background/referenzen.jpg);	
}	
BODY#impressum DIV#content {	
   background-image    : url(/page/background/impressum.jpg);	
}	
BODY#lageplan DIV#content {	
   background-image    : url(/page/background/lageplan.jpg);	
}	
BODY#gotopage-features DIV#content {	
   background-image    : url(/page/background/gotopage-features.jpg);	
}	
BODY#gotopage-screenshots DIV#content {	
   background-image    : url(/page/background/gotopage-screenshots.jpg);	
}	
BODY#gotopage-plug-ins DIV#content {	
   background-image    : url(/page/background/gotopage-plug-ins.jpg);	
}