/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #666;
	white-space: nowrap;
	direction: ltr;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body 
{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 95%;
	line-height: 1.3em;
	color: #444;
	word-spacing: 0.1em;
	background:#fff url("http://www.croatia-bietigheim.de/templates/nkcroatia/images/boxbg.gif") repeat;
 }

/**************** Links general ****************/

a:link {font-size: 1.0em; color: #000066; text-decoration: none; font-weight: normal;}
a:active {font-size: 1.0em; color: #000066; text-decoration: none;  font-weight: normal;}
a:visited {font-size: 1.0em; color: #000066; text-decoration: none; font-weight: normal;}
a:hover {font-size: 1.0em; color: #990000; text-decoration: underline; font-weight: normal;}

a.link:link {font-size: 1.0em; color: #000066; text-decoration: none; font-weight: normal;}
a.link:active {font-size: 1.0em; color: #000066; text-decoration: none;  font-weight: normal;}
a.link:visited {font-size: 1.0em; color: #000066; text-decoration: none; font-weight: normal;}
a.link:hover {font-size: 1.0em; color: #990000; text-decoration: underline; font-weight: normal;}

/**************** Header and navigation styles ****************/

#mainpane
{
	margin: 0 auto;
	text-align: left; /*Aufhebung der Zentrierung für Text in Container*/
	width:760px;
	padding:1px 0;
	text-align:left;
	background:#ffffff;
	color:#303030;
	border:1px solid #000;
}

#header{
	height:210px;
	width:758px;
	margin:0 1px 1px 1px;
	background: url("http://www.croatia-bietigheim.de/templates/nkcroatia/images/nk.gif") no-repeat;
}

#LOG_IN_OUT {
float: left;
margin-top: 170px;
margin-left: 5px;
font-size: 0.9em;
}
/**************** navigation styles ****************/

#navigation
{ 
     background-image: url(../templates/nkcroatia/images/nav_bg2.gif);
     height:2.2em;
     line-height:2.2em;
     width:758px;
     margin:0 1px;
     padding: 0;
     color:#ffffff;
}

#nav ul
{
     height:2.2em;
     line-height:2.2em;
     width:758px;
     margin:0 1px;
     padding: 0;
     background:#BB0000;
     color:#ffffff;
}

#nav a {
     display:block;
     padding:0 10px;
     font-size:0.6em;
     font-weight:bold;
     text-transform:uppercase;
     text-decoration:none;
     background-color:inherit;
     color: #ffffff;
}
#nav li{
     float:left;
     list-style-type:none;
     border-right:1px solid #ffffff;
     white-space:nowrap;
}

#nav li ul { /* second-level lists */
	position: absolute;
	border:1px solid #ccc;
	width:18em;
	w\idth: 18em;
	vertical-align:top;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a:link, 
#nav li ul a:visited, 
#nav li ul a:hover 

{ /* links in drop down menus */
      text-transform:none; 
}

#nav li:hover ul, 
#nav li.sfhover ul 

{ /* lists nested under hovered list items */
	left: auto;
	height:auto;
	font-size:0.8em;
	padding-left:3px!important;
	padding-left:0px;
}

#nav .soccerSideBarTitle {
	display:none;
}
#nav .soccerSideBarContent {
	margin:0;
	padding:4px;
	line-height: 1.7em;
	font-size:11px;}

#nav .soccerSideBarItem, 
#nav .soccerSideBarItem a {
     margin:0;
     padding:0;
     display:inline;
     white-space:normal;
     font-size:11px;}

#nav .soccerSideBarItem {
     padding: 3px;}

#nav .soccerSideBarItem a {
     text-decoration:none;}

#nav .soccerSideBarItem a:hover 
{
     text-decoration:none;
     color:#FFFF56;
     font-weight: bolder;
     text-transform: uppercase;
     background:transparent;}

#nav .selected, #nav a:hover {
     background:#BB0000;
     color:#ffffff;
     text-decoration:none;
}

/**************** Content styles ****************/

#content {
text-align: left;
float:left;
width:525px;
font-size:0.9em;
padding:20px 0 3px 20px;
}


#content img {padding: 0; border: 0px solid #ddd;}
#content img.emoticon {border:none;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}


/**************** Sidebar styles ****************/

#subcontent, .soccerSideBarItem{
float:right;
width:175px;
padding:10px 10px 10px 0;
line-height:1.0em;
font-size:0.9em;
}
/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px;
margin:0 1px;
font-size:0.9em;
color:#fff;
background:#CC0000;
}

#footer p{padding:5px; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
#footer span{font-size: 9px;}

/*Texte*/
em {
	font-weight:normal;
}

input, textarea, select
{ 
	background-color: #FFFFFF; 
	border: 1px; 
	border-style: solid; 
	border-color: #000000;
	color: #000000;
}


input.guestbook
{ 
	width: 325px;
	height: 18px;
	color: #000000;
	line-height: 1.5em;
	margin: 5px;
}
textarea.guestbook
{ 
	width: 325px;
	height: 150px;
	color: #000000;
}
input.submit {
	width: 325px;
	color: #fff;
	background: #CC0000;
}

input.captcha {
	width: 150px;
	background: #eee;
}

p {
	margin: 10px 20px;
}

p.center_it {
	margin: 0 auto;
}

/*Tabellen*/

.table_side 
{
	font-size: 90%; 
	padding: 1px;
}

th.table_side {
	padding: 1px;
	background-image: url(../templates/nkcroatia/images/cellpic1.gif);
}

.schedule tr, .schedule tr td {

font-size: 0.96em;
vertical-align: top;

}

/* Grafiken */

img { 
	border: none;
}

img.tiny
{
	border: none;
	padding: 2px;
	vertical-align: middle;

}

.linklist
{
	list-style-image: url("http://www.croatia-bietigheim.de/templates/nkcroatia/images/arrow.gif");
}

hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/**************** Content styles called item ****************/

.item, .item_inner
{
	font-size: 90%;
	color: #000000;
	font-weight: normal;
	padding: 5px;
	border:1px solid #dedbd1;
	width: 468px;
	background-color: #FFFFFF;
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
}

.item_inner {
	margin: 0 auto;
	width: 444px;
	padding: 5px;
}

.item h1 {

	width: 468px;
	font-size: 1.6em;
}

.item h2, .item_inner h2 {

	font-size: 1.4em;

}

.item_small
{
	color: #000000;
	font-weight: normal;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-style: dotted; 
	border-color: #000000;
	width: 225px;
	background-color: #FFFFFF;
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
}

.item table {

	border-collapse: collapse;
	padding: 2px;
	width: 462px;

}

.item table tr th, .item table tr td {
	padding: 1px;
	line-height:1.8em;
}

/*Überschriften*/

h1, h2, h3, h4, h5, h6 {
font-family:  Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-weight: bold;
}
h1 {
margin: 0px 0px 0px 00px;
font-size: 150%;
}
h2, h3, h4, h5 {
margin: 0px 0px 0px 0px;
font-size: 115%;
}

h1
{
	color: #000000;
	border-top: 0px;
	border-bottom: 1px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid; 
	border-color: #000000;
	width: 468px;
	text-align: left;
}

h2
{
	color: #000000;
	border-top: 0px;
	border-bottom: 1px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid; 
	border-color: #000000;
	width: 468px;
}

h2.border_0
{
	font-weight: normal;
	color: #000000;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid; 
	border-color: #000000;
	width: 468px;
}

h2.item_title_small
{
	color: #000000;
	border-top: 0px;
	border-bottom: 1px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid; 
	border-color: #000000;
	width: 225px;
}

.code { 

margin: 0px 0px 25px 25px;
width: 400px;
background-color: #fff;
font-size: 0.9em;

}

.author {
	color: #C0C0C0;
}

em {
 font-style: normal;
}

/* PICTURE ALBUMS */

.picture_album

{
	padding: 10px;
	width: 440px;
	border: 1px solid #000;
	text-align: left;
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;

}

.picture_album h2 {

	font-size: 1.2em;
	width: 430px;
	border-bottom: 1px dashed #000;
}

.picture_album h2 a {

	font-size: 1.2em;
	color: #000;
	text-decoration: none;

}

div.picture_thumb, div.player_picture {

	margin: 5px 10px 0px 0px;
	width: 100px;
	height: 100px;
	border:1px solid #dedbd1;
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	padding: 5px;
	text-align: center;
	float: left;
}

div.player_picture {

	width: 175px;
	height: 200px;

}

#slideshow {

	width: 700px; 
	padding: 10px; 
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	border:1px solid #dedbd1; 
	text-align: center;
}

#slideshow h1, h2 { border: 0px;}

#slideshow h1 {

	width: 680px; 
	padding: 10px; 
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	border:1px solid #dedbd1; 
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;

}

#slideshow h2 { width: 660px; text-align: center;}

#slideshow .slideshow_pagination, .picture{

	width: 680px; 
	padding: 10px; 
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	border:1px solid #dedbd1; 
	text-align: center;
}

#slideshow .picture

{
	margin: auto;
	width: 600px;

}

#comments {

	font-size: 10px;
	width: 700px; 
	padding: 10px; 
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	border:1px solid #dedbd1; 
	text-align: left;

}

#comments .comments_items 
{
	width: 680px;
	padding: 10px; 
	background: #f5f4f0 url("../templates/nkcroatia/images/bg_box_trans.png")  repeat-x top left;
	border:1px solid #dedbd1; 
}

#comments h3
{

	font-size: 160%;
	letter-spacing: 3px;

}

.club_board {

	width: 400px;

}

/**************** Sitemap Links *************************/

.item_inner h2 {

	width: 444px;
	border-bottom: 1px dashed #000;

}

.item_inner h3 {
	text-indent: 2em;
}

h2 a:link, h2 a:visited, h2 a:active {

	font-size: 1.15em;
	color: #000;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h3 a:link, h3 a:visited, h3 a:active {

	font-size: 1.0em;
	color: #000;
	text-decoration: none;
	letter-spacing: 2px;
	text-indent: 2em;
}

/**************** Forum and table styles ****************/

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #000000 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 1px #000000 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #EEEEEE; }
td.row3	{ background-color: #EEEEEE; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(../templates/nkcroatia/images/cellpic1.gif);
	
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 95%; font-weight : bold;
	background-color: #000000; height: 25px;
	background-image: url(../templates/nkcroatia/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(../templates/nkcroatia/images/cellpic3.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 95%; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 125%; font-family: "Verdana, Arial, Helvetica, sans-serif",Verdana, 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */

.gen { font-size : 95%; }
.genmed { font-size : 85%; }
.gensmall { font-size : 80%; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #000000; text-decoration: underline; }

a.maintitle { color: #990000; text-decoration: none; font-size: 100%; border-bottom: 1px solid #990000; width: 620px;}
a.maintitle:hover { color: #000000; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 95%; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #000000;  }
a.mainmenu:hover{ text-decoration: underline; color : #000000; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 95%; letter-spacing: 1px; color : #000000}
a.cattitle		{ text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 95%; color : #000000; }
a.forumlink 	{ text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: underline; color : #000000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 85%; color : #000000;}
a.nav			{ text-decoration: none; color : #000000; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; }

/* General text */
.gen { font-size : 100%; }
.genmed { font-size : 95%; }
.gensmall { font-size : 85%; }
.gen,.genmed,.gensmall { color : #000000; }

a.gen,a.genmed,a.gensmall 
{ 
	color: #000000; 
	text-decoration: none; 
}

a.gen:hover,a.genmed:hover,a.gensmall:hover	
{ 
	color: #DD6900; 
	text-decoration: underline; 
}

.error_messages{
color: #DD0000;
}

.img_news {

 border: none;
 margin: 2px;

}

/*************************** CONTACT FORM ****************************/


.contact_form {

	width: 350px;

}

input.contact_form strong {

	font-weight: bold;

}

.contact_small {

	width: 150px;

}

/*************************** BREADCRUMB ******************************/

#breadcrumb {

	font-size: 85%;

}