/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

/* ### Logo ####################################################################### */

a:hover { text-decoration:none; }
a:link, a:active, a {color:#cdb478;}

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	/*
		background:#990000;
		background-image: url(bg_pattern.gif);
	*/
	background:#010600;
	background-image: url(spath_hintergrund.jpg);
	background-repeat:no-repeat;
	color: #fff;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	}

/* \*/ * html body { text-align:center; font-size: 12px; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
	
}

.floatLeft, .flLeft { float:left; }
.floatRight , .flRight{ float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:auto;
	width:930px;
	padding-left:11px;
	padding-right:11px;
	background-image: url(contentbg.png);
	background-repeat:repeat-y;
}

#leftblock {
	margin:0 auto;
	padding:0;
	height:100%;
	min-height: 1050px;
	width:750px;
	float:left;
	background-color:#fff;
	z-index:199;
}
#rightblock {
	padding:0;
	height: auto;
	width:150px;
	float:right;
	color:#333;
	padding: 0 15px;
	line-height:1em;
	z-index:200;
}

#rightblock a, #rightblock a:link, #rightblock a:active {color:#000;}
#rightblock a:hover {color:#ba001b;}
#rightblock hr {
	border-top:dotted #ba001b 1px;
	height:0px;
	margin: 5px 0;
	position:relative;
	left:-15px;
	width:169px;
}
#rightblock h4 {
font-size:1.1em;
color:#ba001b;
font-weight:bold;
margin-bottom:1em;
text-align:center;
}
#rightblock img {
position:relative;
left:-10px;
}
.red {
color:#ba001b;
font-weight:bold;
float:right;
}
.clear {
	clear:both;
	height:1px;
}
#logo {
	display:block;
	padding:0;
	height:109px;
	width:174px;
	position:relative;
	left:-16px;

	background-image: url(logo.gif);
	background-repeat:no-repeat;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:350px;

	color: #c4c4c4;
}
#headerbottombox 	{width:250px;height:245px; float:left;}
#headerbottombox img 	{display:none;position:absolute;top:106px; left:0;}
#headerbottom {float: right;}

#headertop img {
	display:none;
	position:absolute;
	top:0; left:0;
}
#headerbottom img {
	display:none;
	position:absolute;
	top:106px; left:251px;
}
#headertop {display:block;width:750px;height:70px;}
#headerbottom {display:block;width:499px;height:244px;}
/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;

}
#column {
	width:750px;
	background:#fff ;
}

#topbar {
	display:block;
	height:20px;
	width:718px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:3px;
	padding-top:3px;
	background:#000000;
	color:#fff;
}

#breadcrumb{
padding:0;
padding-top:6px;
padding-left:6px;
font-size:11px;
color:#fff;
}
#breadcrumb a, #breadcrumb a:active , #breadcrumb a:link {color:#fff;font-weight:bold;}
#breadcrumb a:hover {color:#cc9900;}
/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */

#topbar a, #topbar a:link, #topbar a:active {color:#fff;}
#topbar a:hover {color:#cc9900;}
#main-content {}

#main {
	width:750px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	width:750px;
	color: #fff;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### Footer ###################################################################### */

div#footer {
	display:block;
	background-color:#000;
	position:relative;
	left:-1px;
	width:920px;
	height:18px;
}


#footer p {
	padding: 0 10px;
	color:#fff;
}

#footer p a,
#footer p a:link {
	color:#fff;
	text-decoration: none;
	background:inherit;
}

#footer p a:hover {
	color:#666;
	text-decoration: none;
	background:inherit;
}





#nav-header {
	position:absolute;
	left:339px;
	top:30px;
}


/* ### Start-block Background ################################################# */

#main-block {
	background-position: 0px -50px;
	background-repeat: no-repeat;
	color:#333;
	}

* html body #main-block { height: 580px; } /* IE 6 / 5.5 Hack */

/* ### main-block => MainContent ################################################### */

#main-content-block {

}
/* ################################################################################# */
#hassoGallery {}
#hassoPic img {border: 1px solid #6a251e;}
#hassoPrevNextNav a, #hassoPrevNextNav a:link, #hassoPrevNextNav a:active {color:#000;text-decoration:underline;}
#hassoPrevNextNav a:hover {color:#990000;text-decoration:none;}
div#hassoPrevPic, div#hassoNextPic, div#hassoMiddle{	float:left; width:150px;padding-left:10px;}
div#hassoPrevPic, div#hassoNextPic{	}
div#hassoNextPic{margin-left:100px;width:50px;}

/* ######################################### ######################################## */
#kalender {position:relative;left:-7px;}
#kalender, #kalender table, #kalender tr, #kalender td {font-size:11px;padding-top:1px;	line-height:1em; }
#kalender input {font-size:10px;}
.vbtn {height:17px; width:15px; border:2px solid silver;  vertical-align:middle;}
.vsel {height:17px; width:44px; border:1px solid gray; font-size:11px; text-align:left; vertical-align:middle;margin:0;padding:0;}
.inputfield {height:17px; border:1px solid gray;  text-align:left; vertical-align:middle;width:90px}
.vselbig {width:60px;}
.vselbigger {width:90px; }
.vbtnbig  {width:90px; margin:3px 0;padding:0;padding-bottom:10px;}
#uhr {
		background-image: url(../uhr_im_teaser.jpg);
		background-repeat:no-repeat;
		height:60px;
		padding-top:5px;
		margin-bottom:-15px;
}
#uhr h4 {
font-size:1.1em;
line-height:1.2;
margin-left:70px;
text-align:center;
}