body     { font-family: Comic Sans MS; color: #5d5d5d; background-color: #f90 }
a       { font-family: Comic Sans MS; text-decoration: none; cursor: url(http://www.der-mopf.de/files/mopf.cur), pointer}
a:link       { font-family: Comic Sans MS; color: #f90; text-decoration: none }
a:visited       { font-family: Comic Sans MS; color: #f90; text-decoration: none }
a:hover         { font-family: Comic Sans MS; color: #f90; text-decoration: underline; cursor: url(http://www.der-mopf.de/files/mopf.cur), pointer }
a:active        { font-family: Comic Sans MS; color: #f90; text-decoration: none }
table  {  font-family: Comic Sans MS; color: #5d5d5d }
td { }
h1  { font-family: Comic Sans MS; font-size: 1.5em; font-weight: bold; margin-top: 0.83em }
h2 { font-family: Comic Sans MS; font-size: 1.5em; font-weight: bold; margin: 0.83em 0 }
h3 { font-family: Comic Sans MS; font-size: 1.17em; font-weight: bold; margin: 1em 0 }
h4  { font-family: Comic Sans MS; font-weight: bold; margin-top: 1.33em; margin-right: 0; margin-left: 0 }
h5 { font-family: Comic Sans MS; font-size: 0.83em; font-weight: bold; margin: 1.67em 0 }
h6 { font-family: Comic Sans MS; font-size: 0.67em; font-weight: bold; margin: 2.33em 0 }
.main           { color: #37444f; background-color: #fff; width: 100% }
/** footer **/
.footer   { color: #37444f; font-size: 12px; font-family: Comic Sans MS; font-variant: small-caps }
.footer a:link  { color: #37444f; font-size: 11px; font-variant: small-caps }
.footer a:active  { color: #37444f; font-size: 11px; font-variant: small-caps }
.footer a:hover  { color: #37444f; font-size: 11px; font-variant: small-caps }
.footer a:visited  { color: #37444f; font-size: 11px; font-variant: small-caps }
.slogan  { color: #696969; font-size: 18px; font-weight: bold; line-height: 20px; letter-spacing: 2px }

/** boxen **/
.box_image    { background-color: #fff; padding-top: 5px; padding-left: 15px; border-style: none solid; border-width: medium medium medium 1px; border-color: #696969 }
.box_main    { font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-variant: normal; line-height: normal; background-color: #fff; padding-right: 5px; padding-left: 15px; border-right: medium solid #696969; border-bottom: medium solid #696969; border-left: 1px solid #696969 }
.box_main a:link { color: #696969; text-decoration: none; padding-left: 5px }
.box_main a:visited { color: #696969; text-decoration: none; padding-left: 5px }
.box_main a:hover { color: #696969; text-decoration: none; padding-left: 5px }
.box_main a:active { color: #696969; text-decoration: none; padding-left: 5px }
.box_headline   { color: #fff; font: bold 11px Comic Sans MS; background: #8b4513; padding-top: 5px; padding-bottom: 5px; padding-left: 15px }
.box_headline h1 { color: #fff; background-color: #696969; padding-left: 5px }
.box_border_oben { border-top: 1px solid gray }
.box_border_left { border-left: 1px solid #808080 }
/** weihnachten 08 **/
.weihnachten_text   { color: #fff; font-size: 12px; font-family: Comic Sans MS; font-style: normal; font-weight: bold; line-height: 16px }
.weihnachten_text_klein { color: #8b4513; font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-weight: bold }
.weihnachten_text a:link  { color: #fff; font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-weight: bold; text-decoration: none }
.weihnachten_text a_hover  { color: #fff; font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-weight: bold; text-decoration: underline }
.weihnachten_text a:active  { color: #fff; font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-weight: bold; text-decoration: none }
.weihnachten_text a:visited  { color: #fff; font-size: 11px; font-family: Comic Sans MS; font-style: normal; font-weight: bold; text-decoration: none }
.weihnachten_text_big { color: #fff; font-size: 18px; font-family: Comic Sans MS; font-style: normal; font-weight: bolder }
.weihnachten_text_small { color: #fff; font-size: 8px; font-family: Comic Sans MS; font-style: normal; font-weight: normal; line-height: 10px }

/** Schatten **/
.s_left { background-image: url("s_left.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: left top; width: 27px; height: 100% }
.s_right  { background-image: url("s_right.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: right top; width: 27px; height: 100% }
.s_oben { background-image: url("s_oben.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: center top; width: 100%; height: 27px }
.s_corner_right_oben { background-image: url("s_corner_right_oben.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 27px; height: 27px }
.s_corner_left_oben { background-image: url("s_corner_left_oben.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 27px; height: 27px }
/*** bilder ***/
.bilder  { background-color: #fff; padding: 10px }
.slideshow { margin-right: 10px; margin-bottom: 10px; float: left }

.slideshow img   { width: 150px; border: 0 }

#navlinks { width: 900px }

#navlinks a { color: #f00; font-size: 110%; margin-right: 8px; margin-bottom: 3px }

#navlinks a.current  { color: #f90 }
#navlinks a:hover  { color: #f90 }

/* Gallery Styles */

#motioncontainer  { width: 100%; height: 130px }

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover  { display: block }

#hassoNav #active  { display: block }

#hassoThumbs   { font: bold 14px Comic Sans MS, sans-serif; text-align: center; margin: 0; padding: 0; width: 810px; float: left }

#hassoThumbs .hassoThumb   { text-align: center; margin: 10px 5px; width: 350px; height: 110px; float: left; vertical-align: middle; border: 0 }

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic  { font: bold 14px Comic Sans MS, sans-serif; margin: 0; padding: 5px; width: 800px }


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav   { font-size: small; display: block; margin: 0; padding: 0; width: 800px }


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}