/*######################################
  Global Styles, to norm all elements
######################################*/

/*---------------------------------------------
Set margin padding and font stuff for every element,
then it should not be required to set them again.
---------------------------------------------*/
html,body,table,td,div,span,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,a,cite,quote,u,i {
	font-family: Tahoma,Arial;
	font-size: 11px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------------
Set body attributes color and background
---------------------------------------------*/
html,body {
	color: #000000;
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.png);
	background-position: center;

}

/*---------------------------------------------
Set as blockelements
h1,h2,h3,h4,h5,h6,hr,div,p,form {
  display: block;
}
---------------------------------------------*/

/*---------------------------------------------
Set vertical align to top, this helps if the
text flys in the middle of a table (td).
---------------------------------------------*/

/*---------------------------------------------
Set font bold inside of this elements.
---------------------------------------------*/
strong,caption,optgroup,.strong {
  font-weight: bold;
  font-style: normal;
}

/*---------------------------------------------
Set no border for tables and images, the images
border comes if you link any image <a href=""><img></a>
and this sheet does make the border invisible 
---------------------------------------------*/
img,table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*---------------------------------------------
Set a margin for pharagraph-TAG
p {
  margin-top: 10px;
}
---------------------------------------------*/

/*---------------------------------------------
Set a cursor for the label-TAG
---------------------------------------------*/
label {
  cursor: pointer;
}

/*---------------------------------------------
Set global style of the horizontal line
---------------------------------------------*/
hr {
	width: 96%;
	height: 1px;
	color:#666666;
}

/*---------------------------------------------
Set general link style
---------------------------------------------*/
a:link, a:visited, a:active {
  color: #990000;
  font-size: 11px;
  text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
	font-size: 11px;
}

/*####################################
  DZCP STYLES
####################################*/

/*---------------------------------------------
Set attributes for the content-table
---------------------------------------------*/
table.content {
  margin: 0px;
  width: 100%;
  max-width: 100%;
}

/*---------------------------------------------
persInfobox above the Header
-----------------------------------------------
menu/pers.infos.html
---------------------------------------------*/
table.persInfo {
  background-color: #ffffff;
  border: 1px solid #333333;
  margin: 0px;
  width: 100%;
  text-align: center;
}

table.subPersInfos {
  text-align: center;
}

span.fontBoldPersInfos {
  font-weight: bold;
}
/*---------------------------------------------
Header attributes
-----------------------------------------------
index.html
---------------------------------------------*/
td.pagetitle {
  height: 149px;
  text-align: left;
  vertical-align: bottom;
}

td.pagetitleContent {
  width: 710px;
  height: 83px;
  color: #333333;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}
/*---------------------------------------------
Attributes of the Welcomebar
-----------------------------------------------
index.html
---------------------------------------------*/
td.welcomebar {
  text-align: left;
}

span.welcomebar {
  color: #FFF;
}

/*---------------------------------------------
Attributes of the main-content (shouldnt be edited)
-----------------------------------------------
index.html
---------------------------------------------*/
table.mainContent {
	width: 100%;
	text-align: left;
	background-color: #9E9E9E;
}

table.navContent {
  width: 150px;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

table.hperc {
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

/*---------------------------------------------
Attributes of the navigations loginbox
-----------------------------------------------
menu/login.html
---------------------------------------------*/
td.loginLeft {
  width: 10px;
}

input.loginName_dis,input.loginPwd_dis,input.loginSignUp,input.loginSubmit {
  width: 120px;
  color: #333333;
  border: 1px solid #5F5F5F;
  background-color: #F0EFEF;
  padding: 2px;
}

input.loginName_en,input.loginPwd_en {
  width: 120px;
  color: #333333;
  border: 1px solid #333333;
  background-color: #FFF;
  padding: 2px;
}

input.loginSubmit,input.loginSignUp {
  width: 60px;
  height: 18px;
  border: #000 1px solid;
  background-color: #DDD;
}

input.loginSubmit {
  font-weight: bold;
}

/*---------------------------------------------
Parts of the attributes of the navigations votebox
-----------------------------------------------
menu/vote.html
menu/vote_results.html
menu/vote_vote.html
---------------------------------------------*/
td.navVoteButton {
  text-align: center;
}

input.voteSubmit {
  width: 90px;
  height: 18px;
  border: #000 1px solid;
  background-color: #DDD;
}

/*---------------------------------------------
Parts of the attributes of the navigations votebox
-----------------------------------------------
menu/shout.html
menu/shout_add.html
menu/shout_form.html
---------------------------------------------*/
td.navShoutContentFirst {
  background-color: #FFFFFF;
}

td.navShoutContentSecond {
  background-color: #EBEBEB;
}

/*---------------------------------------------
Disabled input field (not clicked)
---------------------------------------------*/
input.shoutEmail_dis,input.shoutNick_dis,textarea.shoutTextfield_dis { 
  border: 1px solid #5F5F5F;
  background-color: #F0EFEF;
  color: #333333;
  width: 140px;
}
/*---------------------------------------------
Enabled input fields (clicked)
---------------------------------------------*/
input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en { 
  border: 1px solid #333333;
  background-color: #FFF;
  color: #333333;
  width: 140px;
}
/*---------------------------------------------
Shoutbox-textfield
---------------------------------------------*/
textarea.shoutTextfield_dis,textarea.shoutTextfield_en {
  overflow: Auto;
  height: 50px;
}

/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutSubmit {
  width: 50px;
  height: 18px;
  border: #000 1px solid;
  background-color: #DDD;
}

/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutLength {
  width: 26px;
  height: 13px;
  border: #000 1px solid;
  background-color: #FFF;
}

/*---------------------------------------------
Parts of the attributes of the navigations votebox
-----------------------------------------------
menu/server.html
server/server_show.html
---------------------------------------------*/
img.navServerPic,img.ServerPic {
  width: 160px;
  height: 120px;
}

/*---------------------------------------------
Attributes of all navigation boxes
-----------------------------------------------
menu/nav_[box].html
---------------------------------------------*/
table.tableNav {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

td.navMainLeft,td.navClanLeft,td.navServerLeft,td.navMiscLeft {
  width: 25px;
}

td.navServerRight,td.navServerRight,td.navServerRight,td.navMiscRight {
  width: 5px;
}

td.navMainContent,td.navClanContent,td.navServerContent,td.navMiscContent {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

td.navUserLeft,td.navMemberLeft,td.navAdminLeft {
  width: 25px;
}

td.navUserRight,td.navMemeberRight,td.navAdminRight {
  width: 5px;
}

td.navUserContent,td.navMemberContent,td.navAdminContent {
  text-align: left;
}

td.navUotmContent,td.navPartnerContent {
  text-align: center;
}

img.uotm {
  width: 130px;
  height: 161px;
}

td.navLregLeft,td.navTopdlLeft {
  width: 8px;
}

td.navLregContent,td.navTopdlContent,td.navTopdlHits,td.navTmpswitchContent,td.navPagerankContent {
  text-align: left;
}

td.navTopdlRight {
  width: 32px;
}

td.navTmpswitchLeft {
  width: 42px;
}
td.navPagerankLeft {
  width: 64px;
}
td.navNextCwDate {
  vertical-align: middle;
}

td.navLastNewsLeft,td.navFtopicsLeft,td.navLastCwLeft,td.navNextCwLeft,td.navLastArtikelLeft,td.navKalLeft,td.navVoteLeft,td.navShoutLeft,td.navServerStatsLeft {
  width: 8px;
}

td.navLastNewsContent,td.navFtopicsContent,td.navLastCwContent,td.navNextCwContent,td.navLastArtikelContent,td.navServerStatsContent {
  text-align: left;
  vertical-align: middle;
}

td.navLastNewsRight,td.navFtopicsRight,td.navLastCwRight,td.navNextCwRight,td.navLastArtikelRight,td.navKalRight,td.navVoteRight,td.navShoutRight,td.navServerStatsRight {
  width: 5px;
}

td.navServerStatsContent {
  text-align: center;
}
td.navServerStatsSpace {
  height: 8px;
}

td.navKalHead,td.navKalHeadDays,td.navKalDays,td.navKalToday,td.navKalEmpty {
  text-align: center;
}

td.navKalHeadDays {
	text-align: center;
	color: #CCCCCC;
	background-color: #666666;
}
td.navKalDays{
}
td.navKalToday {
	text-align: center;
	color: #CCCCCC;
	background-color: #666666;
}

td.navKalDays a:link, td.navKalDays a:active, td.navKalDays a:visited{
	color: #CC0000;
	font-size: 11px;
	font-weight: normal;
}
td.navKalDays a:hover {
	color: #FF0000;
	font-size: 11px;
	font-weight: normal;
}

/*---------------------------------------------
Attributes of the counter-box
-----------------------------------------------
menu/counter.html
---------------------------------------------*/

td.counterLeft {
  width: 22px;
}

td.counterContentHead {
  text-align: left;
}

td.counterContentLeft {
  text-align: left;
  width: 69px;
  color: #444444;
}

td.counterContentRight {
  text-align: left;
  color: #444444;
}

td.counterSpace {
  height:5px;
}
/*---------------------------------------------
Global styles of the content
---------------------------------------------*/
td.contentHead,td.contentMainTop,td.contentMainFirst,td.contentMainSecond,td.contentBottom,td.contentBottomLeft {
	height: 16px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}

td.contentHead {
	background-color: #AAAAAA;
	color: #000000;
}

td.contentMainTop,tr.contentMainTop {
	background-color: #BBBBBB;
}

td.contentMainFirst {
	background-color: #DDDDDD;
}

td.contentMainSecond { 
  background-color: #CCCCCC;
}

td.contentBottom,td.contentBottomLeft { 
  background-color: #C6C6C6;
}

td.contentBottomLeft {
  text-align: left;
}

/*---------------------------------------------
Attributes of the Newsarea
-----------------------------------------------
news/news_show.html
news/comments_show.html
news/archiv.html
news/archiv_show.html
---------------------------------------------*/
/*
  Newsbox
*/
td.newsHead { 
  background-color: #ECEAEA;
  color: #333333;
  height: 18px;
  vertical-align: middle;
  text-align: left;
  padding:2px;
}

td.newsBottom { 
  background-color: #ECEAEA;
  color: #333333;
  height: 18px;
  vertical-align: middle;
  text-align: right;
  padding:2px;
}

td.newsContent {
  padding: 3px;
}

td.archiveStats {
  text-align: center;
  background-color: #FFF; 
  color: #333333;
  border: 1px solid #333333;
  padding: 2px;
}
/*---------------------------------------------
Attributes of all Comments/GB-Entrys/Boardentrys
-----------------------------------------------
news/comments_show.html
artikel/comments_show.html
forum/forum_posts.html
forum/forum_posts_show.html
---------------------------------------------*/
td.commentsLeft { 
  background-color: #F0EFEF;
  color: #333333;
  width: 25%;
  height: 128px;
  padding: 2px;
}

td.commentsRight { 
  background-color: #FFF;
  color: #333333;
  vertical-align: top;
  padding:4px;
}

/*---------------------------------------------
Attributes of the calendar
-----------------------------------------------
kalender/day.html
---------------------------------------------*/
td.calDay,td.calToday {
  background-color: #dddddd;
  color: #333333;
  text-align: left;
  vertical-align: top; 
  width: 14%;
  height: 70px;
}

td.calToday {
  border: 1px solid #333333;
  background-color: #eeeeee;
}

/*---------------------------------------------
Attributes of the squads
-----------------------------------------------
squads/squads_show.html
squads/squads_member.html
clanwars/stats.html
clanwars/squads_show.html
awards/squads_show.html
awards/squads_show_all.html
awards/stats.html.html
server/server_show.html
---------------------------------------------*/
table.highlightSquads,table.highlightStats,table.highlightAwards,table.highlightServer {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #BBB;
  padding: 4px;
}

table.highlightSquads {
  border: 0px;
}

table.highlightAwards {
  padding: 0px;
}

img.squadMember {
  width: 100%;
  height: 1px;
  background-color: #707070;
}
/*---------------------------------------------
Attributes of several links
-----------------------------------------------
menu/*.html
---------------------------------------------*/
/*
  Navigation
*/
a.navMain:link,a.navMain:visited,a.navClan:link,a.navClan:visited,a.navServer:link,a.navServer:visited,a.navMisc:link,a.navMisc:visited,a.navUser:link,a.navUser:visited,a.navMember:link,a.navMember:visited,a.navAdmin:link,a.navAdmin:visited,a.navLostPwd:link,a.navLostPwd:visited,a.navTopdl:link,a.navTopdl:visited,a.navLastNews:link,a.navLastNews:visited,a.navLastReg:link,a.navLastReg:visited,a.navFtopics:link,a.navFtopics:visited,a.navLastCw:link,a.navLastCw:visited,a.navNextCw:link,a.navNextCw:visited,a.navLastArtikel:link,a.navLastArtikel:visited,a.navKal:link,a.navKal:visited,a.navVote:link,a.navVote:visited,a.navCounter:link,a.navCounter:visited,a.navShout:link,a.navShout:visited,a.navServerStats:link,a.navServerStats:visited {
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

a.navMain:hover,a.navMain:active,a.navClan:hover,a.navClan:active,a.navServer:hover,a.navServer:active,a.navMisc:hover,a.navMisc:active,a.navUser:hover,a.navUser:active,a.navMember:hover,a.navMember:active,a.navAdmin:hover,a.navAdmin:active,a.navLostPwd:hover,a.navLostPwd:active,a.navTopdl:hover,a.navTopdl:active,a.navLastNews:hover,a.navLastNews:active,a.navFtopics:hover,a.navFtopics:active,a.navLastCw:hover,a.navLastCw:active,a.navNextCw:hover,a.navNextCw:active,a.navLastArtikel:hover,a.navLastArtikel:active,a.navLastReg:hover,a.navLastReg:active,a.navKal:hover,a.navKal:active,a.navVote:hover,a.navVote:active,a.navCounter:hover,a.navCounter:active,a.navShout:hover,a.navShout:active,a.navServerStats:hover,a.navServerStats:active {
  color: #FF0000;
  font-size: 11px;
  text-decoration: none;
}

/*
  Welcomelink
*/
.welcome:link,.welcome:visited,.welcome:hover,.welcome:active {
  color: #C0C0C0;
  font-size: 11px;
  font-weight: bold;
}
.welcome:hover,.welcome:active {
  color: #FFF;
  font-size: 11px;
}

/*---------------------------------------------
Attributes of various font-styles
---------------------------------------------*/
span.fontText {
  font-weight: normal;
}

span.fontBold {
  font-weight: bold;
}

span.fontItalic {
  font-style: italic;
}

span.fontUnder {
  text-decoration: underline;
}

span.fontBoldUnder {
  font-weight: bold;
  text-decoration: underline;
}

span.fontItalicUnder {
  font-style: italic;
  text-decoration: underline;
}

span.fontError,span.fontWichtig,span.fontMarked,span.fontRed {
  font-weight: bold;
  color: red;
}

span.fontGreen {
  font-weight: bold;
  color: green;
}

/*
  Navigation ( << 1 2 3 >> )
*/

span.fontSites {
  font-weight: bold;
  color: red;
}

span.fontSitesMisc {
  color: #333333;
}

.sites:link,.sites:visited,.sites:hover,.sites:active {
  color: #999;
  font-size: 11px;
  text-decoration: none;
}

.sites:link {
  font-size: 11px;
  text-decoration: none;
}

.sites:hover {
  color: #414141;
  font-size: 11px;
  text-decoration: none;
}

/*
  Clanwarresults
*/

span.navCwWon,span.navCwDraw,span.navCwLost,span.CwWon,span.CwDraw,span.CwLost {
  font-weight: bold;
}

span.navCwWon,span.CwWon {
  color: #000000;
}

span.navCwDraw,span.CwDraw {
  color: #000000;
}

span.navCwLost,span.CwLost {
  color: #000000;
}

/*---------------------------------------------
Attributes of the errortable
-----------------------------------------------
errors/errortable.html
---------------------------------------------*/
td.error {
  text-align: center;
  border: 1px dotted #333333;
  padding: 3px;
  background-color: #FDE0E0;
}

/*---------------------------------------------
Style of the preloader
---------------------------------------------*/
div.preloader { 
  background-color: #ffffff; 
  color: #333333;
  border: 1px solid #333333;
}

/*---------------------------------------------
Style of the higlighted boxes (Vote,Profil, etc)
---------------------------------------------*/
td.highlight {
  text-align: left;
  background: #FFF;
  border: 1px solid #333333;
}
/*---------------------------------------------
Style of the statisitc beam (votes, CWs)
---------------------------------------------*/
td.statsBalken {
	border: 1px solid #333333;
	background-image: url('../../../images/vote_bg.gif');
}
/*---------------------------------------------
Attributes of various formulars
---------------------------------------------*/
/*****************************
*****************************/
/*---------------------------------------------
Templateswitcher dropdown
-----------------------------------------------
menu/tmp_switch.html
---------------------------------------------*/
select.tempswitch {
  width: 120px;
  color: #333333;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}
/*---------------------------------------------
Dropdownmenus
---------------------------------------------*/
select.dropdown {
  color: #333333;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}
/*---------------------------------------------
Dropdownmenus -> Categories
---------------------------------------------*/
option.dropdownKat {
  color: #333333;
  font-size: 97%;
  font-weight: bold;
  background-color: #ECEAEA;
  border: 1px #000 solid;
}
/*---------------------------------------------
Disabled input fields (not clicked)
---------------------------------------------*/
input.inputField_dis,input.inputField_dis_small,input.inputField_dis_mid,input.inputFieldFsearch_dis,input.inputFieldKal_dis,textarea.inputFieldKalDesc_dis,textarea.inputField_dis,input.inputField_dis_profil,textarea.inputField_dis_nletter { 
  border: 1px solid #5F5F5F;
  background-color: #F0EFEF;
  color: #333333;
  height: 13px;
  width: 250px;
}
/*---------------------------------------------
Enabled input fields (clicked)
---------------------------------------------*/
input.inputField_en,input.inputField_en_mid,input.inputField_en_small,input.inputFieldFsearch_en,input.inputFieldKal_en,textarea.inputFieldKalDesc_en,textarea.inputField_en,input.inputField_en_profil,textarea.inputField_en_nletter { 
  border: 1px solid #333333;
  background-color: #FFF;
  color: #333333;
  height: 13px;
  width: 250px;
}
/*---------------------------------------------
Several input fields
---------------------------------------------*/
/*
  Small inputfields
*/
input.inputField_dis_small,input.inputField_en_small {
  width: 25px;
}
/*
  Middle sized inputfields
*/
input.inputField_dis_mid,input.inputField_en_mid {
  width: 68px;
}
/*
  Board Search
*/
input.inputFieldFsearch_dis,input.inputFieldFsearch_en {
  width: 180px;
}
/*
  Calendar admin
*/
input.inputFieldKal_dis,input.inputFieldKal_en {
  width: 240px;
}

textarea.inputFieldKalDesc_dis,textarea.inputFieldKalDesc_en {
  overflow: Auto;
  width: 240px;
  height: 100px;
}
/*
  Edit profile fields
*/
input.inputField_dis_profil,input.inputField_en_profil {
  width: 200px;
}
/*
  Gallery Admin
*/
textarea.inputField_dis,textarea.inputField_en {
  overflow: Auto;
  height: 100px;
}

/*
  Newsletter textarea
*/
textarea.inputField_dis_nletter,textarea.inputField_en_nletter {
  width: 90%;
  height: 200px;
  overflow: Auto;
}
/*---------------------------------------------
Atrributes of (submit)buttons
---------------------------------------------*/
input.submit { 
  border: 1px solid #5F5F5F;
  background-color: #C0C0C0;
  color: #333333;
}

/*####################################
  WYSIWYG-EDITOR
####################################*/

/*---------------------------------------------
Atrributes of the mainframe (textfield)
---------------------------------------------*/
.bbcodeContentFrame {
  overflow: Auto;
  border: 1px solid #333333;
  background: #FFF;
}
/*---------------------------------------------
Atrributes of other frames (smileys,colors,...)
---------------------------------------------*/
.bbcodeFrame {
  overflow: Auto;
  border: 1px solid #333333;
  background: #FFF;
}

/* Tabellendefinitionen, in der die BBCodebilder eingebettet sind */
.bbcode_back {
	background: #FFF;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}
/*---------------------------------------------
Atrributes of the images
---------------------------------------------*/
.bbcode_image {
	border: 1px solid #D3D3D3;
  background-color: #FFF;
  vertical-align: middle;
	cursor: pointer;
}

.bbcode_imageRaised, .bbcode_image:hover {
	border: 1px outset;
  background-color: #FFF;
  cursor: pointer;
}

.bbcode_imageLowered, .bbcode_image:active {
	border: 1px inset;
  background-color: #FFF;
  cursor: pointer;
}
/*---------------------------------------------
Attributes of the font-dropdownmenu
---------------------------------------------*/
select.bbcode_style {
  color: #333333;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
  width: 140px;
}

select.bbcode_font {
  color: #333333;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}

select.bbcode_size {
  color: #333333;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}

/*####################################
  These sheets shouldn`t be edited
####################################*/
input.checkbox,input#loginCheckbox {
  border:0px;
}

td.quote {
  background-color: #dddddd;
  color: #333333;
  border: 1px solid #999999;
  padding: 2px;
}

td.middle,div.middle {
  vertical-align: middle;
  text-align: center;
}