/************************************
 pragmaMx  Content Management System
 Copyright (c) 2005 pragmaMx Dev Team - http://pragmaMx.org
 ***********************************
 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.
 ***********************************
 $Source: /home/www/dps3311/home/cvsroot/pragmamx/html/themes/mx-darkness/style/style.css,v $
 $Revision: 1.5.4.1 $
 $Author: tora60 $
 $Date: 2006/12/17 09:02:29 $
************************************/

html, body {
	height: 100%;
	width: 100%
	margin: 0px;
}

* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:link {
	background-color: transparent;
	color: #666666;
	text-decoration: underline;
}

a:visited {
	background-color: transparent;
	color: #666666;
	text-decoration: underline;
}

a:hover,
a:focus {
	background-color: transparent;
	color: #FF9900;
	text-decoration: underline;
}

a:active {
	background-color: transparent;
	color: #666666;
	text-decoration: underline;
}

a img {
	border: 0px;
}

body {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image: url(../images/scl.gif);
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-arrow-color: #000000; /* BACKGROUND-repeat: repeat; */
	scrollbar-darkshadow-color: #333333;
	scrollbar-face-color: #F2F2F2;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-shadow-color: #F2F2F2;
	scrollbar-track-color: #F2F2F2;
	text-decoration: none;
}

br {
	line-height: 8px;
}

form {
	display: inline;
	margin: 0px;
}

small {
	font-size: 11px;
}

h1 {
	font-weight: bold;
	font-size: 14px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
}

h3 {
	font-weight: bold;
	font-size: 14px;
}

h4 {
	font-weight: bold;
	font-size: 14px;
}

h5 {
	font-weight: bold;
	font-size: 14px;
}

h6 {
	font-weight: bold;
	font-size: 14px;
}

h7 {
	font-weight: bold;
	font-size: 14px;
}

img {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

input {
	background-color: #F2F2F2;
	border-bottom: 1px inset #666666;
	border-left: 1px inset #666666;
	border-right: 1px inset #666666;
	border-top: 1px inset #666666;
	color: #333333;
}

input.formbutton {
	background-color: #F2F2F2;
	border-bottom: #666666 1px outset;
	border-left: #666666 1px outset;
	border-right: #666666 1px outset;
	border-top: #666666 1px outset;
	color: #333333;
	text-align: center;
}

input.formcheckbox {
	background-color: transparent;
	border: none;
	color: #000000;
}

select {
	background-color: #F2F2F2;
	border-bottom: 1px inset #666666;
	border-left: 1px inset #666666;
	border-right: 1px inset #666666;
	border-top: 1px inset #666666;
	color: #333333;
}

span.footmsg a {
	background-color: transparent;
	color: #666666;
	font-size: 9px;
}

textarea {
	background-color: #F2F2F2;
	border-bottom: 1px inset #666666;
	border-left: 1px inset #666666;
	border-right: 1px inset #666666;
	border-top: 1px inset #666666;
	color: #333333;
	overflow: auto;
}

th {
	font-weight: bold;
}

.theme_maintable {
	background-color: #FFFFFF;
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	height: 300px;
}

.blocksLeft {
	background-color: #FFFFFF;
	color: #000000;
	width: 150px;
}

.blocksRight {
	background-color: #FFFFFF;
	color: #000000;
	width: 150px;
}

.infobox {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	height: 100%;
}
.box {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
}

.outerboxcontent {
	border-bottom: #666666 1px solid;
	border-left: #666666 1px solid;
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
}

.boxcontent {
	font-size: 12px;
	color: #666666;

}
.innerboxcontent {
	font-size: 12px;
	color: #666666;
}

#leftcolumn .boxcontent {
	font-size: 11px;
}

#rightcolumn .boxcontent {
	font-size: 11px;
}

#headernav {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


#headernav a:link {
	background-color: transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#headernav a:visited {
	background-color: transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#headernav a:hover {
	background-color: transparent;
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#headernav a:active {
	background-color: transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



.searchbox {
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;

}
.outerboxtitle {
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
}
.boxtitle {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.innerboxtitle {
	background-color: #3A3A3A;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;

}

.CenterBox {
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 2px solid;
	border-left: #FFFFFF 2px solid;
	border-right: #FFFFFF 2px solid;
	border-top: #FFFFFF 2px solid;
	color: #000000;
	height: 400px;
}
.outercentertopbox {
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
}

.outercontent {
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	font-size: 12px;
}


.content {
	color: #666666;
	font-size: 12px;
}

.footmsg {
	color: #FFFFFF;
	font-size: 9px;
}

.footmsgl {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 9px;
}

.option {
	font-size: 12px;
	font-weight: bold;
}

.sitetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 10px;
	margin-top: 5px;
}

.storycat {
	font-size: 12px;
	font-weight: bold;
}

.storytitletop {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.storytitle {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.tiny {
	font-size: 9px;
}

.title {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.viewbench {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 9px;
}

#loginform {
	background-color: transparent;
	color: #666666;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	line-height: normal;
	margin: 0px;
}

#loginform a {
	background-color: transparent;
	border-bottom-color: #F2F2F2;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #666666;
}

#loginform a:link {
	background-color: transparent;
	color: #666666;
}

#loginform a:visited {
	background-color: transparent;
	color: #666666;
}

#loginform a:hover, 
#loginform a:focus {
	background-color: transparent;
	border-bottom-color: #F2F2F2;
	color: #FF9900;
}

#loginform a:active {
	background-color: transparent;
	color: #666666;
}

#loginform form {
	display: inline;
}

#loginform input {
	background-color: #F2F2F2;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #333333;
	height: 16px;
	padding-left: 3px;
	width: 70px;
}

#loginform input.formbutton {
	background-color: #FF9900;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #FFFFFF;
	font-size: 10px;
	height: 17px;
	line-height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-transform: lowercase;
	width: 45px;
}

#loginform input.formbutton:focus {
	background-color: #ECF4D7;
	color: #999999;
}

#loginform input:focus {
	background-color: #FFFFFF;
	color: #999999;
}

#loginform td {
	background-color: transparent;
	color: #666666;
	font-size: 11px;
	text-align: center;
}

#searchform {
	background-color: transparent;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	height: 18px;
	line-height: normal;
	overflow: hidden;
	width: 165px;
}

#searchform input {
	background-color: #F2F2F2;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #333333;
	height: 16px;
	line-height: normal;
	width: 105px;
}

#searchform input.formbutton {
	background-color: #FF9900;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #FFFFFF;
	font-size: 10px;
	height: 16px;
	text-transform: lowercase;
	width: 50px;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 3px;
}

#searchform input.formbutton:focus {
	background-color: #F2F2F2;
	color: #333333;
}

#searchform input:focus {
	background-color: #F2F2F2;
	color: #333333;
}

#htmlarea body {
	background-color: #ffffff;
	color: #000033;
}



// Anpassung für jQuery

#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}