/*######################################
  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,p,h1,h2,h3,h4,h5,h6,a,cite,quote,u,i {
  margin: 0px;
  padding: 0px;
  font-family: Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif;
  font-size: 10px;
  line-height: 120%;
  color: #FFF;
}

/*---------------------------------------------
Set body attributes color and background
---------------------------------------------*/
html,body {
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
  background-color: #343434;
}

/*---------------------------------------------
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).
---------------------------------------------*/
td {
  vertical-align: top;
}

/*---------------------------------------------
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: 0px none;
}


/*---------------------------------------------
Set a cursor for the label-TAG
---------------------------------------------*/
label {
  cursor: pointer;
}

/*---------------------------------------------
Set global style of the horizontal line
---------------------------------------------*/
hr {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 96%;
  border: #000 1px solid;
}

/*---------------------------------------------
Set general link style
---------------------------------------------*/
a:link,a:visited,a:hover,a:active {
  color: #FFF;
  font-size: 10px;
  text-decoration: none;
  border-bottom: 1px dotted #6c7c79;
  padding: 0 2px 0 2px;
}
a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #6c7c79;
  border-bottom: none;
}

img a:link {
  border: 0;
  background-color: transparent;
}
/*####################################
  DZCP STYLES
####################################*/

/*---------------------------------------------
Set attributes for the main-table
---------------------------------------------*/
table.maintable {
  margin: 0px;
  background-image: url(../images/bg_main.jpg);
  width: 865px;
  max-width: 865px;
}

/*---------------------------------------------
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 #000000;
  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: #000;
  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%;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

table.navContent {
  width: 100%;
  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: 44px;
}

input.loginName {
  width: 131px;
  height: 20px;
  color: #000;
  border: 0;
  background-image: url(../images/input_login.jpg);
  padding: 4px 30px 0px 15px;  
  color: #FFF;
}

input.loginPwd {
  width: 131px;
  height: 20px;
  color: #000;
  border: 0;
  background-image: url(../images/input_pwd.jpg);
  padding: 4px 15px 0px 30px;  
  color: #FFF;
}

input.loginSubmit {
  width: 53px;
  height: 21px;
  border: 0;
  background-image: url(../images/input_submit.jpg);
  padding: 0;  
  cursor: pointer;
}

input.loginReset {
  width: 51px;
  height: 21px;
  border: 0;
  background-image: url(../images/input_reset.jpg);
  padding: 0;  
  cursor: pointer;
}

/*---------------------------------------------
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 {
  background-image: url(../images/submit.jpg);
  border:1px solid #000;
  padding: 1px;
  padding-left: 6px;
  padding-top: 0px;
  padding-right: 6px;
  color: #FFF;
  cursor: pointer;
}

/*---------------------------------------------
Parts of the attributes of the navigations votebox
-----------------------------------------------
menu/shout.html
menu/shout_add.html
menu/shout_form.html
---------------------------------------------*/
td.navShoutContentFirst {
  background-color: #030504;
}

td.navShoutContentSecond {
  background-color: #2d2d2d;
}

/*---------------------------------------------
Disabled input field (not clicked)
---------------------------------------------*/
input.shoutEmail_dis,input.shoutNick_dis,textarea.shoutTextfield_dis { 
  border: 1px solid #5F5F5F;
  background-color: #F0EFEF;
  color: #000;
  width: 150px;
}
/*---------------------------------------------
Enabled input fields (clicked)
---------------------------------------------*/
input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en { 
  border: 1px solid #000;
  background-color: #FFF;
  color: #000;
  width: 150px;
}
/*---------------------------------------------
Shoutbox-textfield
---------------------------------------------*/
textarea.shoutTextfield_dis,textarea.shoutTextfield_en {
  overflow: Auto;
  height: 80px;
}

/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutSubmit {
  background-image: url(../images/submit.jpg);
  border:1px solid #000;
  padding: 1px;
  padding-left: 6px;
  padding-top: 0px;
  padding-right: 6px;
  color: #FFF;
  cursor: pointer;
}

/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutLength {
  width: 26px;
  height: 13px;
  border: #000 1px solid;
  background-color: #FFF;
  color:#000;
  text-align:center;
}

/*---------------------------------------------
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%;
}

td.navMainLeft,td.navClanLeft,td.navServerLeft,td.navMiscLeft {
  width: 46px;
}

td.navMainRight,td.navClanRight,td.navServerRight,td.navMiscRight {
  width: 0px;
}

td.navMainContent,td.navClanContent,td.navServerContent,td.navMiscContent {
  text-align: left;
}

td.navUserLeft,td.navMemberLeft,td.navAdminLeft {
  width: 20px;
}

td.navUserRight,td.navMemeberRight,td.navAdminRight {
  width: 0px;
}

td.navUserContent,td.navMemberContent,td.navAdminContent {
  text-align: left;
}

td.navUotmContent,td.navPartnerContent {
  text-align: center;
}

img.uotm {
  width: 130px;
  height: 161px;
}

td.navTopdlLeft {
  width: 30px;
}

td.navTopdlContent,td.navTmpswitchContent,td.navPagerankContent {
  text-align: left;
}
td.navTopdlHits {
  text-align: right;
  vertical-align:middle;
  color: #6c7c79;
}
td.navTopdlRight {
  width: 25px;
}

td.navNextCwDate {
  vertical-align: middle;
}

td.navFtopicsLeft,td.navLastArtikelLeft,td.navKalLeft,td.navVoteLeft,td.navShoutLeft,td.navServerStatsLeft {
  width: 2px;
}
td.navNextCwLeft,td.navLastCwLeft {
  width:8px;
  height: 19px;
}
td.navLastNewsLeft {
  width:19px;
}
td.navLastNewsContent,td.navFtopicsContent,td.navLastCwContent,td.navNextCwContent,td.navLastArtikelContent,td.navServerStatsContent {
  text-align: left;
  vertical-align: middle;
  height:18px;
}
td.navTopdlContent,td.navLastNewsContent {
  height:19px;
  vertical-align: middle;
}
td.navFtopicsRight,td.navLastCwRight,td.navNextCwRight,td.navLastArtikelRight,td.navKalRight,td.navVoteRight,td.navShoutRight,td.navServerStatsRight {
  width: 2px;
}
td.navLastNewsRight {
  width:38px;
}
td.navServerStatsContent {
  text-align: center;
}
td.navServerStatsSpace {
  height: 8px;
}

td.navKalHead,td.navKalHeadDays,td.navKalDays,td.navKalToday,td.navKalEmpty {
  text-align: center;
}

td.navKalToday {
  border: 1px solid #000;
}
/*---------------------------------------------
Attributes of the counter-box
-----------------------------------------------
menu/counter.html
---------------------------------------------*/

td.counterLeft {
  width: 31px;
}

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: 3px;
  vertical-align: middle;
}

td.contentHead { 
  border-bottom: 1px solid #485555;
}

td.contentMainTop,tr.contentMainTop { 
  vertical-align: top;
}

td.contentMainFirst { 
  
}

td.contentMainSecond { 
  
}

td.contentBottom,td.contentBottomLeft { 
  border-top: 1px solid #485555;
  text-align: center;
  font-weight: bold;
}

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,td.newsBottom { 
  background-color: #ECEAEA;
  color: #000;
  height: 18px;
  vertical-align: middle;
  text-align: left;
  padding:2px;
}

td.newsBottom { 
  text-align: right;
}

td.newsContent {
  padding: 3px;
}

td.archiveStats {
  text-align: center;
  background-color: #414141;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  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 { 

  border-right: 1px solid #485555;
  width: 25%;
  height: 128px;
  padding: 2px;
}

td.commentsRight { 
  vertical-align: top;
  padding:4px;
}

td.rnd {
  border-top: 1px solid #485555;
  border-bottom: 1px solid #485555;
}

/*---------------------------------------------
Attributes of the calendar
-----------------------------------------------
kalender/day.html
---------------------------------------------*/
td.calDay,td.calToday {
  background-color: #505552;
  color: #FFF;
  text-align: left;
  vertical-align: top; 
  width: 14%;
  height: 70px;
}

td.calToday {
  border: 1px solid #000;
  background-color: #FFF;
  color:#000;
}

/*---------------------------------------------
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: #414141;
  border-top: 1px solid #BBB;
  border-bottom: 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.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: normal;
  color: #6c7c79;
  display: block;
  width:100%;
  border-bottom: none;
}

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: #FFF;
  text-decoration: none;
  background-color: transparent;
}
a.navShout:link,a.navShout:visited,a.navShout:hover,a.navShout:active {
  display: inline;
  font-weight: bold;
}
/*
  Navi
*/
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 {
  color:#6c7c79;
  font-weight: bold;
  border-bottom: none;
}

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 {
  color:#FFF;
  border-bottom: none;
}
/*
  Counter
*/

/*
  Welcomelink
*/
.welcome:link,.welcome:visited,.welcome:hover,.welcome:active {
  color: #C0C0C0;
  font-weight: bold;
}
.welcome:hover,.welcome:active {
  color: #FFF;
}
/*---------------------------------------------
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: #000;
}

.sites:link,.sites:visited,.sites:hover,.sites:active {
  color: #999;
  font-size: 10px;
  text-decoration: none;
}

.sites:link {
  text-decoration: none;
}

.sites:hover {
  color: #414141;
  text-decoration: none;
}

/*
  Clanwarresults
*/

span.navCwWon,span.navCwDraw,span.navCwLost,span.CwWon,span.CwDraw,span.CwLost {
  font-weight: bold;
}

span.navCwWon,span.CwWon {
  color: #26db1d;
}

span.navCwDraw,span.CwDraw {
  color: #b59639;
}

span.navCwLost,span.CwLost {
  color: red;
}

/*---------------------------------------------
Attributes of the errortable
-----------------------------------------------
errors/errortable.html
---------------------------------------------*/
td.error {
  text-align: center;
  border: 1px dotted #000;
  padding: 3px;
  background-color: #FDE0E0;
}

/*---------------------------------------------
Style of the preloader
---------------------------------------------*/
div.preloader { 
  background-color: #ffffff; 
  color: #000000;
  border: 1px solid #000000;
}

/*---------------------------------------------
Style of the higlighted boxes (Vote,Profil, etc)
---------------------------------------------*/
td.highlight {
  text-align: left;
  background-color: #414141;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
/*---------------------------------------------
Style of the statisitc beam (votes, CWs)
---------------------------------------------*/
td.statsBalken {
  height: 7px;
  border: 1px solid #000;
  background-image: url('../../../images/vote_bg.gif');
}
/*---------------------------------------------
Attributes of various formulars
---------------------------------------------*/
/*****************************
*****************************/
/*---------------------------------------------
Templateswitcher dropdown
-----------------------------------------------
menu/tmp_switch.html
---------------------------------------------*/
select.tempswitch {
  width: 120px;
  color: #000;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}
/*---------------------------------------------
Dropdownmenus
---------------------------------------------*/
select.dropdown {
  color: #000;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}
/*---------------------------------------------
Dropdownmenus -> Categories
---------------------------------------------*/
option.dropdownKat {
  color: #000;
  font-size: 97%;
  font-weight: bold;
  background-color: #ECEAEA;
  border-top: 1px #000 solid;
  border-bottom: 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: #000;
  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 #000;
  background-color: #FFF;
  color: #000;
  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 { 
  background-image: url(../images/submit.jpg);
  border:1px solid #000;
  padding: 1px;
  padding-left: 6px;
  padding-top: 0px;
  padding-right: 6px;
  color: #FFF;
  cursor: pointer;
}

/*####################################
  WYSIWYG-EDITOR
####################################*/

/*---------------------------------------------
Atrributes of the mainframe (textfield)
---------------------------------------------*/
.bbcodeContentFrame {
  overflow: Auto;
  border: 1px solid #000;
  background-color: #FFF;
}
/*---------------------------------------------
Atrributes of other frames (smileys,colors,...)
---------------------------------------------*/
.bbcodeFrame {
  overflow: Auto;
  border: 1px solid #000000;
  background-color: #FFF;
}

/* Tabellendefinitionen, in der die BBCodebilder eingebettet sind */
.bbcode_back {
	background-color: #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_size,select.bbcode_font,select.bbcode_style {
  color: #000;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
  width: 140px;
}

/*####################################
  These sheets shouldn`t be edited
####################################*/
input.checkbox,input#loginCheckbox {
  border:0px;
  cursor: pointer;
}

td.quote,.emph,.msg {
  background-color: #343434;
  color: #000;
  border: 1px solid #000;
  padding: 2px;
}

td.middle,div.middle {
  vertical-align: middle;
  text-align: center;
}
/*
  NEW Styles
*/
ul.c {
  margin:0px;
  padding:0px;
  list-style: square;
  padding-left: 14px;
}
td.cnt {
  color: #6d7d7a;
}