/* Styles for screen media */

/*

-----------------------------------------------

HiMaPs.de Style Sheet

Author:   morphay

Version:  2007.08



www.morphay.de



----------------------------------------------- */

* {
margin: 0;
padding: 0;
}

body {
font: 11px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-align: center;
color: #000;
background: #033 url(../images/body_bg.gif) no-repeat top left; 
cursor: default; 
}

body#imprint {
font: 11px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #000;
background: #033; 
cursor: default; 
}

/* 
LINKS ------------------------------------------------------------------------------------------------------------- */

a {
color: #df6b00;
text-decoration: none;
}

a:hover {
color: #df6b00;
text-decoration: underline;
}

a img {
border: none;
}

/* 
COMMON ------------------------------------------------------------------------------------------------------------ */

h2 { 
font-size: 28px; 
margin: 0.5em 0;
color:#000; 
font-weight: normal; 
}

h3 {
font-size: 18px;
padding-bottom: 0.5em;
color: #000; 
font-weight: normal; 
}

h4 {
color: #000;
font-size: 20px;
font-weight: normal; 
}

p {
margin: 0 0 .5em 0; 
}

em {
font-size: 11px;
}

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

img {
border: none; 
}

hr { 
display: none; 
}

/* 
HEADER ------------------------------------------------------------------------------------------------------------ */

#container{
position: absolute;
left: 0;
top: 0;
text-align: left;
margin-left: 20px;
padding-right: 30px;
width: 910px;
background: transparent; 
}

#imprint #container{
position: absolute;
left: 0;
top: 0;
text-align: left;
margin: 0;
padding: 0;
width: 100%;
background: #fff; 
}

#logo {
position: absolute;
left: 0;
top: 25px;
width: 225px;
height: 190px;
background: transparent;
}

#imprint #logo {
position: absolute;
left: 0;
top: 0;
width: 230px;
height: 97px;
background: transparent;
}

#logo h1 a{
display: block;
width: 225px;
height: 215px;
text-indent: -9000px;    
background: url(../images/logo.gif) no-repeat top;    
}

#imprint #logo h1 a{
display: block;
width: 230px;
height: 97px;
text-indent: -9000px;    
background: url(../images/logo_imp.gif) no-repeat top;    
}

#header {
position: absolute;
left: 235px;
width: 677px;
height: 260px; 
font-size: 120%; 
background: #fab700 url(../images/header_bg.gif) no-repeat;
} 

#imprint #header {
position: absolute;
left: 0px;
width: 100%;
height: 97px; 
margin: 0; 
padding: 0; 
border: none; 
border-bottom: 1px solid #000; 
} 

#header .text {
padding: 35px 15px 0 275px; 
}

#header .flash {
position: absolute;
top: 20px; 
left: 10px;
width: 240px;
height: 180px; 
border: 5px solid #fddb80; 
background: url(../images/whatishimaps.gif) no-repeat; 
}

#header .image {
position: absolute;
top: 20px; 
left: 10px;
width: 240px;
height: 165px; 
border: 5px solid #fddb80; 
background: none;
}

#header .toga {
position: absolute;
top: 9px; 
left: 36px;
width: 188px;
height: 188px; 
border: 5px solid #fddb80; 
background: url(../images/taratoga.jpg) no-repeat; 
}

#navigation {
position: absolute;
left: 270px;
width: 450px;
height: 75px; 
}

#navigation ul {
position: absolute;
left: 0;
top: 0;
margin-top: 0;
}

#navigation ul li {
list-style-type: none;
display: inline;
}

#navigation ul li a { 
font-size: 10px; 
font-weight: bold; 
text-transform: uppercase; 
display: block;
float: left;
color: #fff;
}

#navigation ul li a span {
display: block; 
margin-right: 9px; 
padding: 11px 3px 9px 11px; 
} 

#navigation ul li.active a span {
padding: 17px 3px 9px 11px; 
} 

#navigation ul li a:hover, #navigation ul li.active a {
background: url(../images/nav_bg.gif) no-repeat bottom right; 
} 

#navigation ul li a:hover span,  #navigation ul li.active a span {
background: url(../images/nav_bg.gif) no-repeat bottom left; 
}

/* 
MAINCONTENT ------------------------------------------------------------------------------------------------------- */

#content{
padding: 15px 10px 50px 20px; 
margin-top: 265px; 
margin-left: 235px; 
width: 647px;
background: #fff url(../images/content_top_bg.gif) no-repeat top left; 
min-height: 534px;
}

#imprint #content{
padding: 0 0 50px 0; 
margin-top: 125px; 
margin-left: 43px; 
width: 430px;
background: none; 
}

#content ol, #content ul {
margin: .4em 1em;
padding: 0 1em; 
line-height: 18px;
} 

#content #tophead .box li { 
padding-bottom: .7em; 
}

#tophead .box {
float: left;
width: 300px;
padding: 5px;
margin-right: 5px;
font-size: 12px;    
} 

#tophead .box2 {
font-size: 12px; 
padding-bottom: 1em; 
} 

#tophead .box2 p {
font-size: 12px; 
margin: .5em 0 0 0; 
}

#features { 
clear: both; 
border-top: 1px dotted #ccc;
padding-top: 1em; 
padding-right: 10px; 
}

#imprint #features { 
border-top: none;
padding: 0; 
}

#goon { 
border-top: 1px dotted #ccc; 
text-align: right; 
margin-top: .7em; 
padding-top: .25em; 
font-size: 12px; 
}

/* 
SIDEBAR ----------------------------------------------------------------------------------------------------------- */

#sidebar {
position: absolute;
top: 290px;
left: 0;
width: 210px;
color: #fff;
}

ul#download { 
list-style-type: none; 
margin: 0; 
padding: 0; 
}

#download .btn a { 
display: block; 
left: 0;
width: 213px;
height: 145px; 
background: url(../images/download_btn.gif) no-repeat top; 
}

#download .btn a:hover {
background: url(../images/download_btn.gif) no-repeat bottom; 
}

#sidebar .thanks {
padding-left: 5px; 
margin: 87px 0 0 0; 
}

#himaps #sidebar .thanks {
margin: 0; 
}

#sidebar .thanks a {
color: #fab700;
}

#sidebar #registration {
width: 213px;
height: 235px;
display: block; 
margin: 0; 
background: transparent url(../images/registration_bg.gif)
}

ul#linkbox { 
list-style-type: none; 
margin: 47px 0 0 0; 
padding: 0; 
}

#contact ul#linkbox { 
margin: 87px 0 0 0; 
}

#linkbox .btn a { 
display: block; 
left: 0;
width: 213px;
height: 140px; 
background: url(../images/taratoga_bg.gif) no-repeat top; 
}


/*
FOOTER ------------------------------------------------------------------------------------------------------------ */

#footer {  
color: #fff;
background-color: #033;
padding: 4px 10px;
text-align: right; 
font-size: 10px; 
} 

#footer a {
color: #fab700;
}    


/*
FORM ELEMENTS ----------------------------------------------------------------------------------------------------- */

form { 
padding: 0; 
margin: 0; 
}

#password { 
padding: 85px 10px 0 10px; 
}

#name, #email { 
padding: 3px; 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #000; 
width: 187px; 
margin: 0 0 1px 0; 
border: 1px solid #fff; 
background: #fff; 
}

#message { 
background: #fff; 
padding: 5px; 
color: #666; 
width: 185px; 
margin: 3px 0 7px 0; 
border: none; 
}

#submitbtn { 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background: #fab700; 
border-top: 1px solid #fab700; 
border-left: 1px solid #fab700; 
border-bottom: 1px solid #000; 
border-right: 1px solid #000; 
color: #000; 
float: left; 
margin-right: 5px; 
cursor: pointer; 
}

#resetbtn { 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background: #fab700; 
border-top: 1px solid #fab700; 
border-left: 1px solid #fab700; 
border-bottom: 1px solid #000; 
border-right: 1px solid #000; 
color: #000; 
margin-right: 5px; 
cursor: pointer; 
}

#infobox { 
background: transparent; 
clear: both; 
}

#infobox p, #infobox ul li { 
color: #fff; 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
padding: 10px 5px 10px 5px; 
text-transform: none; 
border-bottom: 1px dotted #fff; 
}

#conform { 
padding: 10px; 
}

#name2, #email2 { 
padding: 5px; 
font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #666; 
width: 250px; 
margin: 0 0 1px 0; 
border: 1px solid #df6b00; 
background: #fff; 
}

#message2 { 
background: #fff; 
padding: 5px; 
color: #666; 
width: 500px; 
margin: 3px 0 7px 0; 
border: 1px solid #df6b00; 
}

#submitbtn2 { 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background: #df6b00; 
border: 1px solid #df6b00; 
color: #fff; 
float: left; 
margin-right: 5px; 
cursor: pointer; 
}

#resetbtn2 { 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background: #df6b00; 
border: 1px solid #df6b00; 
color: #fff; 
cursor: pointer; 
}

#infobox2 { 
background: #fff; 
clear: both; 
font-size: 11px; 
}

#infobox2 p { 
color: #900; 
font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
padding: 5px; 
text-transform: none; 
}


/*
FLASH OBJECTS ----------------------------------------------------------------------------------------------------- */

#cs_flashBody
{
background: #fff;
font: 11px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

#cs_noexpressUpdate
{
margin: 0 auto;
font: 10px "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003300;
text-align: left;
background-image: url(../himaps/tuts/nofp_bg.gif);
background-repeat: no-repeat;
width: 210px; 
height: 200px;	
padding: 40px;
}