/*
Theme Name: Notizen
Version: 0.1
Theme URI: http://www.bechti.de
Author: bechti (Simone Bechtold)
Author URI: http://www.bechti.de
*/

/*************************** Globale Einstellungen ***************************/

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

body {font-family       : Arial, Helvetica, sans-serif;
      font-size         : 100.1%;
      color             : #ffffff;
     	margin-top:0;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
      	padding           : 0px;
	height:100%;
}

body.main {background : #000000 url(../grafiken/hintergrund.jpg) repeat;
	height:100%;
}

a {font-weight      : bold;
   font-size     	: 12px;
   color            : #ffffff;
   text-decoration  : none;
   padding          : 0px 2px 0px 2px;
  }

a:link, a:visited {text-decoration : none;}

a:hover {text-decoration : none;}

h4 {margin-top    : 10px;
	margin-bottom : 5px;
    padding       : 20px 0 0 60px;
    font-size     : 1.0em;
    color         : #ffffff;
    text-decoration: none;
   }
   
input {
	background-color:#000;
	color:#FFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
}
textarea {
	background-color:#000;
	color:#FFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
}
/****************************** LAYOUT ***************************************/

#wrapper {     width      : 750px;
	      margin     : auto;
	   	  text-align : left;
	     }
	 
/*Header
#header  {padding    : 0 0px;
          background : #fff url(../header/nh-header_new.swf) no-repeat;
		  height     : 200px;
		 }
*/
object {
	margin:0px;
	z-index:2;
}
#flash {
	width:750px;
	height:200px;
	border:0px;
	margin:0 auto;
	padding:0px;
	overflow:visible;

}
#contentframe {
	background : transparent url(../grafiken/bg_content.jpg) repeat-y;
	background-color:#000000;
    	width      : 750px;
	heigth: 100%;
	z-index:2;
	margin:0px;
	padding:0px;
}
/*Inhalt*/
#content {background : transparent;
          width      : 430px;
          margin     : 0px 10px 0px 245px;
          padding    : 10px 45px 0px 10px;
		  font-size  : 0.8em;
          min-height : 400px;
         }
		 
/*Linke Spalte*/
#leftcol {background : transparent url(../grafiken/bg_menue2.jpg) no-repeat;
          margin     : 0px;
          width      : 245px;
		  height     : 400px;
		  float      : left;
         }

/*Footer*/
#footer {background  : transparent url(../grafiken/bg_footer2.jpg) bottom left no-repeat;
         font-size   : 0.6em;
		 text-align  : right;
		 margin      : 0px;
		 padding     : 45px 40px 0 0;
		 height      : 100px;
		}

#footer p {margin-top : 35px; }


/******************************* MENU ****************************************/
/*Hauptmenu*/
div.mainmenu {line-height : 20px;
              font-size   : 16px;
              padding-top : 5px;
			  color       : #ffffff;
	          text-align  : left;

			  
             }
a.menu {margin-left  : 5px;
        margin-right : 5px;
		font-size   : 16px;
		margin-top: 0px;
	    color        : #ffffff;
	    font-weight  : bold;
	   }

a.menu:hover {color           : #cc0000;
				font-size   : 16px;
	          text-decoration : none;
	         }

a.menuactive {margin-left  : 5px;
              margin-right : 5px;
			  font-size   :  16px;
              color        : #cc9900;
	          font-weight  : bold;
             }

a.menuactive:hover {color     : #cc0000;
			font-size   : 16px;
              text-decoration : none;}



/*Detailmenu*/
.navcontainer {background  : transparent;
               font-size   : 0.8em;
               font-weight : bold;
			   color       : #cc0000;
               text-align  : left;
               padding     : 10px 0 0 60px;
               margin      : 0;
              }

.navcontainer div.detailmenu a {display:block;
                                line-height:20px;
                               }

a.detailmenu:hover {color           : #cccccc;
	                text-decoration : none;
	               }

a.detailmenuactive:hover {text-decoration : none;}

div.detailmenu {padding     : 11px 8px 0px 0px;
	            line-height : 21px;
	            text-align  : left;
               }

/*lightbox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 40%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}


/******************************* Galerie Layout ******************************/

/* Galerie-Tabelle (Übersichtsmodus) */
table.gallerytable {margin          : 0px auto;
	                border          : 0;
                   }
td.gallerytd {vertical-align : top;
	          border         : 0;
             }

img.thumbnail {margin : 5px;}

/* Galerie-Menu - Neu*/

#gal_menu {
	list-style:none;
	margin:0px;
	padding:0px;
}

#gal_menu img {
	border:0;
	vertical-align:middle;
	margin:2px;
}

#gal_menu li {
	border-style:solid;
	border-width:1px;
	margin:0 0 5px 0;
	border-color: #bd0201;
}

#gal_menu b {
	margin:0 0 0 10px;
}

#gal_menu a:link {
	text-decoration:none;
	color:#FFF;
	border:0px;
}

#gal_menu a:hover {
	text-decoration:none;
	color:#FFF;
}

#gal_menu a:visited {
	text-decoration:none;
	color:#FFF;
}
img.thumb {
	border-style: solid;
	border-width: 1px;
	border-color: #bd0201;
}

/**************************** AB HIER: CMS-SYNTAX ****************************/

/* [link|...] */
a.link { }

/* [mail|...] */
a.mail { }

/* [seite|...] */
a.page { }

/* [kategorie|...] */
a.category { }

/* [datei|...] */
a.file { }

/* [galerie|...] */
a.gallery { }

/* [bild|...] */
img {border : none;}

/* [bildlinks|...] */
img.leftcontentimage {margin      : 8px 8px 8px 0;
	                  border      : none;
	                  max-width   : 150px;
	                  float       : left;
                     }

/* [bildrechts|...] */
img.rightcontentimage {margin    : 8px 0 8px 8px;
	                   border    : none;
	                   max-width : 150px;
	                   float     : right;
                      }

/* [fett|...] */
em.bold {font-weight : bold;}

/* [kursiv|...] */
em.italic {font-style : italic;}

/* [fettkursiv|...] */
em.bolditalic {font-weight : bold;
	           font-style  : italic;
              }

/* [unter|...] */
em.underlined {text-decoration : underline;}

/* [durch|...] */
em.crossed {text-decoration : line-through;}

/* [ueber1|...] */
h1 {font-size     : 1.8em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

/* [ueber2|...] */
h2 {font-size     : 14px;
	margin-top    : 10px;
	color         :	#FF9900;
	margin-bottom : 5px;
   }

/* [ueber3|...] */
h3 {font-size     : 1.2em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

/* [liste|...] */
/* [numliste|...] */
ul {margin-top      : 0px;
    margin-bottom   : 0px;
    list-style-type : circle;
   }

ol {margin-top      : 0px;
    margin-bottom   : 0px;
    list-style-type : decimal-leading-zero;
   }

li {margin-top    : 0px;
	margin-bottom : 0px;
   }

/* [----] */
hr {border : 1px dashed #cccccc;}

/* [tabelle|...] */
table.contenttable {margin          : 0px auto;
	                border          : 0px solid #C0C0C0;
               	    border-collapse : collapse;
	                width           : 100%;
                   }

th.contenttable {vertical-align   : top;
	             border           : 0px solid #C0C0C0;
	             padding          : 2px 5px;
				 }
td.contenttable1 {vertical-align   : top;
	              border           : 0px solid #C0C0C0;
	              padding          : 2px 5px;
                 }

td.contenttable2 {vertical-align   : top;
	              border           : 0px solid #C0C0C0;
	              padding          : 2px 5px;
                 }