/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
CSS file optimized for Nucleus CMS by Suvoroff
http://nucleus.com.ru
CSS and image files adjusted for Hansa Dojo Website by Christian 

Hintergrund:			#d5d3be
Blasse Hintergrundfarbe:	#dfdccb 
Farbverlauf helles braun:	#e1d098 
Farbverlauf dunkles braun:	#807757
Überschriften:			#807757
Text:				#333333
Rahmen:				#333333
Links:				#807757

*/

html {
	overflow-y: scroll;
}

body {
	margin: 20px 0 0 0;
	padding: 0;
	background: #d5d3be;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #807757;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul {
	line-height: 180%;
}

blockquote {
	margin: 0;
	padding-left: 20px;
	font-style: italic;
}

blockquote * {
	line-height: normal;
}

a {
	color: #807757;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

img:hover {
	border: none;
}


img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

.thumb {
        width:120px !important;
        height:100px !important;
        float:left ;
        text-align:center !important;
}

hr {
	display: none;
}

/* Header */

#header_default {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: #dfdccb;
	background: url(images/title-default.jpg) no-repeat right top;
}

#header_iaido {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-iaido.jpg) no-repeat right top;
}

#header_training {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-training.jpg) no-repeat right top;
}

#header_kontakt {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-kontakt.jpg) no-repeat right top;
}

#header_dojo {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-dojo.jpg) no-repeat right top;
}

#header_links {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-links.jpg) no-repeat right top;
}

#header_anfahrt {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-anfahrt.jpg) no-repeat right top;
}

#header_error {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-fehler.jpg) no-repeat right top;
}

#header_medien {
	width: 830px;
	height: 220px;
	margin: 0 auto;
	background: url(images/title-medien.jpg) no-repeat right top;
}

/* Logo */

#logo {
	float: left;
	width: 220px;
	height: 220px;
	background: #807757 url(images/logo-bg.jpg);
}

#logo h1, #logo h2 {
	margin: 0;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
}

#logo h1 {
	padding: 120px 0 0 0;
	text-transform: lowercase;
	background: url(images/logo.gif) no-repeat 10px;
	letter-spacing: -1px;
	font-size: 36px;
}

#logo h2 {
	font-size: 18px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
        border: none;
}

/* Menu */

#menu {
	float: right;
	width: 600px;
	height: 30px;
	padding: 190px 0 0 0;
}

#menu ul {
	width: 600px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFFFFF;
	background: url(images/menu-bg.jpg) no-repeat right bottom;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 26px;
	width: 80px;
	padding: 2px 20px 1px 19px;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
        border: none;
}

#menu a.nospacer {
}

#menu a.spacer {
	background: url(images/menu-spacer.gif) no-repeat right bottom;
}

/* Page */

#page {
	width: 830px;
	margin: 0px auto;
}

/* Content */

#content-top {
	margin-top: 10px;
	width: 830px;
	min-height: 20px;
	background: #ffffff url(images/content-bg-top.png) no-repeat left top;
}

#content {
	width: 830px;
    	margin: 0px;
	padding: 0px;
	min-height: 500px;
	background: #ffffff url(images/content-bg.png) repeat-y;
}

#content-bottom {
	width: 830px;
	min-height: 50px;
	max-height: 50px;
    	margin-top: 0px;
	background: #ffffff url(images/content-bg-bottom.png) no-repeat left bottom;
	border-top: 1px dashed #333333;
}

#content #content0 {
	min-height: 500px;
	padding: 20px;
	margin: 0px 1px 0px 1px;
}

#content #content_iaido {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg09.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}

#content #content_dojo {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg02.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}

#content #content_training {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg03.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}

#content #content_anfahrt {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg07.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}


#content #content_kontakt {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg08.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}

#content #content_links {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg06.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}

#content #content_default {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg04.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}


#content #content_error {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg10.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}


#content #content_index_default {
	min-height: 500px;
	padding: 20px;
	background: url(images/content-bg11.jpg) no-repeat right top;
	margin: 0px 1px 0px 1px;
}


#content .maincontent {
	line-height: 180%;
	padding: 20px 0;
}

#content .cast {
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
}

#content .cast a {
	text-decoration: none;
}

#content .cast a:hover {
	text-decoration: underline;
}

/* Footer */

#footer-menu {
	width: 830px;
	line-height: normal;
}

#footer-menu ul {
	list-style: none;
	color: #807757;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}

#footer-menu ul.left {
	float: left;
        text-align: left;
        padding-left: 20px;
}

#footer-menu ul.right {
	float: right;
        text-align: right;
        padding-right: 20px;
}

#footer-menu li {
	display: inline;
}

#footer-menu li.spacer {
	margin-right: 10px;
}

#footer-menu a {
	color: #807757;
}

#footer-menu a:hover {
	text-decoration:underline;
}

#footer {
	width: 830px;
	text-align: center;
	line-height: normal;
	font-size: 75%;
	padding: 0 0 0 0;
}

#footer ul {
	list-style: none;
	color: #333333;
	padding: 0 0 0 0;
	margin-top: 5px;
	margin-bottom: 0px;
}

#footer li {
	display: inline;
	padding: 0 0 0 0;
}

#footer a {
	color: #000000;
}

#footer a:hover {
	text-decoration:underline;
}

/* Nucleus CMS stuff. Edited and modified by Suvoroff (http://nucleus.com.ru) */

.search {
	height:45px;
}

#search form {
	margin:15px 0;
	margin: 0;
	padding: 0;
}

.searchform .formfield {
	float: right;
	width: 174px;
	padding: 2px 5px;
	background: #EFEFEF url(images/search-bg.gif) repeat-x;
	border: 1px solid #FFFFFF;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.searchform .formbutton {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* This class fixes problem with commentform.notloggedin template (form button not in proper place) in Firefox browser in case of using Nucleus CMS 3.3. */

html:not([lang*=""]) .commentform .formbutton {
	float: right;
	margin: 0px 8px 0 0;
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.commentform .formbutton {
	float: right;
	margin: 0px 8px 0 0; /* WARNING!! Change value to margin: 0 8px 0 0; in case of using Nucleus CMS 3.3 */
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

* html .commentform .formbutton {
	float: right;
	margin: 0px 8px 0 0; /* WARNING!! Change value to margin: 0 8px 0 0; in case of using Nucleus CMS 3.3 */
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.mailform .formbutton {
	float: right;
	margin: 0px 8px 0 0; /* WARNING!! Change value to margin: 0 8px 0 0; in case of using Nucleus CMS 3.3 */
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.formbutton {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	background: #807757 url(images/menu-bg.gif) repeat-x;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.formfield {
	padding: 2px 5px;
	background: #fafafa;
	border: 1px solid #e9e9e9;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nucleus_lf_pwd {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_name {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_shared {
	margin:2px;
}

#nucleus_cf_body {
	width:300px;
}

#nucleus_cf_remember {
	margin:0px 3px 2px 0px;
}

* html #nucleus_cf_remember {
	margin:0px 3px -2px -3px;

}


#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_verif, nucleus_cf_email {
    width: 300px;
    margin-right: 0px;
}


.forma {
	width:320px;
}

.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
    width: 300px;
    margin-right: 0px;
    margin-bottom:3px;
}

.commentform .formbutton
{
    display:block;

}

.loginform {
	padding:3px;
}

.error {
	color: red;
	font-weight: bold;
}

.pageswitch {
	/*background: url(images/img3.gif) no-repeat center top;*/
	text-align:center;
	padding:25px 3px;
	margin:15px 0 10px 0;
}

/* Gallery */

#NPG_picture {
        text-align:center;
}

#NPG_footer {
        text-align:center;
}

.thumbnailoutside {
        width:120px !important;
        height:160px !important;
        float:left ;
        text-align:center !important;
}

/*this is for a taller box*/
.thumbnailoutside2 {
        width:140px !important;
        height:180px !important;
        float:left !important;
        text-align:center !important;
}

#nextprev {
  width: 220px;
  margin: 0 auto;
  text-align: center;
}

.prevthumb img {
  float: left;
}

.nextthumb img {
  float: right;
}

.tooltip2 {
 background-image:none !important;
 width:0px;
 display:none;


}




#tooltip2 div.tooltip2div {
border-style:dotted;
border-color:#CCCCCC;
 border-width:1px;
 float:left;
 background-image:url(images/transparent.gif)!important;
 padding:0px !important;}

#tooltip2 div.tooltip2div span {display:none;}
#tooltip2 div.tooltip2div:hover {border-style:solid;border-color:#FFFFFF;float:left}
#tooltip2 div.tooltip2div:hover span {display:block;background-color:white;padding-left:10px;padding-right:10px}
#tooltip2 div.over {border-style:none;display:block;float:left;border-color:#FFFFFF;float:left}
#tooltip2 div.over span {float:left;display:block;background-color:white;padding-left:10px;padding-right:10px}

/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/

.drawingbox {
border-style:solid;
position:absolute;
border-width:1px;
border-color:#FFFFFF;
float:left;
display:block;
z-index:5;
}

/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/

.captionformdiv {
position:absolute;
float:left;
background-color:#FFFFFF;
display:block;
border-style:solid;
border-color:#FFFFFF;
}

.thickbox {
    width: 150px;
    float: left;
    text-align: center;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

a.thickbox  {
    border: 1px solid grey;
    padding: 9px 9px 9px 9px;
}

a.thickbox:hover {
    border: 1px solid grey;
    background: lightgrey;
    padding: 9px 9px 9px 9px;
}

/* ----- leftbox and rightbox toolbar buttons ----- */

.leftbox, .rightbox {
	margin: 0;
	padding: 3px;
	}
.leftbox {
	float: left;
	margin: 0 10px -5px 0;
	}
.rightbox {
	float: right;
	margin: 0 0 -5px 10px;
}