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

/* ADVANCED-COUNTER-HOVER-INFOS by DZCP-Zone.de - START */
td.infoTop2 {
  background-color: #EEE;
  text-align: center;
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
/* ADVANCED-COUNTER-HOVER-INFOS by DZCP-Zone.de - END */

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

/*---------------------------------------------
Set body attributes color and background
---------------------------------------------*/
html,body {
  color: #000;
  background: url(../Bilder/bg.gif);
}
/*---------------------------------------------
Set as blockelements
---------------------------------------------*/
h1,h2,h3,h4,h5,h6,hr,p,div,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 {
	color : #000;
	height : 1px;
	padding : 0;
	border-color : #000;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 3px 0 6px 0;
}

*+html hr { margin: 0 }
* html hr { margin: 0 }

/*---------------------------------------------
Set a square as in front of an unordered list
---------------------------------------------*/
ul li {
	list-style: square;
}

/*---------------------------------------------
Set general link style
---------------------------------------------*/
a:link,a:visited,a:hover,a:active {
  color: #444;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a:focus { outline: 0 none }

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

/*---------------------------------------------
Set attributes for the main-table
---------------------------------------------*/
table.maintable {
  background: url(../images/bg_content.jpg) repeat-y;
  margin: auto; width: 1005px;
}

/*---------------------------------------------
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: #FFF;
  border-bottom: 1px solid #000;
  margin: 0px;
  width: 100%;
  text-align: center;
}

table.subPersInfos {
  text-align: center;
}

span.fontBoldPersInfos {
  font-weight: bold;
}

table.persInfo td, table.persInfo span {
  color: #000;
}
/*---------------------------------------------
Header attributes
-----------------------------------------------
index.html
---------------------------------------------*/
td.pagetitle {
  height: 149px;
  text-align: left;
  vertical-align: bottom;
}

td.pagetitleContent {
  width: 710px;
  height: 150px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
/*---------------------------------------------
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; margin-top: 15px;
  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, td.loginRight {
  width: 3px;
}

input.loginName_dis,input.loginPwd_dis,input.loginName_en,input.loginPwd_en,input.loginSubmit {
  width: 147px; color: #000;
  border: 1px solid #111;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  background-color: #F7F7F7;
  padding: 2px;
}

input.loginName_en,input.loginPwd_en {
  border: 1px solid #000;
  background-color: #FFF;
}

input.loginSubmit {
  width: 60px;
  padding: 1px;
  background-color: #FFF;
  background-image: url(../images/submit.jpg);
  border: 1px solid #5F5F5F;
  color: #000;
  cursor: pointer;
}

input.loginSignUp:hover {
  background-image: url(../images/submit_hover.jpg);
}

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.voteSubmitForum {
  padding: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFF;
  background-image: url(../images/submit.jpg);
  border: 1px solid #5F5F5F;
  color: #000;
  cursor: pointer;
}
input.voteSubmitForum:hover {
  background-image: url(../images/submit_hover.jpg);
}

input.voteSubmit {  
  padding: 0px;
  margin: 0px;
  height: 22px;
  width: 110px;
  background-image: url(../Bilder/vote/lo_03.jpg);
  border: 0px;
  cursor: pointer;
}

input.voteSubmit:hover { 
  background-image: url(../Bilder/vote/lo_032.jpg);
}
/*IE Hack*/
*+html input.voteSubmit { overflow: visible; }
* html input.voteSubmit { overflow: visible; }
/*---------------------------------------------
Parts of the attributes of the navigations votebox
-----------------------------------------------
menu/shout.html
menu/shout_add.html
menu/shout_form.html
---------------------------------------------*/
td.navShoutContentFirst {

}

td.navShoutContentSecond {

}

/*---------------------------------------------
Disabled input field (not clicked)
---------------------------------------------*/
input.shoutEmail_dis,input.shoutNick_dis,textarea.shoutTextfield_dis,
input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en {
  border: 1px solid #111;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  background-color: #FFF;
  color: #000; padding: 1px;
  width: 148px;
}
/*---------------------------------------------
Enabled input fields (clicked)
---------------------------------------------*/
input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en {
  border: 1px solid #000;
}
/*---------------------------------------------
Shoutbox-textfield
---------------------------------------------*/
textarea.shoutTextfield_dis,textarea.shoutTextfield_en {
  overflow: Auto;
  height: 80px;
}

/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutSubmit {
  padding: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFF;
  background-image: url(../images/submit.jpg);
  border: 1px solid #5F5F5F;
  color: #000;
  cursor: pointer;
}
input.shoutSubmit:hover {
  background-image: url(../images/submit_hover.jpg);
}
/*IE Hack*/
*+html input.shoutSubmit { overflow: visible; }
* html input.shoutSubmit { overflow: visible; }
/*---------------------------------------------
Shoutbox submit button
---------------------------------------------*/
input.shoutLength {
  width: 26px;
  height: 13px;
  border: 0px;
  background-color: transparent;
  text-align: center;
}

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

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

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

td.navMainRight,td.navClanRight,td.navServerRight,td.navMiscRight {
  width: 2px;
}

td.navMainContent,td.navClanContent,td.navServerContent,td.navMiscContent {
  text-align: left;
}

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

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

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

td.navUotmContent,td.navPartnerContent,td.navSponsorsContent {
  text-align: center;
  padding: 2px 0;
}

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

td.navLregLeft,td.navTopdlLeft,td.navTeamspeakLeft {
  width: 5px;
}

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

div.navGameServer,
div#navTeamspeakContent {
  position: relative;
  width: 200px;
  overflow: auto;
  overflow-x: auto; overflow-y: hidden;
}

div.navGameServer { width: 200px }

td.navTeamspeakRight {
  width: 11px;
}

td.navTopdlRight {
  width: 11px;
}

td.navTopdlHits {
  text-align: right; vertical-align: middle;
}

td.navTmpswitchLeft {
  width: 13px;
}

td.navNextCwDate {
  color: #FFF;
  vertical-align: middle;
}

td.navLastNewsLeft,td.navFtopicsLeft,td.navLastCwLeft,td.navNextCwLeft,td.navLastArtikelLeft,td.navKalLeft,td.navVoteLeft,td.navShoutLeft,td.navServerStatsLeft,td.navEventsLeft,td.navTeamLeft,td.topMatchLeft {
  width: 2px;
}

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

td.navLastNewsRight,td.navFtopicsRight,td.navLastCwRight,td.navNextCwRight,td.navLastArtikelRight,td.navKalRight,td.navVoteRight,td.navShoutRight,td.navServerStatsRight,td.navEventsRight,td.navTeamRight,td.topMatchRight {
  width: 2px;
}

td.navLastCwLeft,td.navNextCwLeft,td.navLastCwRight,td.navNextCwRight {
  width: 5px;
}

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

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

td.navKalHead span, td.navKalHead a {
  font-size: 11px;
}

td.navKalToday {
  border: 1px solid #000;
}

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

td.counterLeft,td.counterRight {
  width: 3px;
}

td.counterContentHead {
  text-align: left;
}

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

td.counterContentRight {
  text-align: right;
}

td.counterSpace {
  height:5px;
}
/*---------------------------------------------
menu/online.html + online_show.html
---------------------------------------------*/


td.onlineContentHead {
  text-align: center;
  width: 185px;
  color: #CCC;
}

td.onlineContentLeft {
  text-align: left;
  width: 16px;
  color: #CCC;
}

td.onlineContentRight {
  text-align: left;
  color: #CCC;
}
td.onlineContentHead a:visited,td.onlineContentHead a:link,td.onlineContentLeft a:visited,td.onlineContentLeft a:link,td.onlineContentRight a:visited,td.onlineContentRight a:link  {
color: #FFF; /* normale farbe*/
}
td.onlineContentHead a:hover,td.onlineContentHead a:active,td.onlineContentLeft a:hover,td.onlineContentLeft a:active,td.onlineContentRight a:hover,td.onlineContentRight a:active  { 
color: #999; /* mouseover farbe*/
}
/*---------------------------------------------
Global styles of the content
---------------------------------------------*/
td.contentHead,td.contentMainTop,td.contentMainFirst,td.contentMainSecond,td.contentBottom,td.contentBottomLeft {
  height: 16px;
  padding: 3px;
  color: #000;
  vertical-align: middle;
}

td.contentHead,td.infoTop {
  background-color: #EEE; 
  text-align: center;
}

td.contentMainTop,tr.contentMainTop {
  background-color: #F0EFEF;
  vertical-align: top;
}

td.contentMainFirst,
div#infoInnerLayer,
td.commentsRight,
td.navShoutContentFirst,
td.error,td.calDay,td.calToday,
.adminBarInner,.adminBarInnerOver,.adminMenuOuter,.adminMenuOuterOver,
.adminBarOuter,.adminBarOuterOver,.adminMenuInner,.adminMenuInnerOver {
  background-color: #e9e9e9;
}

td.contentMainSecond,
td.commentsLeft,
td.navShoutContentSecond,
.adminMenuInnerOver,.adminMenuOuterOver {
  background-color: #FFF;
}

td.contentBottom,td.contentBottomLeft {
  background-color: #EEE; 
  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.newsContent {
  padding: 3px;
}

td.archiveStats {
  text-align: center;
  background-color: #EEE;
  color: #000;
  border: 1px solid #000;
  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 {
  width: 25%;
  height: 128px;
  padding: 2px;
}

td.commentsRight {
  vertical-align: top;
  padding:4px;
}

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

td.calToday {
  border: 1px solid #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%;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 4px;
}

table.highlightServer {
  padding: 0px;
}

table.highlightSquads {
  border: 0px;
}

table.highlightAwards {
  padding: 0px;
}

img.squadMember {
  width: 100%;
  height: 1px;
  background-color: #707070;
}
/*---------------------------------------------
Attributes of several links
-----------------------------------------------
menu/*.html
---------------------------------------------*/
a.navVote:link,a.navVote:visited {
  font-weight: bold;
  color: #CCCCCC;
}

a.navVote:hover,a.navVote:active {
  color: #999999;
}

a.navUser:link,a.navUser:visited,
a.navTrial:link,a.navTrial:visited,
a.navMember:link,a.navMember:visited,
a.navAdmin:link,a.navAdmin:visited,
a.navLostPwd:link,a.navLostPwd:visited,
a.navLastNews:link,a.navLastNews:visited,
a.navFtopics:link,a.navFtopics:visited,
a.navTopdl:link,a.navTopdl:visited,
a.navLastReg:link,a.navLastReg:visited,
a.navLastArtikel:link,a.navLastArtikel:visited,
a.navLastCw:link,a.navLastCw:visited,
a.navNextCw:link,a.navNextCw:visited,
a.navKal:link,a.navKal:visited,
a.navCounter:link,a.navCounter:visited,
a.navShout:link,a.navShout:visited,
a.navTeam:link,a.navTeam:visited,
a.navServerStats:link,a.navServerStats:visited,
a.navTeamspeak:link,a.navTeamspeak:visited {
  font-weight: normal;
  color: #555;
}

a.navUser:hover,a.navUser:active,
a.navTrial:hover,a.navTrial:active,
a.navMember:hover,a.navMember:active,
a.navAdmin:hover,a.navAdmin:active,
a.navLostPwd:hover,a.navLostPwd:active,
a.navLastNews:hover,a.navLastNews:active,
a.navFtopics:hover,a.navFtopics:active,
a.navTopdl:hover,a.navTopdl: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.navCounter:hover,a.navCounter:active,
a.navShout:hover,a.navShout:active,
a.navTeam:hover,a.navTeam:active,
a.navServerStats:hover,a.navServerStats:active,
a.navTeamspeak:hover,a.navTeamspeak:active {
  color: #888888;
}

a.navTopdl:link,a.navTopdl:visited,
a.navLastArtikel:link,a.navLastArtikel:visited {
  display: block; padding: 1px 2px;
}

a.navLastCw:link,a.navLastCw:visited,
a.navNextCw:link,a.navNextCw:visited,
a.navLastNews:link,a.navLastNews:visited,
a.navFtopics:link,a.navFtopics:visited {
  padding: 2px 6px; padding-bottom: 4px;
  display: block;
}

a.navLastCw:link,a.navLastCw:visited,
a.navNextCw:link,a.navNextCw:visited {
  padding-left: 1px; padding-right: 1px;
}

a.navShout:link,a.navShout:visited { font-weight: bold }

a.navCounter:link,a.navCounter:visited,
a.navKal:link,a.navKal:visited {
  color: #ff0000;
  font-weight: bold;
}

/* 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 {
  color: #fff;
  padding: 4px; padding-left: 7px;
  display: block;
  text-align: center;
}
a.navMain:hover,a.navMain:active,
a.navClan:hover,a.navClan:active,
a.navServer:hover,a.navServer:active,
a.navMisc:hover,a.navMisc:active {
  color: #000;
  background-image: url(../images/nav_bg.jpg);
}
/*
  Welcomelink
*/
.welcome:link,.welcome:visited,.welcome:hover,.welcome:active {
  color: #FFF;
  font-weight: bold;
}
.welcome:hover,.welcome:active {
  color: #ff0000;
}

/*---------------------------------------------
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: #e50000;
}

span.fontGreen {
  font-weight: bold;
  color: #17D427;
}

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

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

span.fontSitesMisc {
  color: #000;
}

.sites:link,.sites:visited,.sites:hover,.sites:active {
  font-size: 10px;
  text-decoration: none;
}

.sites:hover,.sites:active {
  text-decoration: none;
}

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

span.navCwWon,span.CwWon {
  color: #17D427;
}

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

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

/*---------------------------------------------
Attributes of the errortable
-----------------------------------------------
errors/errortable.html
---------------------------------------------*/
td.error {
  text-align: center;
  padding: 3px;
}

/*---------------------------------------------
Style of the preloader
---------------------------------------------*/
div#preload {
  background-color: #FFF;
  border: 1px solid #000;
}

/*---------------------------------------------
Style of the higlighted boxes (Vote,Profil, etc)
---------------------------------------------*/
td.highlight {
  text-align: left;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
/*---------------------------------------------
Style of the statisitc beam (votes, CWs)
---------------------------------------------*/
td.statsBalken {
  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: #dbdbdb;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
}
/*---------------------------------------------
Enabled/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,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,textarea.inputField_dis_profil,textarea.inputField_en_profil {
  border: 1px solid #111;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  background-color: #F7F7F7;
  color: #000;
  padding:1px;
  width: 250px;
}
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,textarea.inputField_en_profil {
  background-color: #FFF;
   border: 1px solid #000;
}
/*---------------------------------------------
Several input fields
---------------------------------------------*/
/*
  Small inputfields
*/
input.inputField_dis_small,input.inputField_en_small {
  width: 22px;
  text-align: center;
}
/*
  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,
textarea.inputField_dis_profil,textarea.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 {
  margin: 0px;
  padding: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFF;
  background-image: url(../images/submit.jpg);
  border: 1px solid #5F5F5F;
  color: #000;
  cursor: pointer;
  font-weight: normal;
}
input.submit:hover {
  background-image: url(../images/submit_hover.jpg);
}
/*IE Hack*/
*+html input.submit { overflow: visible; }
* html input.submit { overflow: visible; }
/*####################################
  These sheets shouldn`t be edited
####################################*/
input.checkbox,input#loginCheckbox {
  border:0px;
  cursor: pointer;
}

.emph,.msg {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
  padding: 2px; z-index: 9999999;
}

.msg * { color: #000 }
.msg a:link, .msg a:visited { color: #000 }

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


/*####################################
  DZCP 1.4 Styles
####################################*/
/*---------------------------------------------
  WYSIWYG-Editor
---------------------------------------------*/
textarea.editorStyle,
textarea.editorStyleNewsletter {
  width: 560px;
  height: 200px;
}

textarea.editorStyleWord {
  width: 560px;
  height: 270px;
}

textarea.editorStyleMini {
  		  height: 100px; width: 300px;
		}

/*
  shouldn`t be edited
*/

div.clipMore {
  border-top: 1px dashed #BBB;
  border-bottom: 1px dashed #BBB;
  padding: 2px;
}

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

div#previewDIV {
  margin-top: 9px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/*---------------------------------------------
  JS Infolayer
---------------------------------------------*/
div#infoDiv {
  z-index: 100;
  position: absolute;
  display: none;
  -moz-opacity: 0.80;
}
div#infoInnerLayer {
  border: 1px solid #000;
}

div#infoInnerLayer td {
  padding: 2px;
}

div#infoDiv {
  min-width: 250px; width: 250px;
/*
  width: auto !important;
  width: 280px;
*/
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

div#hDiv {
  min-width: 250px; width: 250px;
  position: absolute; z-index: 9;
  top: 0; left: 0;
}

iframe#ieFix {
  position: absolute; z-index:0;
  top: 0; left: 0;
}

td.infoTop {
  font-weight: bold;
  border-bottom: 1px solid #000;
}

/*---------------------------------------------
  Syntax Highlighting (PHP)
---------------------------------------------*/
.codeHead {
  background-color: #20262b;
  border: 1px solid #000;
  padding: 2px;
}

.code,.codeHead  {
  width: 470px;
  max-height: 200px;
  background-color: #FFF;
  border: 1px solid #000;
  padding: 0px;
  overflow:auto;
}

.codeHead {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000;
  font-weight: bold;
  border-bottom: 0px;
  background-color: #DDD;
}

.codeLines {
  width: 1%;
  color: #000;
  background-color: #DDD;
  border-right: 1px solid #000;
}
.codeContent,.codeContent *,.codeLines {
  padding: 0px;
  padding-left: 4px;
  padding-right: 2px;
  font-family: "Courier New", Verdana, Arial;
  font-size: 11px;
}
.codeContent * {
  padding:0px;
}
/*---------------------------------------------
  Colors of highlighting
---------------------------------------------*/
td.codeContent .string { color: #800; }
td.codeContent .comment { color: #C0C0C0; }
td.codeContent .keyword { color: #000; font-weight:bold; }
td.codeContent .bg { background: #DDD; }
td.codeContent .default { color: #000080; }
td.codeContent .html { color : #880; }
/*---------------------------------------------
  Resized Image Text (resized to...)
---------------------------------------------*/
span.resized {
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
}

/*---------------------------------------------
Navigation: Teamswitcher
---------------------------------------------*/
select.teamswitch {
  width: 160px;
  color: #000;
  font-size: 97%;
  background-color: #FFF;
  border: 1px #000 solid;
}

/*---------------------------------------------
Attributes of all icons (flags/email/hp/teamspeak,etc)
---------------------------------------------*/
img.icon,img.helpicon,img.tsicon {
  vertical-align: middle;
}
/*
  helpicon
*/
img.helpicon { cursor: help; }
/*
  Teamspeak icons
*/
img.tsicon {
  margin: 1px;
}
/*---------------------------------------------
Board Quotes
---------------------------------------------*/
.quote {
  width: 95%;
  margin: auto;
  border: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 2px;
  background-color: #FFF;
  background-image: url(../../../images/quote.gif);
  background-repeat: no-repeat;
  color: #000;
}
.quote b, .quote a {
  font-size: 11px;
  color: #000;
}

/*---------------------------------------------
Adminmenu
---------------------------------------------*/
.adminBarInner,.adminBarInnerOver {
  text-align: center;
	text-decoration: none;
  margin: 0px;
	padding: 3px;
}
.adminBarInnerOver {

}

.adminBarOuter,.adminBarOuterOver {
	text-decoration : none;
	border: 1px solid #353535;
}

.adminMenuInner,.adminMenuInnerOver {
	margin: 3px 0 0 22px;
}

.adminMenuOuter,.adminMenuOuterOver {
	text-decoration : none;
	border: 1px solid #353535;
	padding: 0;
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.adminMenuInnerOver,.adminMenuOuterOver  {

}

/**************
  Search form
**************/
fieldset.search {
  border: 1px solid #000;
}

legend.search {
  margin: 0;
  padding: 0;
  color: #000;
}

ul.search {
  height: 200px;
  overflow: auto;
  width: 100%;
  border: 1px solid #000;
}

ul.search {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

ul.search li {
  margin: 0;
  padding: 0;
}

label.search, label.searchKat {
  display: block;
  text-align: left;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  width: 100%;
}

label.search:hover {
  background-color: #EEE;
}

label.searchKat {
  background-color: #dbdbdb;
  font-weight: bold;
}

td.searchHead {
  border-bottom: 1px solid #888;
}

input.chksearch {
  margin: 2px;
  border:0px;
  cursor: pointer;
}

.highlightSearchTarget {
  padding: 2px;
  color: #000;
  background-color: #FEFECE;
}

/**************
  Glossar
**************/
a.glossar:link,a.glossar:visited,a.glossar:hover,a.glossar:active {
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px dashed;
}

/**************
  Membermap
**************/
div#memberMap {
  width: 100%;
  height: 600px;
}
div#memberMapInner {
  width: 180px;
  margin: auto;
  line-height: 180%;
  text-align: left;
  padding: 3px;
  z-index:1;
}

/*####################################
  TEMPLATE SPECIFIC STYLES
####################################*/
#time {
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}
td.nautor a:link,td.nautor a:visited,td.nautor a:hover,td.nautor a:active { color: #666; }


/**************
  Permission Table
**************/
div.permissions input.checkbox {
  float: left; margin: 1px 2px;
}

div.permissions label {
  display: block; float: left; clear: right;
  width: 45%;
  text-align: left;
}

div.permissions br {
  clear: both;
  height: 0; line-height: 0; font-size: 0;
}

/**************
lightbox
**************/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #FFF;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
width: 26px;
float: right;
padding-bottom: 15px;   
}

/**************
  Newsticker
**************/
div#ticker {
  position: absolute;
  top: 158px; left: 485px;
  width: 512px;
  overflow: hidden;
  padding: 0; text-align: center;
}

div#ticker,
div#ticker div.scrollDiv,
div#ticker div.scrollDiv td {
  white-space: nowrap;
}

div#ticker a:link,
div#ticker a:visited {
  color: #FFF;
}

div#ticker a:hover,
div#ticker a:active {
  color: red;
}

/**************
  globale Suche
**************/
#searchpanel {
  width: 150px;
  border: 1px solid #111;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  background-color: #F7F7F7;
  color: #000;
  padding: 1px;
}
* html #searchpanel { margin: -1px 0 }
*+html #searchpanel { margin: -1px 0 }

input.searchSubmit {
  padding-bottom: 1px; height: 15px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFF;
  background-image: url(../images/submit.jpg);
  border: 1px solid #5F5F5F;
  color: #000;
  cursor: pointer;
}
input.searchSubmit:hover {
  background-image: url(../images/submit_hover.jpg);
}
/*IE Hack*/
*+html input.searchSubmit { overflow: visible; }
* html input.searchSubmit { overflow: visible; }

/****************************************/

img.border {
  border: 1px solid #777;
}

img.bordera {
  border: 2px solid #999999;
}


td.newsNavigation {
color: #CCCCCC;
font-size: 10px;
}

td.newsNavigation a {
color: #999999;
}

td.newsNavigation a:hover, a:active {
color: #0099FF;
}


#ph_overlayer {
  display: block;
  width: 100%;
  height: 200px;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

#ph_layer {
  position: relative;
  width: 100%;
  top: 0px;
  z-index: 1;
}
  
div#ph_layer a {
  display:block;
  margin: 2px;
}

.br_th {
  border: 1px solid black;
  border-width: 0px 0px 1px 1px;;
  padding: 0px 5px;
  cursor: pointer;
  color: white;
  text-align: center;
  font-weight: bold;
}

.br_hpic0 {
  opacity: 1; 
  filter: alpha(opacity=100);
}

.br_hpic1 {
  opacity: 0; 
  filter: alpha(opacity=0); 
  position: absolute; 
  top: 0px; 
  left: 0px;
}

#ur_overlayer {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 161px;
  width: 130px;
  margin: auto;
  border: 1px solid black;
  border-bottom: 0px;
}
#ur_layer {
  position: relative;
  width: 130px;
  top: 0px;
  z-index: 1;
}

.ur_lnk {
  border: 1px solid black;
  margin: auto;
  width: 130px;
  height: 14px;
  cursor: pointer;
}

#ur_next, #ur_prev {
  font-weight: bold;
  background-color: #151515;
  width: 65px;
  float: left;
  height: 14px;
}


#gal_overlayer {
  width: 100%;
  height: 98px;
  border: 1px solid black;
  border-width: 1px 0px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: grey;
}

#gal_layer {
  position: relative;
  width: 100%;
  z-index: 1;
  left: 0px;
}

#gal_loader {
  position: absolute;
  visibility: hidden;
}



.dropdown{
z-index: 1;
}
/**************
  Rosterticker
**************/
div#roster_ticker {
  position: relative;
  width: 190px;
	margin-left:10px;
	margin-right:1px;
  overflow: hidden;
  padding: 0; text-align: center;
}

div#roster_ticker,
div#roster_ticker div.scrollDiv,
div#roster_ticker div.scrollDiv td {
  white-space: nowrap;
}

div#teams {
  position: relative;
  width: 153px;
  margin-left: 6px; margin-top: 4px;
  overflow: hidden;
  padding: 0; text-align: center;
}

div#teams,
div#teams div.scrollDiv,
div#teams div.scrollDiv td {
  white-space: nowrap;
  color: #087a9b;
  margin-left: 22px;
}

img.border {
  border: 1px solid #777;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 100px; /*Width of Carousel Viewer itself*/
height: 50px; /*Height should enough to fit largest content's height*/
margin-left: 15px;


}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
margin-top: 5px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-top: 0px;
}
#gal_overlayer {
  width: 100%;
  height: 98px;
  border: 1px solid black;
  border-width: 1px 0px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #e9e9e9;
}

#gal_layer {
  position: relative;
  width: 100%;
  z-index: 1;
  left: 0px;
}

#gal_loader {
  position: absolute;
  visibility: hidden;
}

#ur_overlayer {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 161px;
  width: 130px;
  margin: auto;
  border: 1px solid black;
  border-bottom: 0px;
}
#ur_layer {
  position: relative;
  width: 130px;
  top: 0px;
  z-index: 1;
}

.ur_lnk {
  border: 1px solid black;
  margin: auto;
  width: 130px;
  height: 14px;
  cursor: pointer;
}

#ur_next, #ur_prev {
  font-weight: bold;
  background-color: #151515;
  width: 65px;
  float: left;
  height: 14px;
}
div.n { position: relative; text-align:center; width: 145px;}
div.n div {
	position:absolute;
  width: 143px;
  background-color: #2C2C2C;
  -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=80);
  border: 1px solid #000;
  display: none;
  text-align:center;
}

div.n,
div.n * {
  z-index: 100;
}
div.n1 { position: relative;text-align:left }
div.n1 div {
	position:absolute;
  width: 144px;
   left: 0; top: 39px;
  background-color: #2C2C2C;
  -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=80);
  border: 1px solid #000;
  display: none;
  text-align:center;
}

div.n1,
div.n1 * {
  z-index: 10000;
}
.minifont {
	font-size: 10px;
	color: #000;
	line-height: 1em;
}
 
/* PasswordStrength */
.graph { 
	position: relative; /* IE */
	width: 100%; 
	width: 278px;
	padding: 2px;
}
.graph .bar {  
	display: block;
	position: relative;
	background-color: #fff; 
	background: url(http://www.my-ultimate-gaming.net/inc/_templates_/itwontfade/Bilder/password_meter1.png) repeat-y;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7; 
	text-align: left; 
	height: 10px; 
	width: 246;
}
 
.graph .bar span { 
	position: absolute;
	left: 1em; 
}
/** footer */
#footer {
position:fixed;
left:0px;
width:100%; 
bottom:0px; 
height:27px; 
background-image:url(http://www.hnd-clan.de/footerbar.png);
z-index:99999999;
background-repeat:repeat-x; 
text-align: center;
}


#footer a, #footer a:visited {
color: #e20000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
}

#footerbar {
position: relative;
padding-top:5px;
padding-right:300px;
vertical-align: middle;
text-align: center;
top:5px;
}
#gaming {
left:0px;
width:100%; 
bottom:0px; 
height:27px; 
}
#b {
	font-weight:bold;
	color: #0099FF;
}

b:link,b:visited,b:hover,b:active {
	font-weight:bold;
	color: #0099FF;
	}
	
/** Serverviewer in der Index.html */


div .infomap{
  font-family:Verdana;
  font-size:12px;
  color:#000000;
  font-weight:normal;
  position: absolute;
  margin-left: 120px;
}

div .infomapview {
  color:#ffffff;
  font-weight:normal;
  position: absolute;
  border: 0px solid #ffffff;
}

td .infomapview {
  color:#ffffff;
  font-weight:normal;
  position: absolute;
  border: 2px solid #ffffff;
}

a.infomapurl:link,a.infomapurl:visited  {
  color:#ffffff;
  font-weight:normal;
}

a.infomapurl:active,a.infomapurl:hover  {
  color:#cccccc;
  font-weight:normal;
}

a .infomapview {
  visibility:hidden;

}

a:hover .infomapview {
  visibility:visible;

}

table.navContentNew {
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left;
  color: #ffffff;
  
}

td.navServerStatsContentL {
  text-align: left;
}

td.navServerStatsContentR {
  text-align: right;
}

td.navServerStatsContentC {
  text-align: center;
}

td.navServerStatsSpace {
  height: 5px;
  width: 5px;
}


#topmenu {
    margin: 0;
    padding: 0;
    font-family: tahoma, sans-serif;
    font-size: 11px;
}

#topmenu ul {
    padding: 0 0 0 5px;
    margin: 0;
    list-style-type: none;
    width: auto;
    float: left;
}

#topmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#topmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
}


#topmenu ul li a {
    float: left;
    display: block;
    margin: 0 0 0 2px;
    padding: 0 0 0 10px;
    text-decoration: none;
    line-height: 30px;
    color: #fcfcfc;
    font-weight: normal;
}

#topmenu ul li a span {
    float: left;
    display: block;
    padding: 0 15px 0 7px;
    cursor: pointer;
}

#topmenu ul li a.current {
    color: #000;
    font-weight: bold;
    background: #000 url(../images/bg_navihover.jpg) 0 0 no-repeat;
}

#topmenu ul li a:current {
    color: #000;
    font-weight: bold;
    background: #000 url(../images/bg_navihover.jpg) 0 0 no-repeat;
}

#topmenu ul li a:active {
    color: #000;
    font-weight: bold;
    background: #000 url(../images/bg_navihover.jpg) 0 0 no-repeat;
}

#topmenu ul li a:hover {
  display: block;
    width: auto;
    background: #000 url(../images/bg_navihover.jpg) 100% 0 no-repeat;
}

#topmenu ul li a:hover span {
    text-decoration: underline;
    display: block;
    width: auto;
}


#dropmenudiv{
position:absolute;
border:0px solid #cccccc;
border-bottom-width: 0;
  font-size:10px;
  font-family:sans-serif;
  text-decoration:none;
	

z-index:100;
background-color:#FFF;

}

#dropmenudiv a{
width: 100%;
text-align:left;
display: block;
text-indent: 12px;
border-bottom: 0px solid #cccccc;
padding: 0px 0 ;
  font-size:10px;
  font-family:sans-serif;
  text-decoration:none;
color:#cccccc;
line-height:22px;
font:normal;
background-color: #3e6b95;
background: #000000 0 0 no-repeat;
    opacity:0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
position:relative;

}

#dropmenudiv a:hover{ /*hover background image*/
  font-size:10px;
  font-family:sans-serif;
  text-decoration:none;
	line-height:22px;
background-color: #ffffff;
    background: #52677f 100% 0 no-repeat;
color: #ffffff;
    opacity:1.0;
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
position:relative;

}