body, body * { font-family: Verdana, Helvetica, sans-serif; }
body, #body, body.wholepage, td, .htmlarea_body { font-size: 0.8em; }
td { vertical-align: top; }

/* Form styles */
fieldset.background {
	border			: 0 solid #E6E6E6;
	border-top		: 1px solid #E6E6E6;
	border-bottom	: 1px solid #E6E6E6;
	background	: #FFFFFF; /* image */
	width		: 350px;
	padding-left: 0;
}
fieldset.background fieldset {
	width		: 100%;
	padding		: 0;
	margin		: 5px 0 0 0;
	border		: 0 solid #EFEFEF;
}
fieldset.background fieldset legend {
	margin				: 0;
	padding				: 0;
	font-size			: 1.2em;
	font-weight			: bold;
	color				: #303030;
	margin-top			: 3px;
	margin-bottom		: 3px;
}

label.formkey {
	display			: block;
	width			: 96px;
	/*float			: left;*/
	text-align		: left;
	padding-right	: 5px;
	margin			: 0;
}
form br {
	clear		: left;
}
.fieldset textarea, #message {
	margin	: 3px 0;
	height	: 120px;
	width	: 100%;
}
input, button, select {
	font-size	: 0.85em;
}

.input-text, textarea, button, .button, select {
	border		: solid #A3A3A3 1px; /* color should be removed site.css */
	font-size	: 0.85em;
}

.input-text, button, .button, select {
	margin-bottom: 2px;
}
.input-text-close {
	display: none;
}

.input-text {
	padding		: 1px;
}
button, .button {
	font-size			: 8pt;
	font-weight			: normal;
	cursor				: pointer;
}

/**
* The marker {menu_style} is filled with 'menu_normal_normal' or 'menu_normal_current'.
* 'menu_normal_normal' is the style of a normal menu item
* 'menu_normal_current' is the style of the selected menu item
*/

/* PATH */
#path {
	font-size			: 0.85em;
	margin-left			: 190px;
	margin-bottom		: 5px;
}
#path_home,
#path_,
.path_depth1,
.hide_arrow_2 {
	display				: none;
}
#path img {
	vertical-align		: baseline;
}
#path a, #path a:visited {
	font-weight			: normal;
	text-decoration		: none;
}
#path a:hover {
	text-decoration		: underline;
}


/* BREADCRUMBS */
.breadcrumbs {
	font-size			: 0.8em;
	padding				: 0 35px;
}
.breadcrumbs img {
	vertical-align		: bottom;
}
.breadcrumbs a, .breadcrumbs a:visited {
	color				: #7B3408;
	font-weight			: bold;
	text-decoration		: none;
}
.breadcrumbs a:hover {
	color				: #F68508;
	text-decoration		: none;
}
.removecrumbs {
	font-size			: 0.9em;
	padding-left		: 10px;
}
.removecrumbs a, .removecrumbs a:hover, .removecrumbs a:visited {
	font-weight			: normal;
}

/* Content area */
.content {
	/*padding				: 5px 50px 5px 30px;*/
	padding				: 5px 0 5px 0;
}
.content .paragraph_content {
	line-height			: 1.35em;
}

.left .textpadder {
	padding				: 0;
}
.right .textpadder {
}

/* content area for printpage, popups etc (without menu) */
body.wholepage-empty {
	margin				: 0;
	background			: #FFFFFF;
	color				: #303030;
	padding				: 0;
	background-image	: none;
}

.content-empty {
	background			: #FFFFFF;
	padding				: 0;
	height				: 100%;
}

/* Footer */
.footer {
	height				: 40px;
	background			: #FFFFFF;
	font-size			: 89%;
}

.footer a, .footer a:visited {
	font-weight			: normal;
	text-decoration		: none;
}
.footer a:hover {
	text-decoration		: underline;
}

.footeroptions {
	padding				: 5px;
	padding-top			: 15px;
	text-align			: center;
	margin-left			: 200px;
	margin-right		: 230px;
}

.footerservedby {
	width				: 230px;
	text-align			: center;
	float				: right;
	padding				: 5px;
	padding-top			: 5px;
}

#mobilelink {

}
.hosting-co2-neutral {
	float				: right;
}

/* News */
.news_img {
	float				: left;
	margin-right		: 10px;
	margin-bottom		: 5px;
}
ul.news_headlines li {
	list-style-type		: none;
	margin				: 0;
	padding				: 0 0 0 12px;
}
div.news_headlines {
	margin-bottom		: 15px;
}
.news_item_date {
	font-style			: italic;
	font-size			: 0.8em;
	float				: right;
	margin-top			: -1em;
}
/* News item */
.newsitem {

}
/* first news category on one line */
.news_category1 {
	float				: none !important;
	margin-right		: 3em;
}
.news_category {
	float				: left;
	clear				: both;
}
/* Forum  */
#ReactionButton {
	float				: right;
	clear				: both;
}
.pagereactionform {
	clear				: right;
	display				: none;
	padding				: 5px 7px;
	margin-bottom		: 5px;
}

.forumvotedistribution {
	float				: right;
	padding				: 0 5px 10px 10px;
}

.forumpagemessage {
	padding-bottom		: 10px;
}
.messageheader {
	padding				: 0 5px 0 5px;
}
.messagecontent {
	padding-left		: 30px;
}

.forumactions {
	float				: right;
}

.forumauthorcolumn {
	white-space			: nowrap;
	font-size			: 0.7em;
}


/* Paragraph images */
.paragraphimageright, .swapimage_right,
.paragraphimageleft, .swapimage_left {
	display				: inline;
	margin-bottom		: 5px;
	border				: 0 solid #C0C0C0;
}

.paragraphimageright, .swapimage_right {
	margin-left			: 15px;
	float				: right;
}
.paragraphimageleft, .swapimage_left {
	margin-right		: 15px;
	float				: left;
}

.paragraphimage {
	border				: 0 solid #E1E1E1;
	padding				: 0;
}

.glossary_popup {
	text-align			: left;
}
.glossary_header {
	height				: 30px;
}
.glossary_popup h1 {
	margin				: 0;
	padding				: 5px 15px;
}
.glossary_popup p {
	padding				: 0 15px;
	font-size			: 0.9em;
	overflow			: hidden;
}
.glossary_popup .closelink {
	position			: absolute;
	bottom				: 10px;
	right				: 15px;
	white-space			: nowrap;
}
a.glossary,
a.glossary:visited,
a.glossary:hover {
	border-bottom		: 1px dotted;
	cursor				: pointer;
	text-decoration		: none;
}
a.glossary:hover {
	border-bottom-style	: solid;
}
.showglossaryitem, .hideglossaryitem {
	z-index				: 150;
	position			: relative;
}
.showglossaryitem {
}
.hideglossaryitem {
	display				: none;
	border				: 1px solid green;
	background			: transparent;
}
/*
.poll_poll {
	width				: 170px;
	background			: #DCDCDC;
}
*/
#popup {
	position			: absolute;
	visibility			: hidden;
	top					: 0;
}

/* Error messages for jquery validation */
.error {
	background 			: #FFD6D6;
	border				: 1px dashed #FF0000;
	display				: none;
	margin				: 10px 0;
	width				: auto;
}
.error li {
	color				: #303030;
	margin				: 2px 5px;
}
.field-error {
	background			: #FFD6D6;
}
.field-valid {
	background			: #FFFFFF;
}

/* glossary list */
.gl_container {
}
.gl_container .paging {
	border-bottom 	: 1px solid;
	margin-bottom	: 5px;
}
.gl_container .paging span {
	font-size	: 10px;
}
.gl_container .paging a span {
	font-size	: 12px;
}
.gl_list {
	list-style-type : none;
	margin			: 0;
	padding			: 0 5px;
}
.gl_list li {
	display		: block;
	width		: 100%;
}
.gl_item {
	display			: block;
	margin-bottom	: 0.2em;
}
.gl_title {
	display		: block;
	height		: inherit;
	width		: 25%;
}
.gl_description {
	display		: block;
	font-style	: italic;
	margin-top	: -1.2em;
	margin-left	: 25%;
}

/* Photobook styles */
.image-showphoto {

}
.image-album-thumbnail {
	float				: left;
	margin-right		: 12px;
	margin-bottom		: 12px;
	padding				: 3px;
	position			: relative;
}
.image-album-thumbnail img {
	margin				: 0 auto;
}
.image-album-thumbnail .thumbnail_content {
	text-align			: center;
}
.image-album-thumbnail .thumbnail_content img {
	display				: block;
}
.image-album-thumbnail .thumbnail_footer {
	height				: 16px;
	line-height			: 12px;
	margin-top			: 3px;
	font-size			: 0.75em;
}

.photo_edit_buttons {
	float				: right;
}

.album_image {
	margin				: 0 auto;
	margin-top			: 5px;
	border				: 1px solid #9C9D9C;
	position			: relative;
}
.album_image .photo_edit_buttons {
	height				: 16px;
	position			: absolute;
	top					: -20px;
	right				: 3px;
}
.image-album .paging {
	margin-bottom		: 10px;
}
.album_image_content {
	padding				: 3px;
	text-align			: center;
}
.album_image_footer {
	padding				: 0 3px;
	min-height			: 18px;
}
* html .album_image_footer {
	height				: 18px;
}
.album_image_footer div {
	margin-right		: 100px;
}
.album_image_footer .highres {
	position			: absolute;
	right				: 3px;
	bottom				: 3px;
}




/* Admin pulldown menu */
.admin_menu {
	width				: 180px;
	/*width: auto;*/
	margin				: 2px;
	padding				: 2px;
}
.admin_menu * {
	white-space			: nowrap;
	font-size			: 11px;
	font-weight			: normal;
}

.admin_submenu {
	width			: auto;
	margin			: 2px;
	border			: 1px solid #718BB7;
	padding			: 2px;
	display			: none;
	background		: #F0F0F0;
	position		: absolute;
	left			: 180px;
	margin-top		: -20px;
}

/* Drop down menu items style */
a.dropmenuitem {
	display				: block;
	cursor				: pointer;
}
a.dropmenuitem:link, a.dropmenuitem:visited {
	background			: #F0F0F0;
	color				: #303030;
	border				: 0px solid #C3DAF9;
	padding				: 3px 3px 3px 5px;
}
a.dropmenuitem:visited {
	text-decoration		: none;
}
a.dropmenuitem:hover {
	background			: #EBF3FD;
	color				: #303030;
	text-decoration		: none;
	border				: 1px solid #C3DAF9;
	padding				: 2px 2px 2px 4px;
}
.dropmenuitem img {
	vertical-align		: middle;
}

.dashboard-column {
	width				: 30%;
}