html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body {
	width:		99%;
	height:		97%;
	font-family:Arial;
}

a:link, a:visited, a:active {
	text-decoration:	none;
	color:		#000;
	font-weight:bold;	
}
a:hover { color:	#3f3f3f; }

strong { font-weight: bold; }

#navigation {
 	text-align:	left;
	background:	#FFF;
	padding:		18px 0 0 10px;
	width:		120px;
	height:		440px;
	float:		left;
	cursor:		default;
	position:  relative;
	z-index:   5;
	vertical-align: top;
}

#navinner {
  height:   428px;
}

#duglogo {
  padding-left: 10px;
}

#navigation a:link, #navigation a:visited, #navigation a:active, .gal_link a:link, .gal_link a:visited, .gal_link a:active {
	font-size:	10px;
	text-decoration:	none;
	color:		#000;
	cursor:		pointer;
	vertical-align: top;
}
#navigation a:hover { color: #3F3F3F; }

.hlink, .acthlink, .gal_link {
	display:	block;
	width:		80px;
	padding:	3px 0 0 20px;
	height:		12px;
	margin:		0 0 3px 0;
}

.gal_link {
	padding:	0px 0 0 10px;
	margin:		3px 0 3px 20px;
	background:	transparent url(../img/gal_dot.png) left top no-repeat;	
}

.acthlink {
	background:	transparent url(../img/active.png) 0px 0px no-repeat;
}


#logo {
	position:	absolute;
	top:		15px;
	right:		30px;
}
/*
#content {
	width:		780px;
	margin:		20px 0 0 0;
	float:		left;
}
*/

#content {
 	text-align:	left;
	width:		782px;
	margin:		auto;
	float:		left;
	overflow:  hidden;
	padding:   0;
}

#scroll_outer {position: relative; }

.headline {
	font-family:'Century Gothic',Verdana, Arial, Helvetica;
	font-size:	28px;
	letter-spacing:	-2px;
	padding-bottom:	10px;
	color:		#3F3F3F;
	text-align:	left;
	margin:		20px auto auto auto;
	background: transparent url(../img/logo.png) top right no-repeat; 
}
.headline_ext {
	font-family:'Century Gothic',Verdana, Arial, Helvetica;
	letter-spacing:	-2px;
	font-size:	20px;
	color:		#6F6F6F;
	text-transform:	uppercase;	
}

#sp_img {
  float:  right;
}

#aboutimg {
  height:   290px;
}

#aboutimg img {
  margin:   10px 0 0 -5px;
}

#aboutimg_nav {
  text-align: right;
  padding:    2px 5px 10px 0; 
}

#aboutimg_nav a:link, #aboutimg_nav a:visited, #aboutimg_nav a:active {
  margin-left:  8px;
}
#aboutimg_nav a.act:link, #aboutimg_nav a.act:visited, #aboutimg_nav a.act:active {
  color:  red;
}
#aboutimg_nav a:hover {
  color:  #444;
}

#loadbox {
  position: absolute;
  background: #fff;
  padding:  1px 3px;
  display:  none;
}

#fullview, #diaryview {
	position:	absolute;
	width: 		580px;
	height:		420px; 
	left:     0px;
	top:     0px;
	margin: 	0; 
	padding:	0;
	text-align:	right;
	}
	
#diaryview {
  position: relative;
}
		
#full {
	height:		420px;	
}

#nextview {
	position:	absolute;
	padding:	0;
	margin:		0;
	left:		-580px;
	width:		580px;
	height:		420px;
	text-align: right;

	}
	
#nextview img, #fullview img, #thumbnails img {
	padding: 	0;
	margin: 	0;
	}

#thumbnails, #calendar {	
	position:	relative;
	height:	420px;
	background:	#fff;
	width: 		200px;	
	margin: 	0 0 0 580px;
	left:      0px;
}

#calendar {
  font-size:		10px;
	line-height:	15px;
	letter-spacing:	0.2px;
  position: relative;
  float:    left;
  width:    180px;
  margin:   0 0 0 -180px;
  padding:  0;
  background: transparent;
}

#tmbinner {
  width:    192px;
  float:    right;
  height:   400px;
  margin-right: 2px;
}

#calinner {
  width:    180px;
  float:    right;
  height:   140px;
  margin-right: 2px;
}

#imgnav, #calnav {
  height:   15px;
  float:    right;
  width:    192px;
  margin-right: 2px;
}

#calnav {
  width:    80%;
  margin-right: 0px;
}

a#navprev {
  display:  block;
  width:    11px;
  background: transparent url(../img/prev.png) top left no-repeat;
  height:   15px;
  float:    left;
  margin-left: 2px;
}

a#navnext {
  display:  block;
  width:    11px;
  background: transparent url(../img/next.png) top left no-repeat;
  height:   15px;
  float:    right;
  margin-right:  2px;
}

a#galprev {
  display:  block;
  width:    43px;
  background: transparent url(../img/zurueck.png) top left no-repeat;
  height:   15px;
  float:    left;
  margin-left: 2px;
}

a#galnext {
  display:  block;
  width:    42px;
  background: transparent url(../img/weiter.png) top left no-repeat;
  height:   15px;
  float:    right;
  margin-right:  2px;
}

.tmbs {
	display:	block;
	width:		44px;
	height:   44px;
	float:		right;
	margin:		0 0px 4px 4px;
	}

#thumbnails img {
	width:		44px;
}

#monyear {
  text-align: right;
  font-family:  Verdana;
  color:      #333;
  font-size:  12px;
  font-weight: bold;
  margin-bottom:  10px;
}

#cal {
  width:    80%;
  float:    right;
  text-align: right;
  border-spacing:2px;
  table-layout: fixed;
}

#cal tr td {
  padding:    1px 1px 1px 0;
  text-align: right;
}

#cal tr td a:link, #cal tr td a:visited, #cal tr td a:active {
  display:block;
}

#cal tr td a:hover {
  background: #ebebeb;
}

#cal tr td.today {
  font-weight:  normal;
  background:   #fff3d9;
}

#cal tr td.dfilled {
  color:        red;
}

#cal tr td.dfilled a:link, #cal tr td.dfilled a:visited,#cal tr td.dfilled a:active {
  color:        red;
}

#cal tr td.chosen {
  font-weight:  bold;
  background:   #ccc;
}

.text, .diarytext {
 	font-family:	Tahoma;
	padding-left:	5px;
	font-size:		10px;
	line-height:	15px;
	letter-spacing:	0.2px;
	width:			580px;	
}

.diaryimg img {
  padding:  4px 5px 5px 0;
  float:  left;
  width:  290px;
}

.text img {
	margin:		10px 0 20px -5px;
}