/*#############################################################
© 2007
Author: Igor Jovic
URL: http://spinz.se
#############################################################*/
/* default elements */

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

h1 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.9em; 
	font-weight: bold;
	color:#333333;
	padding-left:5px;
	line-height:1.6em
}

h2 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.9em; 
	font-weight: bold;
	color:#333333;
	padding-left:5px;
	line-height:1.6em
}

h3 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.3em; 
	/*font-weight: bold;*/
	color:#333333;
	padding-left:5px;
	line-height:1.6em
}
	
p {
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:0.7em; 
	font-weight: normal;
	color:#555555;
}

a {
	color:#ac0e22;
	font-size:0.9em; 
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}


a:link {
	color:#ac0e22;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}


a:visited {
	color:#ac0e22;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
}


a:hover {
	color:#ac0e22; 
	font-style:normal;
	text-decoration:none;
 }



/* Layout */

body {
	background: #eeeee4;
	font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
	text-align: center;
	color: #333333;
}



#wrapper {
	background-color:#fff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom:40px;
	margin-left: auto;
	width:902px;
}



#header {
	background:url(../pics/kajona/bgheader.jpg) no-repeat #a20d1f;
	width:902px;
	border-top:5px solid #550a13;
	height:133px;
	padding-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
}



#header .logo {
	float:left;
	padding-top:0px;
	padding-left:50px;
	border: none;
}


#nav {
	float:left;
	list-style:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	width:902px;
	height:48px;
	background: transparent url(../pics/kajona/navbg.gif);
	background-repeat:repeat-x;
}

#nav ul {
	list-style:none;
	margin-left:100px;
}


#nav li {
	text-align:left;
	float:left;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#nav ul li a {
	display:block;
	line-height:2.5em;
	margin-right:0px;
	padding:8px 14px 8px 14px;
	color: #d3d2cc;
	font-weight:bold;
	font-size: 0.8em;
	text-decoration: none;
}

#nav li a:hover
{
color: #ffffff;
background:transparent;
background-image:url(../pics/kajona/navaktiv.gif);
background-repeat:repeat-x;

}

#nav ul li.selected
{
color: #ffffff;
background-color:transparent;
background-image:url(../pics/kajona/navaktiv.gif);
background-repeat:repeat-x;

}

#breadcrumb

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#404040;
padding-top:15px;
margin-left:15px;
text-align:left;

}

#content {
	float:left;
	background-image:url(../pics/kajona/contentbgtop.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#f3f3e7;
	width:902px;
	margin-top:10px;
	margin:auto;
	padding:0px;
	margin-bottom:0px;
	margin-right:0px;
	}

#col1 {
	width:870px;
	margin-left:10px;
	margin-top:10px;
	background-color:inherit;
	text-align:left;
	font-size:0.9em;
	float:right;
	padding:0px 10px;
	}



#col1 h1 {
	display:block;
	/*font-size: 1.2em;*/
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	font-weight:bold;
	color:#403f3b;
	font-weight:normal;
	padding-bottom:2px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
	border-bottom:1px solid #e5e6d6;
	}

#col1 .red
{
color:#9a0c1c;
}


#col1 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#footer 

{
width:902px;
/*height:154px;*/
height:50px;
clear:both;
margin-top: 0px;
background:url(../pics/kajona/footerbg.jpg) repeat-x;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#aeaea6;
padding-top:25px;
/*padding-bottom:70px;*/
text-align:center;
/*margin: auto;*/
}

#footer a 
{
font-size:1em;
text-decoration:none;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

#footer a:hover

{
text-decoration:underline;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

#suche form {
	background-color: #460000;
	height:30px;
	width: 200px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:right;
}

#suche .suchfeld {
	/*height: 19px;*/
	width: 120px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px;
	float:left;
	font-size: 10px;
	border:1px solid #D9DDDE; 
	background: url(../pics/kajona/button_bg_1.gif) repeat-x;
	color: #AE0000;
}

#suche .button {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border:1px solid #D9DDDE; 
	background: url(../pics/kajona/button_bg_1.gif) repeat-x;
	font-size:10px;
	color: #AE0000;
}

.clear {
	color: #000000;
	margin-top:0px;
	background-color: #550a13;
	width: 60px;
	margin-right:70px;
	margin-left:3px;
	margin-top:5px;
}

.left {
	float:left;
	padding:4px;
	}

/*  CSS Table Design 

------------------------*/
table {
	width: 800px;
	border:1px solid #000000;
	border-spacing: 0px;
	margin:auto; }

table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	
	/*font-size: 1.6em;*/
}

table caption {
	font-size: 1.8em;
	text-align: left;
	text-indent: 100px;
	background: url(../pics/kajona/bg_caption.gif) left top;
	height: 40px;
	color: #FFFFFF;
	border:1px solid #000000; }

thead th {
	background: url(../pics/kajona/bg_th.gif) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

tbody tr {	background: #ffffff; }

tbody tr.odd {	background: #f0f0f0; }

tbody th {
	background: url(../pics/kajona/arrow_white.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; }

tbody tr.odd th {
	background: url(../pics/kajona/arrow_grey.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; }

tbody th, tbody td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 7px;
	border-bottom: 1px solid #800000;
	text-align: left; }

tbody a {
	color: #000000;
	font-weight:normal;
	font-style:normal;
	text-decoration: none; }

tbody a:hover {
	color: #7F0000;
	text-decoration: underline; }

tfoot th, tfoot td {
	background: #ffffff url(../pics/kajona/bg_footer.gif) repeat-x bottom;
	font-size: 0.8em;
	color: #ffffff;
	height: 21px;
	}
	
/* Richtiger aufbau einer Tabelle: 
<table>
	<caption>Table designs</caption>
	<thead>
		<tr>
			<th>Design Name</th>
			<th>Author</th>
		</tr>
			</thead>
		<tbody>
		<tr>
			auch th möglich!
			<th></th>
			<td></td>
		</tr>
		</tbody>	
			<tfoot>
				<tr>
					<th scope="row">Total</th>
					<td colspan="4">98 designs</td>
				</tr>
			</tfoot> */

/*############################################################
######
######	CSS MENÜ By http://www.dynamicdrive.com/style/
###### 
######	Beispielcode
######	<div class="arrowlistmenu">
######	<h3 class="headerbar">CSS Library</h3>
######	<ul>
######	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>
######	</ul>
######	<h3 class="headerbar">CSS Drive</h3>
######	<ul>
######	</ul>
######	</div>
Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#arrowlistmenu{
width: 250px; /*width of menu*/
float:right;
/*margin:20px 0px 5px 0;*/
margin: 0px 0px 0px 0px;
padding:10px 15px 5px 10px;
text-align:left;
}

#arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../pics/kajona/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#arrowlistmenu ul li a{
color: #A70303;
background: url(../pics/kajona/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#arrowlistmenu ul li a:visited{
color: #A70303;
}

#arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #CECECE; /*F3F3F3*/
background: url(../pics/kajona/arrowbullet_red.png) no-repeat center left; /*custom bullet list image*/
}

/* Braucht Kajona */
.searchHighlight{background-color:#35FF35;}

.afterFooter {
margin:0 auto;
text-align: center;
}