/* CSS by Sascha Riess for www.root-art.com setup SOLARE 2009 */

/* Body setup */

body {
 background-color: black;
 margin: auto;
 padding: 0px;
 min-width: 400px;
 background-image: url(../images/style_solare/root-art_navigation-background.jpg);
 background-repeat: no-repeat;
 background-position: top;
}

/* Headlines */
h1 {
 font-size: 12px;
 padding-top: 1px;
 padding-bottom: 2px;
 border: 1px solid white;
 border-radius: 8px;
}

h2 {
 font-size: 12px;
 padding-top: 1px;
 padding-bottom: 2px;
 border: 1px solid white;
 border-radius: 8px;
}

/* Main container*/

#earth {
 margin: auto;
 width: 850px;
 margin-top: 70px;
 margin-bottom: 50px;
 border: 1.5px solid whitesmoke;
 border-radius: 240px;
 box-shadow:
 10px -10px 40px whitesmoke,
 10px 10px 40px whitesmoke,
 -10px 10px 40px whitesmoke,
 -10px -10px 40px whitesmoke;
}

/* Main rows and columns */

#stars {
}

#sky {
 padding-left: 200px;
 padding-right: 4px;
 margin-top: 24px;
}

#sky.clowds {
 float: left;
 position: relative;
}

#horizon {
 padding-left: 300px;
 padding-right: 4px;
 margin-top: 360px;
}

#surface {
 clear: both;
}

/* Container for dedicated content */

#rootartbox {
 width: 800px;
 margin-left: 23px;
 margin-top: -120px;
 text-align: center;
 
}

#languagebox {
 width: 100px;
 margin-top: 80px;
 margin-left: 390px;
}

#rootbox {
 float: left;
 width: 196px;
 margin-left: -198px;
 margin-top: -65px;
 left: 200px;
}

#headlinebox {
 width: 140px;
 margin-top: -60px;
 margin-left: 60px; 
 margin-right: 2px;
 margin-bottom: 2px;
}

#contentbox {
 width: 801px;
 margin-top: 17px;
 margin-left: -278px; 
 margin-right: 0px;
 margin-bottom: 2px; 
 padding-left: 5px;
 border: 1px solid #000;
 border-radius: 18px;
/*background-image: url(../images/style_solare/background_content_left_whct.png);
 background-repeat: repeat-y;
 background-position: left;*/
 background-color: #000000;
 background-image: url(../images/style_solare/background_content.jpg);
}

#artbox {
 float: right;
 width: 196px;
 margin-top: -65px;
}

/* A simple footer */

#footer {
 margin: 0px;
}

/* A validators */

#validators {
 margin: 0px;
}

/* Content of containers */

.language {
 padding-top: 4px;
 padding-bottom: 4px;
}

.rootart {
 width: 780px;
 padding-left: 14px;
 padding-bottom: 1px;
 padding-top: 10px;
 line-height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 margin-top: 5px;
 margin-left: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 color: white;
 white-space: nowrap;
}

.rootheader {
 margin-top: 20px;
 margin-right: -10px;
 padding: 0px;
 text-align: right;
}

.root {
 text-align: right;
 padding-bottom: 1px;
 padding-top: 0px;
 line-height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 margin-left: 0px;
 margin-right: 2px;
 height: 15px;
}

.artheader {
 margin-top: 18px;
 margin-left: -20px;
 padding: 0px;
 text-align: left;
}

.art {
 text-align: left;
 padding-bottom: 1px;
 padding-top: 0px;
 line-height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 margin-left: 2px;
 margin-right: 0px;
 height: 15px;
}

#mainDiv0 {
 position:relative;
 top:0px;
 left:0px;
}

#subDiv0 {
 position:relative;
 top:0px;
 left:-20px;
 visibility:hidden;
 padding-left:20px;
 padding-bottom:5px;
 background-color:#000000;
}

#mainDiv1 {
 position:relative;
 top:0px;
 left:0px;
}

#subDiv1 {
 position:relative;
 top:0px;
 left:-20px;
 visibility:hidden;
 padding-left:20px;
 padding-bottom:5px;
 background-color:#000000;
}

.flag {
 margin-top: 4px;
 margin-bottom: 0px;
 border: 1px solid white;
 border-radius: 5px;
}

.arrow {
 border: 0px;
 margin-bottom: 4px;
 margin-left: 10px;
 margin-right: 10px;
}

.logo {
 width: 600px;
 border: 0px;
 margin: 0px;
}

.headline {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-align: center;
}

.content {
 min-height: 58px;
 width: 791px;
 margin-left: 0px;
 margin-top: -14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-top: 13px;
 padding-left: 2px;
 padding-right: 8px;
 padding-bottom: 2px;
 color: #FFF;
/*background-image: url(../images/style_solare/background_content_right_whct.png);
 background-repeat: repeat-y;
 background-position: right;*/
}

.contenttext {
 vertical-align: text-top;
 margin-right: 0px;
 min-height: 128px;
 padding-left: 5px;
 padding-top: 3px;
 border: 1px solid white;
 border-radius: 12px;
}

.contenthighlight {
 color: #6E72A0;
 font-weight: bold;
}

.contentimage {
 width: 142px;
 float: right;
 padding-top: 3px;
 padding-right: 3px;
 padding-left: 10px;
}

.contenttoprow {
 min-height: 7px;
/*background-image: url(../images/style_solare/background_content_top_whct.png);
 background-repeat: repeat-x;
 background-position: top;*/
 margin-top: 0px;
 margin-left: -10px;
 margin-right: 0px;
 margin-bottom: 0px;
}

.contentbottomrow {
 min-height: 5px;
 width: 807px;
/*background-image: url(../images/style_solare/background_content_bottom_whct.png);
 background-repeat: repeat-x;
 background-position: top;*/
 margin-top: -7px;
 margin-left: -279px;
 margin-right: 0px;
}

.contentfooter {
 padding-top: 12px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: white;
}

.ipv4ipv6 {
 width: 250px;
 margin: auto;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: white;
 border: 1px solid white;
 border-radius: 10px;
}

.validatorscontent {
 padding-top: 12px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: white;
}

/* Root navigation both in head */
a.navigationlinkrootart:link {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkrootart:visited {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkrootart:hover {
 color: #FFFFFF;
 text-decoration: underline;
}
a.navigationlinkrootart:active {
 color: #9497B5;
 text-decoration: none;
}

/* Links */

/* Links in content */
a.contentlink:link {
 color: #6E72A0;
 text-decoration: underline;
}
a.contentlink:visited {
 color: #6E72A0;
 text-decoration: underline;
}
a.contentlink:hover {
 color: #6E72A0;
 text-decoration: none;
 text-decoration: underline;
}
a.contentlink:active {
 color: #6E72A0;
 text-decoration: underline;
}


/* Root navigation */
a.navigationlinkroot:link {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkroot:visited {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkroot:hover {
 color: #FFFFFF;
 text-decoration: none;
 text-decoration: underline;
}
a.navigationlinkroot:active {
 color: #9497B5;
 text-decoration: none;
}

/* Art navigation */
a.navigationlinkart:link {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkart:visited {
 color: #9497B5;
 text-decoration: none;
}
a.navigationlinkart:hover {
 color: #FFFFFF;
 text-decoration: none;
 text-decoration: underline;
}
a.navigationlinkart:active {
 color: #9497B5;
 text-decoration: none;
}

/* Footer */
a.footerlink:link {
 color: #FFFFFF;
 text-decoration: none;
}
a.footerlink:visited {
 color: #FFFFFF;
 text-decoration: none;
}
a.footerlink:hover {
 color: #FFFFFF;
 text-decoration: none;
 text-decoration: underline;
}
a.footerlink:active {
 color: #FFFFFF;
 text-decoration: none;
}

.inputbutton {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: white;
 background-color: black;
}