/**
 * general stuff
 */

* {
  margin:   0px;
  padding:  0px;
}

.clear {
  clear:    both;
  height:   0px;
  width:    0px;
  padding:  0px;
  margin:   0px;
}

body{
  background-image: 	url(img/bgGradient.png);
  background-repeat:  repeat-x;
  background-color:   #f2f2f2;
  font-family:        'Lucida Grande',Verdana,Arial,Sans-Serif;
  font-size:          62.5%;
  font-size-adjust:   none;
  font-style:         normal;
  font-variant:       normal;
  font-weight:        normal;
  color:              #1a1a1a;
}

p, h1, h2, h3, h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1, h2, h3, h4 {
  font-family: 'Trebuchet MS',Verdana,Arial,Sans-Serif;
  margin-top: 30px;
}

h1 span {
  font-size: 0.8em;
  color: #808080;
}

h2.small {
  font-size: 1em;
  color: #808080;
  margin: 0px;
}

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border: none;
  border-bottom: 0.1em solid #b3b3b3;
}

a,
a:hover,
a:visited {
  color: #0071E3;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

address {
  font-style: normal;
}

ul, ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.page {
  width:        900px;
  margin:       auto;
}

.hidden {
  display: none;
  height: 0px;
  width: 0px;
}

.papayaImageSubtitle {
  display: block;
  text-align: center;
  margin-top: -7px;
}

.papayaImageWrapperLeft,
.papayaImageWrapperRight {
  border: 1px solid #1a1a1a;
  margin-bottom: 1.6em;
}

.papayaImageWrapperLeft { margin-right: 1.6em; float: left; }
.papayaImageWrapperRight { margin-left: 1.6em; float: right; }


/**
 * Page Head
 */

.pageHead {
  position: relative;
  height:     198px;
  background: none;
}

.pageTopMenu {
  height: 12px;
  padding-top: 15px;
}

.pageTitle {
  padding: 0px;
  margin: 0px;
  position:    absolute;
  right:       8px;
  top:         58px;
  display:     block;
  width:       560px;
  height:      120px;
}

.pageTitle a {
  display:     block;
  background:  url(img/titleImage.png);
  width:       560px;
  height:      120px;
}

.pageHeaderPicture {
  display:     block;
  position: absolute;
  width:       209px;
  height:      138px;
  left: 0px;
  top: 40px;
}

/**
 * Boxes
 */

.pageLeftBoxes,
.pageMiddleBoxes,
.pageRightBoxes {
  float: left;
  display: block;
}

.box1Col,
.box2Col,
.box3Col,
.box4Col,
.box5Col {
  padding: 0px 15px 0px 1px;
}

.box1Col { width: 164px; background: url(img/box1colMiddle.png) repeat-y; }
.box2Col { width: 344px; background: url(img/box2colMiddle.png) repeat-y; }
.box3Col { width: 524px; background: url(img/box3colMiddle.png) repeat-y; }
.box4Col { width: 704px; background: url(img/box4colMiddle.png) repeat-y; }
.box5Col { width: 884px; background: url(img/box5colMiddle.png) repeat-y; }

.box1Col .boxTop,
.box2Col .boxTop,
.box3Col .boxTop,
.box4Col .boxTop,
.box5Col .boxTop {
  height: 10px;
  margin-left: -1px;
  margin-right: -15px;
  margin-bottom: -9px;
}

.box1Col .boxTop { background: url(img/box1colTop.png) no-repeat; }
.box2Col .boxTop { background: url(img/box2colTop.png) no-repeat; }
.box3Col .boxTop { background: url(img/box3colTop.png) no-repeat; }
.box4Col .boxTop { background: url(img/box4colTop.png) no-repeat; }
.box5Col .boxTop { background: url(img/box5colTop.png) no-repeat; }

.box1Col .boxBottom,
.box2Col .boxBottom,
.box3Col .boxBottom,
.box4Col .boxBottom,
.box5Col .boxBottom {
  height: 15px;
  margin-left: -1px;
  margin-right: -15px;
}

.box1Col .boxBottom { background: url(img/box1colBottom.png) no-repeat; }
.box2Col .boxBottom { background: url(img/box2colBottom.png) no-repeat; }
.box3Col .boxBottom { background: url(img/box3colBottom.png) no-repeat; }
.box4Col .boxBottom { background: url(img/box4colBottom.png) no-repeat; }
.box5Col .boxBottom { background: url(img/box5colBottom.png) no-repeat; }

.boxHeader {
  margin: 0px;
  background: url(img/boxHeader.png) repeat-x;
  height: 20px;
  padding: 5px 10px 0px 10px;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

/**
 * Menu Box
 */

.mainMenu {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  margin: 0px;
}

.mainMenu a,
.mainMenu a:visited,
.mainMenu a:hover {
  
  display:            block;
  padding-left:       1em;
  padding-top:        0.5em;
  height:             1.6em;
  font-size:          1.2em;
  color:              #333;
  background-image:   url(img/bgMenuItem.png);
  background-repeat:  repeat-x;
  background-position: 0px -52px;
  text-decoration: none;
}

.mainMenu a.active { background-position: 0px -78px; color: #cc0000; }
.mainMenu a:hover { background-position: 0px -26px; color: #ffffff; }

.subMenu {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  text-indent: 2em;
  font-size: 0.9em;
  margin: 0px;
  overflow: hidden;
}

.subMenu a{
  white-space: nowrap;
}

/**
 * Login Box
 */
 
.actionbox_login_handle .logoutText,
.actionbox_login .logoutText {
 margin: 10px;
 font-size: 1em;
 line-height: 1.6em;
 display: block;
}

.actionbox_login_handle .logoutText span,
.actionbox_login .logoutText span {
  font-size: 1.1em;
  font-weight: bold; 
}

.actionbox_login_handle .logoutButton,
.actionbox_login .logoutButton {
  text-align: center;
  margin: 10px;
}

.actionbox_login_handle form,
.actionbox_login form {
margin: 10px;
}

.actionbox_login_handle .inputLine,
.actionbox_login .inputLine {
  margin-top: 10px;
  margin-bottom: 10xpx;
}

.actionbox_login_handle label,
.actionbox_login label {
  display: block;
}

.actionbox_login_handle #loginInputPassword,
.actionbox_login_handle #loginInputName,
.actionbox_login #loginInputPassword,
.actionbox_login #loginInputName {
  width: 138px;
}

.actionbox_login_handle .submitButton {
  float: right;
  display: block;
}
/**
 * Subnavigation Box
 */
 
.subNavigation {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  margin: 0px 10px 0px 10px;
  font-size: 1.1em
}

.subNavigation li {
  border-top: 1px solid #b3b3b3;
  padding: 7px 2px 7px 2px;
}

.subNavigation li.first { border-top: none; }

.subNavigation a {
  display: block;
  height: 15px;
  vertical-align: middle;
  background-image: url(img/btnLinks.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.subNavigation a:hover {
  background-position: bottom right;
}

/**
 * Teaser Box
 */

.teaserBox {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  margin: 0;
  font-size: 12px;
  line-height: 1.8em;
}

.teaserBox h4 {
  margin: 5px 0px 0px 0px;
}

.teaserBox h4 a {
  font-size: 1.2em;
}

/**
 *  Content Area
 */

.pageContentWrapper {
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 19px;
  min-height: 25em;
  font-size: 1.2em;
  line-height: 1.8em;
}

.contentTitle {
  margin-top: 0.83em;
  margin-bottom:0.83em;
}

.contentSubtitle {
  margin-top: -1.6em;
  margin-bottom: 1.6em;
}

/**
 * Page footer
 */

.pageFooter {
  text-align: center;
  font-size:  1em;
  color:      #808080;
  margin-top: 20px;
  padding-bottom: 20px;
}

.pageFooter ul {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  margin: 0px;
}

.metaNav {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  padding-bottom: 5px;
}

.metaNav li {
  display: inline;
  color:        #808080;
  margin-left:  5px;
  padding-left: 5px;
  border-left:  1px solid;
}

.metaNav li.first {
  border: none;
}

/**
 * Tabellen
 */
table {
  background: transparent;
  border: none;
  border-spacing: 0px;
  empty-cells: show;
  margin: auto;
  border-collapse: collapse;
}

tfoot td,
thead td,
th {
  text-align: center;
  font-weight: bold;
  font-family: 'Trebuchet MS',Verdana,Arial,Sans-Serif;
  color: #1a1a1a;
  border: none;
  background: url(img/bgTableHead.png) repeat-x;
  padding: 3px 6px;
  height: 1.8em;
}

td {
  padding: 3px 6px;
  border-bottom: 1px solid #aaa;
  background: #e5e5e5;
}

td.dark,
tr.dark td {
  background: #e0e0e0;
}

/**
 * Buttons
 */

.buttonSmall {
  display: block;
  float: left;
  height: 35px;
  margin-top: 0px;
  margin-right:20px;
  padding-left: 29px;
  padding-top: 2px;
  font-size: 1em;
  font-family: 'Trebuchet MS',Verdana,Arial,Sans-Serif;
}

.buttonSmallBack  { background: url(img/btnSmallBack.png) no-repeat; width: 40px;}
.buttonSmallIndex { background: url(img/btnSmallIndex.png) no-repeat; width: 150px;}
.buttonSmallSearch  { background: url(img/btnSmallSearch.png) no-repeat; width: 40px;}

.buttonMedium {
  display: block;
  float: left;
  height: 57px;
  margin-top: 10px;
  margin-right:20px;
  padding-left: 55px;
  padding-top: 13px;
  font-size: 1.6em;
  font-family: 'Trebuchet MS',Verdana,Arial,Sans-Serif;
}

.buttonMediumBack  { background: url(img/btnMediumBack.png) no-repeat; width: 55px;}
.buttonMediumIndex { background: url(img/btnMediumIndex.png) no-repeat; width: 150px;}
.buttonMediumSearch  { background: url(img/btnMediumSearch.png) no-repeat; width: 55px;}

a.buttonMedium,
a.buttonMedium:hover,
a.buttonMedium:visited,
a.buttonSmall,
a.buttonSmall:hover,
a.buttonSmall:visited {
  color: #1a1a1a;
}

/**
 * Paging
 */

.pagingButtons {
  text-align: center;
} 

.pagingButtons ul{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 30px auto 10px auto;
}

.pagingPrev,
.pagingNext,
.pagingButtons li {
  display: inline;
  margin: 0 3px;
}

.pagingButtons a,
.pagingButtons span {
  border: 1px solid #aaa;
  padding: 3px 6px;
}

.pagingPrev a,
.pagingNext a,
.pagingButtons span{
  border-color: transparent;
}

.pagingButtons a:hover {
  background-color: #0071E3;
  border-color: #aaa;
  color: #ffffff;
  text-decoration: none;
}

.pagingButtons .selected span {
  border: none;
}

/**
 * Base Dialog
 */
 
 .dialogLine {
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
.box3Col .dialogLine label span{
  width: 164px;
  display: block;
  float: left;
}

.box3Col .dialogLine input {
  width: 294px;
}

.box3Col .dialogLine textarea {
  width: 297px;
}

/**
 * Imagebox / Lightbox
 */

#ImageBoxOverlay
{
  background-color: #000;
}

#ImageBoxCaption
{
  background-color: #F4F4EC;
}

#ImageBoxContainer
{
  width: 250px;
  height: 250px;
  background-color: #F4F4EC;
}

#ImageBoxCaptionText
{
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 13px;
  color: #000;
}

#ImageBoxCaptionImages
{
  margin: 0;
}

#ImageBoxNextImage
{
  background-image: url(images/imagebox/spacer.gif);
  background-color: transparent;
}

#ImageBoxPrevImage
{
  background-image: url(images/imagebox/spacer.gif);
  background-color: transparent;
}

#ImageBoxNextImage:hover
{
  background-image: url(images/imagebox/next_image.jpg);
  background-repeat:  no-repeat;
  background-position: right top;
}

#ImageBoxPrevImage:hover
{
  background-image: url(images/imagebox/prev_image.jpg);
  background-repeat:  no-repeat;
  background-position: left bottom;
}

/**
 * Tags and Tag-Clods
 */
 
.tagCloud {
  margin: 10px;
  text-align: justify;
}

.tagCloud a {
  white-space: nowrap;
  padding: 1px;
}

.tagCloud a:hover {
  text-decoration: none;
  background-color: #0071e3;
  color: #ffffff;
}

/**
 * Last Missions Box
 */
.lastMissions {
  padding:  5px 10px 10px 10px;
  font-size: 12px;
  line-height: 1.5em;
}
.lastMissions .deltaTime {
  margin: 0;
  color: #808080;
}
.lastMissions h2 {
  font-size: 14px;
  margin: 0 0 10px 0;
}

/**
 * Rss-Links
 */
.rssLink,
.subNavigation .rssLink {
  display: block;
  height: 15px;
  vertical-align: middle;
  background-image: url(img/rssLinks.png);
  background-position: top right;
  background-repeat: no-repeat;
}
.twitterLink,
.subNavigation .twitterLink {
  display: block;
  height: 15px;
  vertical-align: middle;
  background-image: url(img/twitterLinks.png);
  background-position: top right;
  background-repeat: no-repeat;
}