/*  
Theme Name: iTheme
Theme URI: http://www.ndesign-studio.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.1
Author: Nick La
Author URI: http://www.ndesign-studio.com

	This theme was designed and built by Nick La.
	
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

body {
background: #ededed url(images/gras.jpg) repeat;
font: 75%/170% 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
padding: 0px;
margin: 0px;
color: #000;
}
img {
border: none;
}
a {
color: #0063dc;
text-decoration: none;
}
a:visited {
color: #0063dc;
}
a:hover {
color: #0063dc;
text-decoration: underline;
}
p {
margin: 0px 0px 0px;
}
ul {
margin: 5px 0px 15px;
}
ul li {
padding-left: 0px;
}
ul li li {
margin-left: 14px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
#toTop {width:20px;padding-bottom:0px;position:fixed;bottom:10px;right:15px;cursor:pointer;color:#000;}
#page {
width: 770px;
margin: 0 auto;
padding-bottom: 1px;
margin-bottom: 90px;
background: url(images/pagebottom.png) no-repeat bottom center;
}
#wrapper {
width: 768px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
margin: 0px auto;
position: relative;
background: #ffffff;
}
hr{
background-color: #ddd;
max-height: 1px;
}
#vcard{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 400px;
border: 1px solid #ddd;
min-height: 132px;
padding-bottom: 5px;
margin-bottom: 10px;
}
#vcard h5 {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
margin: 0px;
font-size: 12px;
font-weight: bold;
line-height: 1.4em;
}
#vcard h3 {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 0px;
font-size: 14px;
margin: 0px;
line-height: 1.4em;
}
#vcard img{
float: right;
padding: 5px;
}
#vcard p {
padding-left: 5px;
padding-right: 5px;
margin: 0px;
font-size: 12px;
line-height: 1.4em;
}

/* ------------------------------------- header area  */
#header {
height: 80px;
width: 770px;
margin: 0px auto;
position: relative;
background: url(images/page_top.png) no-repeat bottom;
}
#logo {
height: 80px;
width: 300px;
float: left;
}
#subheader {
height: 70px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 768px;
background-color: #fff;
position: relative;
margin: 0px
text-align: left
padding: 0px;
}
#headline{
width:768px;
min-height: 25px;
background: url(images/menu_bg.png) repeat;
background-color: #FCCD41;
}
#headline-inline{
padding-left: 0px;
margin: 0 auto;
}
#subheadline{
width:768px;
min-height: 25px;
}
#subheadline-inline{
padding-left: 0px;
margin: 0 auto;
}


ul.tags {
text-align: left;
margin: 0;
padding: 0;
}
ul.tags li {
display: inline;
padding: 0;
margin: 0;
}
ul.tags,
ul.tags li a {
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 5px;
padding-right: 0px;

}

/*
NAVIGATION ---------------------------------------------
*/
#menu {
position: absolute;
margin: 0;
padding: 0;
bottom: 0;
color: black;
text-align: right;
right: 0px;
width: 750px;
}
#menu a{
color: black;
font-size: 0.9em;
}
ul.submenu {
text-align: left;
margin: 0;
padding: 2px;
padding-left: 10px;
bottom: 0;
left: 0;
}
ul.submenu2{
text-align: left;
margin: 0;
padding: 0px;
padding-left: 10px;
bottom: 0;
left: 0;
background-color: #FCECAA;
}
ul.submenu li,
ul.submenu2 li{
display: inline;
margin: 0;
}
ul.submenu2 li a,
ul.submenu2 li a:hover,
ul.submenu li a,
ul.submenu li a:hover {
font-size: 0.9em;
text-decoration: none;
color: #000;
margin-right: 5px;
}
ul.submenu2 li li a,
ul.submenu2 li li a:hover,
ul.submenu li li a,
ul.submenu li li a:hover {
font-size: 0.9em;
text-decoration: none;
color: #ddd;
margin-right: 5px;
}
ul.submenu2 li.current_page_item a,
ul.submenu2 li.current_page_item a:hover,
ul.submenu li.current_page_item a,
ul.submenu li.current_page_item a:hover {
color: #000;
text-decoration: none;
font-weight: bold;
}
ul.submenu li.current_page_parent a,
ul.submenu li.current_page_parent a:hover {
color: #000;
text-decoration: none;
font-weight: bold;
}
ul.submenu2 li.current_page_parent_parent a,
ul.submenu2 li.current_page_parent_parent a:hover {
color: #000;
text-decoration: none;
font-weight: bold;
}

/*- 2nd Main Menu in Header */
ul.menu2 {
text-align: left;
margin: 0;
padding: 0;
bottom: 0;
width: 100%;
}
ul.menu2 li {
display: inline;
margin: 0;
}
ul.menu2,
ul.menu2 li a {
padding: 5px 6px 5px 6px;
}
ul.menu2 li a {
font-size: 0.9em;
color: black;
text-decoration: none;
margin: 0;
background: #f1f1f1;
font-weight: normal;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
ul.menu2 li a:hover {
color: #black;
text-decoration: none;
background: #ddd;
}	
ul.menu2 li.current_page_parent a,
ul.menu2 li.current_page_parent a:hover {
font-size: 0.9em;
font-weight: bold;
background: #ffcc00;
padding: 9px 6px 9px 6px;	
}
ul.menu2 li.current_page_parent_parent a,
ul.menu2 li.current_page_parent_parent a:hover {
font-size: 0.9em;
font-weight: bold;
background: #ffcc00;
padding: 9px 6px 9px 6px;	
}	
ul.menu2 li.current_page_item a,
ul.menu2 li.current_page_item a:hover {
font-size: 0.9em;
font-weight: bold;
background: #ffcc00;
padding: 9px 6px 9px 6px;
}


/* site title */
h1 {
}
h1 a, h1 a:visited {
}
h1 a:hover {
}
.description {
}


/* form */

#searchform {
margin-top: 12px;
margin-right: 18px;
margin-bottom: 5px;
height: 30px;
float:right;
}

textarea {
font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	padding:0.25em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
		color: #000;
		margin-bottom: 2px;
}
textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
input {
	padding:0.25em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
		color: #000;
		margin-bottom: 2px;
}

.search{
	padding:0.25em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
		font-size: 10px;
		color: #c5c5c5;
}

.submit {
	padding:0.35em;
	border:1px solid #ccc;
	background:#f1f1f1;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
		color: #000;
		font-weight: bold;
	cursor: pointer;

}
.submit:hover {

	background:#cccccc;


}



input:hover, input:focus {
	border-color:#c5c5c5;
			color: #000;

} 


/* ------------------------------------- main 
area  */
#left-col {
text-align: left;
width: 530px;
float: left;
}


/* sub menu */
#subnav {
background: #ecebeb;
}
#subnav ul {
margin: 0px;
padding: 3px 0px 18px 5px;
list-style: none;
font: 11px/100% Arial, Helvetica, sans-serif;
}
#subnav li {
border-right: 1px solid #D8D8D8;
padding: 0px 7px;
margin: 0px;
float: left;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
text-decoration: none;
color: #333333;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
color: #3b9acc;
}
#subnav li a:hover {
text-decoration: none;
color: #3b9acc;
}


/* content */
#content {
padding-left: 10px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 15px;
width: 530px;
clear: both;
overflow: hidden;
}

#content .zugang{
background: url(images/add.png) no-repeat left center;
padding-left: 18px;
padding-top: 0px;
padding-bottom: 2px;

}

#content .abgang{
background: url(images/delete.png) no-repeat left center;
padding-left: 18px;
padding-top: 0px;
padding-bottom: 2px;
}

#content_abuch {
padding-left: 10px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 15px;
width: 750px;
background: #ffffff;
clear: both;
overflow: hidden;
}


.edit{
font-size: 10px;
color: #000;
padding-top: 5px;
float: right;
}
#content p {
margin: 0px;
}
.post {
padding: 0px;
clear: both;
overflow: hidden;
}
.post .title {
float: left;
margin-left: 0px;
width: 530px;
}
.postdata_g {
color: #000;
margin-top: 15px;
}

.opacity {
z-index:101;
background-color: #ffffff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.opacity:hover {
z-index:101;
background-color: #ffffff;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.pagedata {
}
.pagedata .category{
font-weight: bold;
background: url(images/folder.png) no-repeat left;
padding-left: 18px;
}
.pagedata .date li {
font-weight: bold;
background: url(images/date.png) no-repeat left center;
padding-left: 20px;
}
.postdata {
font-size: 10px;
line-height: 1.5em;
color: #888888;
margin-bottom: 8px;
}
.postdata a, .postdata a:visited {
color: #888;
text-decoration: none;
}
.postdata a:hover {
color: #888;
background-color: #fff;
text-decoration: underline;
}
.postdata .category{
background: url(images/folder.png) no-repeat left;
padding-left: 18px;
}
.postdata_g .comments,
.postdata .comments{
background: url(images/comment.png) no-repeat left center;
padding-left: 18px;
}
.postdata .rating{
background: url(images/comment.png) no-repeat left center;
padding-left: 18px;
}
.postdata .tags{
background: url(images/tag_blue.png) no-repeat left center;
padding-left: 18px;
}
.postdata .author{
background: url(images/user.png) no-repeat left center;
padding-left: 18px;
}
.postdata .time{
background: url(images/time.png) no-repeat left center;
padding-left: 18px;
}
.postdata .words{
background: url(images/book_open.png) no-repeat left center;
padding-left: 18px;
}
.mini-add-comment {
background: url(images/comment_add.png) no-repeat left center;
padding-left: 18px;
}
.entry {
padding: 0px 0px 5px;
clear: both;
margin-bottom: 30px;
}
.imageframe { z-index:101; padding: 5px; margin: 0px; border: 1px solid #ededed; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.imagecaption { background-color: #ededed; margin: 0px; padding-right: 20px; padding: 5px; line-height: 1.2; font-size: 80%; }
.alignleft { float: left; padding-right: 5px; padding-top: 5px; }
.alignright { float: right; padding-left: 5px; padding-top: 5px;}
.centered { margin-left: auto; margin-right: auto; }


/* post title */
h2 {
color: #000;
margin: 3px 0 2px;
padding-bottom: 0px;
font-size: 16px;
font-weight: bold;
}
h2 a, h2 a:visited {
color: #000;
text-decoration: none;
}
h2 a:hover {
color: #000;
background-color: #fff;
text-decoration: underline;
}
h3 {
color: #000;
margin: 5px 0px 5px;
font-size: 12px;
font-weight: bold;
}


/* ------------------------------------- comment area  */
h3#comments {
padding-top: 30px;
font: normal 140%/120%;
clear: both;
}
h3#respond {
padding-top: 30px;
font: normal 140%/120%;
margin: 20px 0px 0px;
clear: both;
}
/* commentform */
#commentform {
margin-top: 10px;
margin-bottom: 10px;
}
#commentform label {
font-weight: normal;
font-size: 100%;
padding-left: 5px;
}
#commentform small {
color: #000;
}
#comment_nav {
width: 100%
padding: 0px;
margin-top: 10px;
}

#commentform textarea {
width: 70%;
border: 1px solid #ddd;
}
#commentform input {
margin-bottom: 2px;
padding: 2px;
border: 1px solid #ddd;
}
#commentform submit {
border: 1px solid #ddd;
}


/* comment list */
.commentlist {
padding: 0px;
margin: 10px 0px;
line-height: 130%;
}
.commentlist li{
padding: 5px;
margin: 15px 0px;

}
.commentlist .alt {
background: #F4F4F4;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 110%;
color: #000;
}
.commentlist cite a, .commentlist cite a:visited {
color: #000;
}
.commentlist small {
margin-bottom: 0px;
display: block;
font-size: 75%;
}

.commentlist small a, .commentlist small a:visited{
color: #999999;
}
.commentlist .avatar {
float: right; 
padding-right: 5px;
}
.commentlist .comment-number {
float: right; 
}


/* ------------------------------------- footer area  */
#footer {
width: 768px;
position: absolute;
font-size: 87%;
color: #fff;
font-weight: normal;
margin-bottom: 80px;
margin:0px auto;

}
#footer a, #footer a:visited {
text-decoration: none;
color: #ffffff;
}
#footer a:hover {
text-decoration: underline;
}
#footer p {
margin: 0px;
padding: 5px;
}


/* -------------------------------------  area  */
/* sidebar */
#sidebar {
float:right;
text-align: left;
width: 200px;
padding-right: 10px;
padding-top: 15px;
color: #000;
line-height: 120%;
}
#sidebar p {
margin: 0px 0px 0px;
padding-left: 9px;
padding-right: 9px;
padding-top: 5px;
padding-bottom: 5px;
}
#sidebar h3 {
font: bold 11px/100% Arial, Helvetica, sans-serif;
color: #000;
}
#sidebar h3 a, #sidebar h3 a:visited {
text-decoration:underline;
color: #0063dc;
}
#sidebar h3 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #0063dc;
text-decoration:none;
}
#sidebar a:hover{
text-decoration: underline;
}
#sidebar a:focus, #sidebar a:active {

}
#sidebar ul {
list-style: none;
margin: 0px ;
padding: 0px ;
}
#sidebar ul li {
padding-left: 9px;
padding-right: 9px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px dotted #ddd;
}
#sidebar ul li:hover {
background-color: #f6f6f6;
}
#sidebar ul li ul li {
}
#sidebar .anfahrt {
background: url(images/map.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .time{
background: url(images/time.png) no-repeat left center;
padding-left: 18px;
}
#sidebar .fanartikel {
background: url(images/cart.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .page {
background: url(images/page.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .table {
background: url(images/table.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .lieder {
background: url(images/music.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .useradd {
background: url(images/group.png) no-repeat  left center;
padding-left: 20px;
}
#sidebar .comments {
background: url(images/comments.png) no-repeat  left center;
padding-left: 20px;
}
#sidebar .upload {
background: url(images/add.png) no-repeat  left center;
padding-left: 20px;
}
#sidebar .terminkalender {
background: url(images/date.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .euro {
background: url(images/money_euro.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .organisation {
background: url(images/chart_organisation.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .fotos {
background: url(images/photos.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .foto {
background: url(images/picture.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .fussball {
background: url(images/sport_soccer.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .group {
background: url(images/group.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .adressbuch {
background: url(images/telephone.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .gaestebuch {
background: url(images/book_open.png) no-repeat  left center;
padding-left: 20px;
}
#sidebar .chart {
background: url(images/chart.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .artikel {
background: url(images/page_white.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .pdf {
background: url(images/page_white_acrobat.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .word {
background: url(images/page_word.png) no-repeat left center;
padding-left: 20px;
}
#sidebar .excel {
background: url(images/page_excel.png) no-repeat left center;
padding-left: 20px;
}

/* ------------------------------------- widget styles  */
/* archives widget */
#archives ul li {
background: url(images/mini-archive.gif) no-repeat;
}
/* recent comments widget */
#recent-comments ul li {
background: url(images/mini-comment.gif) no-repeat;
}
/* category widget */
#categories ul li {
background: url(images/mini-category.gif) no-repeat;
}
/* recent posts widget */
#recent-posts ul li {
background: url(images/mini-page.gif) no-repeat;
}
/* links widget */
#links ul li {
background: url(images/mini-blogroll.gif) no-repeat;
}
/* meta */
#meta .rss {
background: url(images/mini-rss.gif) no-repeat  left center;
padding-left: 20px;
}
#meta .user {
background: url(images/user.png) no-repeat  left center;
padding-left: 20px;
}
#meta .check {
background: url(images/mini-check.gif) no-repeat;
}
#meta .wordpress {
background: url(images/mini-wp.gif) no-repeat;
}
/* calendar */
#calendar table {
margin: 0px auto;
}
#calendar td {
padding: 0px 4px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
}
img.left, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.right {
float: right;
}
img.right, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.hidden {
clear: both;
visibility: hidden;
height: 0px;
overflow: hidden;
}

#sb-wptagcloud ul {
list-style: none;

	line-height: 2em;
	text-align: justify;
	}

#sb-wptagcloud li {
list-style: none;

	display: inline;
	}

#sb-wptagcloud a {
	padding: 0 2px;
	white-space: nowrap;
	text-transform: lowercase;
	}
	
	
	
	.pagebar {
	padding: 0em;
	margin-right: 0em;
	margin-bottom: 2.0em;
		margin-top: 2.0em;

	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: left;
		color: #000;

}

.pagebar a,.pageList .this-page {
	border: 1px solid #cccccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 11px;
	color: #000;
			 	background: #f1f1f1;


}

.pagebar a:visited {
	border: 1px solid #cccccc;
		 	background: #f1f1f1;
	text-decoration: none;
		color: #000;

	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #cccccc;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #ffcc00;
	color: #000;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pagebar a:hover {
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #000;
	 	background: #f1f1f1;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
	
	
/************************************************
*                                               *
* This CSS file contains EXAMPLE styles for the *
*   plugin WP-Table Reloaded by Tobias B�thge!  *
*                                               * 
*  To use them, just copy them in to the box in *
*   the "Plugin Options" screen or add them to  *
*           your theme's "style.css".           *
*                                               *
*                   Thank you!                  *
*                                               *
************************************************/

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	background-color: #fff;
	margin:10px 0pt 15px;
	border: 0px;
	width: 100%;
	text-align: left;
	line-height: 1.2em;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #e6EEEE;
	border: 0px solid #FFF;
	padding: 4px;
		padding-right: 20px;

}

table.wp-table-reloaded thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded p {
		line-height: 1.2em;
}

table.wp-table-reloaded tbody td {
	color: #000;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.wp-table-reloaded tbody tr:hover {
	background-color: #ddd;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;

}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;

}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}
