h2/* ############################################# */
/* General */
/* ############################################# */
*
{
	margin: 0px;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: white;
	margin: 0px;
	margin-top:0px;
	background-color:#ffffff;
	background-image:url( templates/modern/images/n24/bgverlauf.jpg );
	background-repeat:repeat-x;
}
img
{
	border: none;
}
div
{
	margin: 0px;
	padding: 0px;
}
/* ############################################# */
/* Main */
/* ############################################# */
div#page
{
	width: 956px;
	margin: 0px auto;
}

div#main
{
	background-image:url( "templates/modern/images/n24/page_bg.gif" );
}

div#menu
{
	float: left;
	width: 186px;
	background-color:#FFFFFF;
}

div#menu .new
{
	padding:4px;
}

div#content
{
	float: left;
	width: 765px;
	padding-left: 2px;
	padding-right: 1px;
}

div#footer
{
	height:117px;
	background-image:url( templates/modern/images/s2d/s2d_footer.png );
	background-color:#000;
	clear: both;
	width: auto;
	text-align: left;
	color:#000;
	padding-left:30px;
	padding-top:30px;
	font-size:11px;
}

div#footer table
{
	color:#000;
}

div#footer a,
div#footer a:visited
{
	color:#000;
}
/* ############################################# */
/* Header */
/* ############################################# */

div #header
{
	background-image:url( "templates/modern/images/s2d/s2d_header.png " );
	background-repeat:no-repeat;
	margin-top:50px;
}
div #header .top
{
	width: auto;
	height: 47px;
	padding: 0px 4px;
	text-align:right;
}
div #header .win
{
	width: auto;
	text-align:right;
}
div #header .middle
{
	width: auto;
	height: 76px;
}
div #header .middle .header_spacer
{
	height: 65px;
}
div #header .bottom
{
	width: 100%;
	padding-bottom: 0px;
	border-bottom:2px solid #666666;
}
div #header .bottom .menu
{
	width: 80%;
	float:left;
}
div #header .bottom .search
{
	width: 20%;
	float:left;
	text-align:right;
	padding-top: 26px;
}
div #header .breadcrumb
{
	height: 0px;
	padding-left: 10px;
	padding-top: 3px;
	font-size:10px;
	color:#ffffff;
}
div #header .breadcrumb a
{
	color:#ffffff;
}

/* ############################################# */
/* Portal */
/* ############################################# */

#guide {
	width: 518px;
	height: 300px;
	float:left;
}

#guide_list {
	list-style:none;
	margin-left:478px;
}

#guide_list li{
	padding:9px 5px;
	border-bottom:1px solid #333;
	height:31px;
}
#guide_list li.active{
	background-image:url(images/list_bg.gif);
}

#guide_list h2{
	background:none;
	padding:0;
	min-height:16px;
	font-size:12px;
	text-transform:none;
}
#guide_list a{
	color:#333;
	font-size:10px;
}
#guide_list h2 a{
	color:#333;
	font-size:12px;
}
#guide_text{
	padding:5px;
	height:30px;
	position: absolute;
	width: 518px;
	bottom: 0px;
	background-color:#000000;
	color:#FFFFFF;
	opacity:0.7;
	text-align:left;
}
#guide_text{
	padding:5px;
	height:30px;
	position: absolute;
	width: 518px;
	bottom: 0px;
	background-color:#000000;
	color:#FFFFFF;
	opacity:0.7;
	text-align:left;
}

/* ############################################# */
/* Guide Detail */
/* ############################################# */

.guide_banner
{
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:523px;
}

.guide_banner img
{
	border:1px solid #CCCCCC;
}

.guide_banner span
{
	display:block;
	padding: 5px;
	font-size:10px;
	text-align:right;
}

/* ############################################# */
/* Profil */
/* ############################################# */


#profile_left{
	float:left;
	width:247px;
}

#profile_right{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:508px;
}

#profile_right .grey
{
	color:#666;
}

#profile_avatar img{
	border:1px solid #ccc;
	width:220px;
}

#profile_avatar
{
	border:1px solid #CCCCCC;
	margin:10px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:225px;
}

.forumline .profile_list div, .profile_list div, .profile_list a {
	border-bottom:1px solid #CCC;
	display:block;
	padding:3px 12px;
	text-decoration:none;
	font-size:10px;
}

.profile_list a:visited {
	text-decoration:none;
}

.forumline.profile_list div a, .forumline .profile_list div a {
	border-bottom:none;
	display:inline;
	padding:0;
}

#profile_visit {
	padding:0;
	border:none;
}
#profile_visit a{
	display:inline;
}
#profile_visit .thumb {
	border:1px solid #ccc;
	background: #fff;
	padding:5px;
}
#profile_visit .thumb a{
	border:none;
	padding:0;
}
#profile_visit .thumb img {
	border:1px solid #ccc;
	height: 80px;
	width: 80px;
}
#profile_visit .thumb-wrap {
	float: left;
	padding: 8px 0px 8px 12px;
	width: 104px;
	border:none;
}
#profile_visit .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

/* ############################################# */
/* Default */
/* ############################################# */

div.left
{
	float: left;
	width: auto;
	padding: 4px 24px 4px 12px;
}
div.right
{
	width: auto;
	padding: 4px 12px;
	text-align: right;
}
div.left_np
{
	width: auto;
	padding: 0px;
	text-align: left;
	float: left;
}
div.right_np
{
	width: auto;
	padding: 0px;
	text-align: right;
	float: right;
}
div.clear
{
	overflow: hidden;
	height: 0px;
	clear: left;
}
td.hr
{
	height: 1px;
	background-color: #CCCCCC;
	padding: 0px;
	background-position:right;
}
div.hr
{
	height: 1px;
	background-color: #CCCCCC;
	padding: 0px;
	overflow: hidden;
	clear: left;
}
.header1
{
	font: 14px Verdana;
	font-weight: bold;
	letter-spacing: 3px;
	color:#9d0d0d;
}
a.header1, a.header1:visited
{
	font: 14px Verdana;
	font-weight: bold;
	letter-spacing: 3px;
	color: #9d0d0d;
	text-decoration:none;
}
a.header1:hover
{
	text-decoration:underline;
}
.header2
{
	font: 12px Verdana;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ff3366;
}
/* The largest text used in the index page title and toptic title etc. */
h1
{
	font: 24px Verdana;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	letter-spacing: 3px;
	color:#660000;
}
h1 a, h1 a:visited
{
	font: 24px Verdana;
	font-weight: bold;
	text-decoration: underline;
	line-height: 120%;
	letter-spacing: 3px;
	color: #000000;
}
h1 a:hover, h1 a:active
{
	font: 24px Verdana;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	letter-spacing: 3px;
	color:#999999;
}
/*
s h2
{
	font: 18px Verdana;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	letter-spacing: 3px;
	color: #333333;
}
h3
{
	font: 14px Verdana;
	font-weight: bold;
	letter-spacing: 3px;
	color: #666666;
}*/
h4
{
	font: 12px Verdana;
	font-weight: bold;
	letter-spacing: 2px;
	color: #EEEEEE;
}
h6
{
	font-weight: bold;
	font-size: 11px;
	color : #333333;
}
h6 a, h6 a:visited, h6 a:active
{
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}
h6 a:hover
{
	font-size: 11px;
	text-decoration: underline;
	color: #F60;
}
hr.dashed
{
	background: none;
	border-top: #CCCCCC 1px dashed;
}
.maintitle
{
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	line-height : 120%;
	color: #000000;
}
.subtitle
{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
/* General text */
.gen
{
	font-size: 12px;
}
.genmed
{
	font-size: 11px;
}
.gensmall, .gensmall2
{
	font-size: 10px;
}
a.gensmall_login, a.gensmall_login:visited
{
	font-size: 10px;
	color:#000000
}
a.gensmall_login:hover, a.gensmall_login:active
{
	font-size: 10px;
	color:#F60
}
.gensmaller
{
	font-size: 9px;
}

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

div#Avatar
{
	z-index:+9;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
div#Avatar img
{
	border: 1px solid #CCCCCC;

}
div#AvatarStatus
{
	background-color: white;
	border-left: 3px solid #FfFfFf;
	border-right: 3px solid #FfFfFf;
	border-bottom: 3px solid #FfFfFf;
	padding-top:5px;
	margin: 0px;
	overflow: hidden;
	text-align:left;
}
div#Eventflyer
{
	z-index:+9;
	background-color:#FFF;
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
div#Eventflyer img
{
	border: 1px solid #CCCCCC;
}

td#postdetails
{
	width: 160px;
	vertical-align: top;
	padding: 4px 8px;
	border-right: 1px solid #666;
}
td#posting
{
	text-align: left;
	vertical-align: top;
	padding: 4px 8px;
	overflow: hidden;
	width: 548px;
	max-width: 562px;
}
#posting
{
	line-height: 19px;
}
#posting img
{
	vertical-align: top;
}
/* General font families for common tags */
table
{
	font-size: 12px;
}
font, th, td, p
{
	/*font-size: 12px;*/
}
a, a:visited
{
	text-decoration: underline;
	color: #000000;
}
a:hover, a:active
{
	text-decoration: underline;
	color: #F60;
}
hr
{
	height: 0px;
	border: solid #CCCCCC 0px;
	border-top-width: 1px;
	background-image: url(./templates/modern/images/hr.gif);
}
/* This is the outline round the main forum tables */

/* Header cells */
th, td.th
{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #FfFfFf;
	background-image:url("templates/modern/images/n24/login_button.gif");

}
th a
{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
th a:hover
{
	color: #F60;
	font-size: 12px;
	font-weight: bold;
}
th.minical
{
	height: 25px;
}
td.th2
{
	background-color:#D1D7DC;
	height: 20px;
	color: #3b5c2b;
}
td.spaceRow
{
	background-color: #D1D7DC;
}
td.headline
{
	height: 24px;
	padding: 2px 12px;
	text-align: left;
	vertical-align: top;
}
td.midline_2, div.midline_2
{
	padding: 2px 12px;
	text-align: left;
}
td.midline_4, div.midline_4
{
	padding: 4px 12px;
	text-align: left;
}
td.midline, div.midline
{
	padding: 6px 12px;
	text-align: left;
}
td.footline
{
	height: 23px;
	padding: 2px 12px 3px 12px;
	text-align: left;
	vertical-align: bottom;
}
td.headline_c
{
	height: 24px;
	padding: 2px 12px;
	text-align: center;
	vertical-align: top;
}
td.midline_2c, div.midline_2c
{
	padding: 2px 4px;
	text-align: center;
}
td.midline_4c, div.midline_4c
{
	padding: 4px 6px;
	text-align: center;
}
td.midline_c, div.midline_c
{
	padding: 6px 8px;
	text-align: center;
}
td.footline_c
{
	height: 23px;
	padding: 2px 12px 3px 12px;
	text-align: center;
	vertical-align: bottom;
}
td.headline_r
{
	height: 24px;
	padding: 2px 12px;
	text-align: right;
	vertical-align: top;
}
td.midline_2r, div.midline_2r
{
	padding: 2px 12px;
	text-align: right;
}
td.midline_4r, div.midline_4r
{
	padding: 4px 12px;
	text-align: right;
}
td.midline_r, div.midline_r
{
	padding: 6px 12px;
	text-align: right;
}
td.footline_r
{
	height: 23px;
	padding: 2px 12px 3px 12px;
	text-align: right;
	vertical-align: bottom;
}
/* ############################################# */
/* Contentstart */
/* ############################################# */


.contentstart, .cs, h2, h3
{
	width: auto;
	min-height: 17px;
	background-image: url("templates/modern/images/s2d/s2d_cs.gif");
	background-repeat:repeat-x;
	padding: 5px 12px 0px 12px;
	font: 10px Verdana;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.contentstart.short, .contentstart_l, .cs_l
{
	height: 5px;
	padding: 0px;
	margin: 0px;
	background-color:#ffffff;
	background-image:none;
	min-height:0px;
}
td.contentstart, td.cs, td.contentstart.short, td.contentstart_l, td.cs_l
{
	width: 741px;
	line-height: 0px;
}
.forumline, .fl
{
	width: auto;
	vertical-align:top;
	background-color:#ffffff;
}
table.forumline
{
	margin-bottom:5px;
}
div.forumline table
{
	width:100%;
}
div.forumline.padding
{
	padding:10px;
}
div.contentend, div.ce, td.contentend, td.ce
{
	height: 5px;
	padding: 0px;
	background-color:#ffffff;
	border-bottom:#CCCCCC 1px solid;
	clear: left;
}
/* ############################################# */
/* Contentstart 529 */
/* ############################################# */


div.contentstart.portal_guide
{
}
div.contentstart.portal_guide.short
{
	height: 6px;
	background-image:none;
	background-color:#bcc7ec;
	border-bottom:none;
}
/* ############################################# */
/* Contentstart Mini */
/* ############################################# */


div.contentstart.mini
{
	background-image:url("templates/modern/images/n24/login_button.gif");
	border-top:0px;
}
div.forumline.mini
{
}
div.contentend.mini
{
	margin:0px;
}
/* ############################################# */
/* Contentstart Info */
/* ############################################# */

div.contentstart.info, h2.info
{
	background-image:url("templates/modern/images/n24/login_button.gif");
}
div.contentstart.info a, div.contentstart.info a:visited, h2.info a, h2.info a:visited
{
	color:#FFF;
}
div.contentstart.info a:hover, h2.info a:hover
{
	color:#FF6600;
}
div.forumline.info
{
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
div.contentend.info
{
	margin:0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
/* ############################################# */
/* Menü */
/* ############################################# */

/*#menu .contentstart
{
	background-image: url( templates/modern/images/n24/cs_hell.gif );
}
#menu .contentstart a, #menu .contentstart a:visited
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#menu .contentstart a:hover
{
	font-weight: bold;
	color:#FF6600;
	text-decoration:underline;
}
*/
/* ############################################# */
/* Links */
/* ############################################# */


.headerlink
{
	font: 13px Verdana;
	font-weight: bold;
	color: #666666;
}
.contentstart a, .contentstart a:visited, .cs a, .cs a:visited, .contentstart_info a, .contentstart_info a:visited, .contentstart_info a, .contentstart_info a:visited, .contentstart_529 a, .contentstart_529 a:visited, .headerlink a, .headerlink a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited
{
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}
.contentstart a:hover, .cs a:hover, .contentstart_info a:hover, h2 a:hover, h3 a:hover
{
	font-weight: bold;
	color:#FF6600;
	text-decoration:underline;
}
.contentstart_529_1
{
	width: 529px;
	height: 6px;
	padding: 0px;
	overflow: hidden;
	background-image: url(./templates/modern/images/contendstart_529_1.gif);
}
.contentend_info
{
	height: 6px;
	padding: 0px;
	overflow: hidden;
	background-image: url(  );
	clear: left;
}
.contentend_info
{
	height: 6px;
	padding: 0px;
	overflow: hidden;
	background-image: url( ./templates/modern/images/contentend_info.gif );
	clear: left;
}
.contentend_529
{
	height: 6px;
	padding: 0px;
	overflow: hidden;
	background-image: url( ./templates/modern/images/contentend_529.gif );
	clear: left;
}

.event_dates
{
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}
.event_dates_portal
{
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}
.event_links
{
	font-size: 9px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}
a.event_links
{
	font-size: 9px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}
a.event_links:hover
{
	font-size: 9px;
	font-weight: bold;
	color:#000;
	text-decoration:underline;
}
a.event_links_portal
{
	font-size: 9px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}
a.event_links_wichtig
{
	font-size: 9px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}
.event_infokalender
{
	font-size: 9px;
	font-weight: bold;
	color:#000000;
	text-decoration:none
}
a.event_infokalender
{
	font-size: 9px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline
}
.event_infokalender_today
{
	font-size: 9px;
	font-weight: bold;
	color: #FF7700;
	text-decoration: none;
}
a.event_infokalender_today
{
	font-size: 9px;
	font-weight: bold;
	color:#FF7700;
	text-decoration: underline;
}
/* The register, login, search etc links at the top of the page */
.btn
{
	font-size: 10px;
	color: #000000;
}
a.btn, a.btn:visited
{
	text-decoration: none;
	color: #000000;
	letter-spacing: 2px;
}
a.btn:hover
{
	color: #FF6600;
}
a.btn:active
{
	color: #FF6600;
}
.bottom
{
	font-size: 10px;
	color: #336;
}
a.bottom, a.bottom:visited
{
	color: #336;
	letter-spacing: 0px;
}
a.bottom:hover
{
	color: #FF7700;
}
a.bottom:active
{
	color: #FF7700;
}
/* The register, login, search etc links at the top of the page */
.mainmenu
{
	font-size: 11px;
	color: #000000
}
a.mainmenu, a.mainmenu:visited
{
	text-decoration: underline;
	color: #000000;
}
a.mainmenu:hover
{
	text-decoration: underline;
	color: #3b5c2b;
}
a.mainmenu:active
{
	text-decoration: underline;
	color: #3b5c2b;
}
/* News */
.news
{
	font-size: 11px;
	color: #3b5c2b
}
a.news, a.news:visited
{
	text-decoration: underline;
	color: #3b5c2b;
}
a.news:hover
{
	text-decoration: underline;
	color: #000000;
}
a.news:active
{
	text-decoration: underline;
	color: #3b5c2b;
}
/* TH LINK */
.th_link
{
	font-size: 11px;
	color: #FFFFFF
}
a.th_link, a.th_link:visited
{
	text-decoration: underline;
	color: #FFFFFF;
}
a.th_link:hover
{
	text-decoration: underline;
	color: #000000;
}
a.th_link:active
{
	text-decoration: underline;
	color: #000000;
}
/* Forum category titles */
.cattitle
{
	font: 14px Verdana;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000000;
}
a.cattitle, .cattitle a
{
	text-decoration: underline;
	color: #000000;
}
a.cattitle:visited, .cattitle a:visited
{
	text-decoration: underline;
	color: #000000;
}
a.cattitle:hover, .cattitle a:hover
{
	text-decoration: underline;
	color: #910;
}
a.cattitle:active, .cattitle a:active
{
	text-decoration: underline;
	color: #910;
}
/* Forum category titles small */
.cattitlesmall
{
	font: 13px Verdana;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000000;
}
a.cattitlesmall, .cattitlesmall a, a.cattitlesmall:visited, .cattitlesmall a:visited
{
	text-decoration: underline;
	color: #000000;
}
a.cattitlesmall:hover, .cattitlesmall a:hover, a.cattitlesmall:active, .cattitlesmall a:active
{
	text-decoration: underline;
	color: #910;
}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink
{
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}
a.forumlink, a.forumlink:visited
{
	text-decoration: underline;
	color: #000;
}
a.forumlink:hover, a.forumlink:active
{
	text-decoration: underline;
	color: #F60;
}
/* titles for the topics: could specify viewed link colour too */
.topictitle
{
	font-weight: bold;
	font-size: 11px;
	color : #000
}
a.topictitle:link, a.topictitle:visited
{
	text-decoration: underline;
	color: #888;
}
a.topictitle:hover, a.topictitle:active
{
	text-decoration: underline;
	color: #F60
}
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav
{
	font-weight: bold;
	font-size: 11px;
	color : #000;
}
a.nav, a.nav:visited, .nav a, .nav a:visited
{
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}
a.nav:hover, a.nav:active, .nav a:hover, .nav a:active
{
	font-size: 11px;
	text-decoration: underline;
	color: #F60;
}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name
{
	font-size: 11px;
	color: #000000;
}
a.name:link
{
	text-decoration: underline;
	color: #000000;
}
a.name:visited
{
	text-decoration: underline;
	color: #000000;
}
a.name:hover
{
	text-decoration: underline;
	color: #3b5c2b;
}
a.name:active
{
	text-decoration: underline;
	color: #3b5c2b;
}
/* Location, number of posts, post date etc */
span.postdetails
{
	font-size: 10px;
}
/* The content of the posts (body of text) */
.postbody
{
	font-size: 12px;
}
a.postbody:link
{
	font-size: 10px;
	text-decoration: underline;
	color: #666666;
}
a.postbody:visited
{
	font-size: 10px;
	text-decoration: underline;
	color: #666666;
}
a.postbody:hover
{
	font-size: 10px;
	text-decoration: underline;
	color: #3b5c2b;
}
a.postbody:active
{
	font-size: 10px;
	text-decoration: underline;
	color: #3b5c2b;
}
a.postlink:link, a.postlink:visited, a.postlink:active
{
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
a.postlink:hover
{
	color: #3b5c2b;
}
/* Quote & Code blocks */
.code
{
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 11px;
	color: #006600;
	background-color: #F1F4F8;
	border: #525E6E;
	border-style: dotted;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}
.quote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A5370;
	line-height: 125%;
	background-color: #F1F4F8;
	border: #525E6E;
	border-style: dotted;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	letter-spacing: -1px;
}
a.copyright, a.copyright:visited, .copyright a, .copyright a:visited
{
	color: #444444;
	text-decoration: none;
}
a.copyright:hover, a.copyright:active, .copyright a:hover, .copyright a:active
{
	color: #000000;
	text-decoration: underline;
}
/* Form elements */
form
{
	display: inline;
}
input
{
	text-indent : 2px;
}
input, textarea, select
{
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
/* The buttons used for bbCode styling in message post */
input.button
{
	background-color: #EAEFF4;
	color: #000000;
	font-size: 11px;
}
/* The main submit button option */
input.mainoption
{
	border: 1px solid #909090;
	padding:1px 5px;
	background-image:url(images/bar.gif);
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
	font-weight : bold;
}

input.mainoption:hover
{
	border: 1px solid #f0f0f0;
	background-image:url(images/invbar.gif);
	background-color:#404040;
	color: #ffffff;
}
/* None-bold submit button */
input.liteoption
{
	border: 1px solid #909090;
	padding:1px 5px;
	background-image:url(images/bar.gif);
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
}

input.liteoption:hover
{
	border: 1px solid #f0f0f0;
	background-image:url(images/invbar.gif);
	background-color:#404040;
	color: #ffffff;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
input.helpline
{
	background-color: #F1F1F1;
	border: solid 1px #F1F1F1;
}
input.helpline:hover
{
	background-color: #F1F1F1;
	border: solid 1px #F1F1F1;
}
/* DIV-Layouts */

hr#light
{
	color: #888888;
}
div#headline
{
	height: 16px;
	padding: 0px 12px;
	vertical-align: middle;
}
div#th
{
	height: 22px;
	padding: 4px 12px;
	vertical-align: middle;
	border-style: solid none;
	border-width: 1px 0px;
	border-color: black;
}
/* Namensschilder */

#image_frame #namesign
{
	display: none;
	padding: 4px;
	border: 2px dashed #3b5c2b;
	position: absolute;
}
#image_frame:hover #namesign, #image_frame.sfhover #namesign
{
	display: block;
}
#namesign #namesign_info
{
	display: none;
	position: absolute;
	text-align: right;
	white-space: nowrap;
	background-color: #DDDDDF;
	padding: 6px 12px;
	border: 1px dotted #AAAAAC;
}
#namesign:hover #namesign_info, #namesign.sfhover #namesign_info
{
	display: block;
}
/* Forum */

tr.forum_list_1
{
	background-color: #F0F0F0;
}
tr.forum_list_1:hover
{
	background-color: #E0E0E0;
}
tr.forum_list_2
{
	background-image: url(images/list_bg.gif);
}
tr.forum_list_2:hover
{
	background-image: none;
	background-color: #E0E0E0;
}
/* Eventkalender */

.event_minikalender_today
{
	font-weight:bold;
	color:#F60 !important;
}
.event_minikalender_today:hover
{
	font-weight:bold;
	color:#000 !important;
}
tr.event_list_1
{
	background-color: #F0F0F0;
}
tr.event_list_1:hover
{
	background-color: #E0E0E0;
}
tr.event_list_2
{
	background-image: url(images/list_bg.gif);
}
tr.event_list_2:hover
{
	background-image: none;
	background-color: #E0E0E0;
}
tr.event_list_top
{
	background-color: #FF9900;
}
tr.event_list_top:hover
{
	background-color: #FFAA00;
}
/* Pagination 2 */
div.pagination
{
	padding: 0px;
	margin: 0px;
	color:#a0a0a0;
	font-size:10px;
}
div.pagination a, div.pagination a:visited
{
	border: 1px solid #909090;
	padding:2px 5px;
	background-image:url(images/bar.gif);
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
	margin-left: 1px;
	margin-right: 1px;
}
div.pagination a:hover, div.meneame a:active
{
	border: 1px solid #f0f0f0;
	background-image:url(images/invbar.gif);
	background-color:#404040;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 1px;
}
div.pagination span.current
{
	padding:2px 5px;
	border: 1px solid #ffffff;
	font-weight: bold;
	background-color: #606060;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 1px;
}
div.pagination span.disabled
{
	padding:2px 5px;
	border: 1px solid #606060;
	color: #808080;
	margin-left: 1px;
	margin-right: 1px;
}
/* ----------- Sitemap ----------- */

#sitemap, #sitemap ul
{
	list-style-type: none;
	padding:0px;
}
#sitemap li
{
	color: #474029;
	text-align:left;
}
#sitemap li li
{
	border-bottom:#666666 1px solid;
	padding: 1px 0px;
}
#sitemap li a
{
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
	background-image:url(templates/modern/images/n24/login_button.gif);
	display:block;
	padding:5px 12px 0;
	text-transform:uppercase;
	min-height:17px;
}
#sitemap li li a
{
	color: #474029;
	font-weight: normal;
	display:inline;
	background-image:none;
	text-transform:none;
	padding:0;
}
#sitemap li ul
{
	background-image: none;
	padding:0 0 12px 12px;
}
#sitemap a.main
{
	color: #474029;
	font-weight: bold;
	font-size: 13px;
	text-align:left;
	text-decoration:none;
}
#sitemap li li:hover
{
	background-color:#CCCCCC
}
#sitemap li li li:hover, #sitemap li li.aktuell:hover
{
	background-color:#999999
}
#sitemap li.aktuell, #sitemap li li.aktuell
{
	background-color:#CCCCCC;
}
#sitemap li.aktuell ul
{
	background-color:#eeeeee;
}
/* ----------- Tree ----------- */

ul.tree, ul.tree ul
{
	list-style-type: none;
	background: url(images/tree/vline.png) repeat-y;
	margin: 0;
	padding: 0;
}
ul.tree ul
{
	margin-left: 10px;
}
ul.tree li
{
	margin: 0;
	padding: 2px 0px 0px 12px;
	line-height: 20px;
	background: url(images/tree/node.png) no-repeat;
	color: #369;
	font-weight: bold;
}
ul.tree li.last
{
	background: #f1f1f1 url(images/tree/lastnode.png) no-repeat;
}
ul.tree li:last-child
{
	background: #f1f1f1 url(images/tree/lastnode.png) no-repeat;
}
/* ############################################# */
/* Album */
/* ############################################# */

table.cat_table
{
	background-color:#DADADA;
}
table.cat_table td
{
	background-color:#ffffff;
}

/* ############################################# */
/* Portal */
/* ############################################# */

.portal_magazine
{
	background-color:#ffffff;
}
.portal_magazine h2
{
	font: 12px Verdana;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
	background-image:none;
	letter-spacing:normal;
	padding:0;
	text-transform:none;
	min-height:none;
}
.portal_magazine h2 a
{
	color: #333333;
}
.portal_magazine .img .text
{
	padding:10px;
	background-color: #000000;
	-moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70);
	color:#ffffff;
}
.portal_magazine td
{
	padding:4px;
}
.portal_magazine .img
{
	width: 518px;
	height:300px;
	padding:0px;
}
.portal_col_left
{
	float:left;
	width: 506px;
	border-right: 10px solid #ffffff;
	overflow:hidden;

}

.portal_col_left_left
{
	float:left;
	width: 248px;
	border-right: 10px solid #ffffff;
}

.portal_col_left_right
{
	float:left;
	width: 248px;
}

.portal_col_right
{
	float:left;
	width: 248px;
}
.portal_col_left .contentend, .portal_col_center .contentend, .portal_col_right .contentend
{
	border-bottom:none;
}
.portal_galerie_row_0
{
	background-color: #CCCCCC;
}
.portal_galerie_row_1
{
	background-color: #e1e1e1;
}

.portal_galerie
{
	padding:5px;
	border-bottom:1px solid #cccccc;
}

.portal_galerie_left {
	background-color:white;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px;
	margin-right:5px;
}

.portal_galerie_left img {
	border:1px solid #CCCCCC;
}

.portal_galerie_left:hover
{
	border: 1px solid #999;
}

.portal_galerie_right
{
	vertical-align: top;
	font-size:10px;
}
.portal_galerie_right a
{
	font-size:10px;
}
.portal_events
{
	padding:5px;
	border-bottom:1px solid #cccccc;
}

.portal_events td img
{
	max-width:80px;
}

.portal_events_event
{
	font-size:10px;
	font-weight:bold;
}
.portal_events_location
{
	font-size:10px;
}
.list_1
{
	background-color: #ffffff;
}
/*.list_1:hover, tr.list_1:hover, div.list_1:hover
{
	background-color: #E0E0E0;
}*/
.list_2
{
	background-image: url(images/list_bg.gif);
}
/*.list_2:hover, tr.list_2:hover, div.list_2:hover
{
	background-image: none;
	background-color: #E0E0E0;
}*/
.list_3
{
	background-color:#FF6600 !important;
}
.list_3:hover
{
	background-color: #E0E0E0;
}
.thumbnail
{
	border: 1px solid #CCCCCC;
	vertical-align:top;
	width: 180px;
	height: 130px;
	padding-top: 10px;
}

.thumbnail_portal
{
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:162px;
}
.thumbnail_portal img
{
	border: 1px solid #CCCCCC;
	width: 160px;
	height: 120px;
}

.thumbnail_portal:hover
{
	border: 1px solid #999;
}
.thumbnail_text
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:top;
	width: 180px;
	padding:2px 0px;
}
.thumbnail_small
{
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:82px;
}

.thumbnail_small img
{
	border: 1px solid #CCCCCC;
	width: 80px;
	height: 60px;
}

.thumbnail_small:hover
{
	border: 1px solid #999;
}

/* sun ajax dorpdown */

ul.sun {
	background-color:#FFF;
	border:1px solid #CCCCCC;
	list-style-type:none;
	padding-left:0;
}

ul.sun li {
	border-bottom:1px solid #CCCCCC;
	padding:4px;
	height:40px;
}

ul.sun li img {
	display:block;
	float:left;
	margin-right:4px;
}

ul.sun .from {
	font-size:10px;
	color:#666
}

/* friends.php */

#friends
{
	padding:10px;
	list-style-type:none;
}

#friends table
{
	background-color:#ccc;
	margin-bottom:10px;
	font-size:10px;
	width:100%;
}

#friends a.li
{
	display:none;
}

#friends td
{
	background-color:#FFF;
}

#friends .l
{
	width:10%;
	text-align:center;
	padding:4px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#friends .l img
{
	border:1px solid #ccc;
}

#friends .m
{
	width:70%;
	padding-right:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#friends .m .status_head
{
	padding:4px;
}

#friends .m .status
{
	float:left;
	padding:4px;
}

#friends .m .status span
{
	color:#666666;
	font-weight:bold;
}

#friends .m .form
{
	clear:both;
}

#friends .m .response
{
	padding:4px;
	text-align:right
}

#friends .r
{
	text-align:right;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#friends .lu
{
	padding:4px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#friends td .link{
	float:right;
	clear:both;
	width:116px;
	padding:4px 10px;
	border-bottom:1px solid #CCCCCC;
}
#friends td .link a{
	color:#333;
	text-decoration:none;
}

#friends td .link.last{
	border-bottom:none;
}

#friends .container {
	float:left;
	border:1px solid #CCCCCC;
	margin:5px;
	font-size:11px;
	color:#333;
}
#friends .container .top_left {
	float:left;
	padding:10px;
	width:120px;
	height:90px;
	border-right:1px solid #CCCCCC;
	text-align:center;
}
#friends .container .top_right {
	float:left;
	padding:0px;
	width:229px;
	text-align:left;
}
#friends .container .top_right .link{
	float:right;
	clear:both;
	width:116px;
	padding:2px 0px;
	border-bottom:1px solid #CCCCCC;
}
#friends .container .top_right .link a{
	color:#333;
	text-decoration:none;
}
#friends .container .bottom_left {
	float:left;
	width:130px;
	padding:5px;

	border-top:1px solid #CCCCCC;
}
#friends .container .bottom_right {
	float:left;
	width:219px;
	sheight:50px;
	padding:5px;
	text-align:left;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:10px;
}


/* List Style Group */


.list1
{
	padding:10px;
	list-style-type:none;
}

.list1.search input
{
	width:200px;
}

.list1 table
{
	background-color:#ccc;
	margin-bottom:10px;
	font-size:10px;
	width:100%;
}

.list1 a.li
{
	display:none;
}

.list1 td
{
	background-color:#FFF;
}

.list1 .l
{
	width:10%;
	text-align:center;
	padding:4px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list1 .l img
{
	border:1px solid #ccc;
}
.list1 .m
{
	width:70%;
	padding-right:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list1 .m .status_head
{
	padding:4px;
}

.list1 .m .status
{
	padding:4px;
}

.list1 .m .status span
{
	color:#666666;
	font-weight:bold;
}

.list1 .m .form
{
	clear:both;
}

.list1 .m .response
{
	padding:4px;
	text-align:right
}

.list1 .r
{
	text-align:right;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list1 .lu
{
	padding:4px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list1 td .link{
	float:right;
	clear:both;
	width:116px;
	padding:4px 10px;
	border-bottom:1px solid #CCCCCC;
}
.list1 td .link a{
	color:#333;
	text-decoration:none;
}

.list1 td .link.last{
	border-bottom:none;
}

.list1 .container {
	float:left;
	border:1px solid #CCCCCC;
	margin:5px;
	font-size:11px;
	color:#333;
}
.list1 .container .top_left {
	float:left;
	padding:10px;
	width:120px;
	height:90px;
	border-right:1px solid #CCCCCC;
	text-align:center;
}
.list1 .container .top_right {
	float:left;
	padding:0px;
	width:229px;
	text-align:left;
}
.list1 .container .top_right .link{
	float:right;
	clear:both;
	width:116px;
	padding:2px 0px;
	border-bottom:1px solid #CCCCCC;
}
.list1 .container .top_right .link a{
	color:#333;
	text-decoration:none;
}
.list1 .container .bottom_left {
	float:left;
	width:130px;
	padding:5px;

	border-top:1px solid #CCCCCC;
}
.list1 .container .bottom_right {
	float:left;
	width:219px;
	sheight:50px;
	padding:5px;
	text-align:left;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:10px;
}

#loginform
{
	margin-top: 2px;
	text-align:left;
	font-size:10px;
	float:right;
}

#loginform table
{
	width:327px;
}

#loginform input.text
{
	width: 180px;
	height: 12px;
	border: 1px solid #909090;
	background-image:url("templates/modern/images/s2d/s2d_cs.gif");
	background-position:bottom;
	color:#FFF;
}
#loginform input.text:hover
{
	border: 1px solid #f0f0f0;
	background-image:url(images/invbar.gif);
	background-color:#404040;
}
* html #loginform input.text
{
	height: 12px;
}
#loginform label
{
	color: #000;
	width: 78px;
	font-size:10px;
}
#loginform .loginlink
{
	white-space:nowrap;
	vertical-align: top; /* ie likes this */
	line-height: 13px;
	font-size: 10px; /* for ie (to enforce the smaller than default line height for div) */
}

#loginform .checkbox
{
	float:left;
	margin:0;
	padding:2px;
	border: 1px solid #909090;
	background-image:url(images/bar.gif);
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
	width:13px;
	height:13px;
	vertical-align: top; /* ie likes this */
	line-height: 13px;
	font-size: 10px; /* for ie (to enforce the smaller than default line height for div) */
}
#loginform .checkbox input
{
	margin:0;
	padding:0;
	width:13px;
	height:13px;
	overflow:hidden;
}
#loginform .loginlink a, #loginform .loginlink a:visited
{
	float:left;
	border: 1px solid #909090;
	padding:2px 2px;
	background-image:url(images/bar.gif);
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
	margin-left: 2px;
	margin-right: 0px;
	line-height:13px;
	overflow:visible;
}
#loginform .loginlink a:hover, #loginform .loginlink a:active
{
	border: 1px solid #f0f0f0;
	background-image:url(images/invbar.gif);
	background-color:#404040;
	color: #ffffff;
}

#loginform .submit
{
	overflow:visible;
	margin:0px;
	padding:0px; /* IE6 */
	border: 1px solid #909090;
	background-image:url("templates/modern/images/n24/login_button.gif");
	background-position:center;
	padding:4px 13px;
	height:34px;
	text-decoration: none;
	color: #c0c0c0;
}

#loginform .submit:hover
{
	border: 1px solid #f0f0f0;
	background-image:url("templates/modern/images/n24/login_button_on.gif");
	background-color:#404040;
}

#loggedin
{
	/*background-color:#FFFFFF;*/
	float:right;
	height:40px;
	margin-top:3px;
	width:326px;
}

#loggedin .avatar {
	float:left;
	height:40px;
	width:40px;
	padding-bottom:4px;
	padding-right:4px;
}

#loggedin .text {
	float:left;
	text-align:left;
}

#loggedin .text a{
	color:#000 !important;
}

#loggedin .new {
	float:right;
	text-align:right;
	padding:7px;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
font-size: 11px;
list-style: none;
padding: 0;
margin: 0;
width:100%;
position:relative;
padding-left:2px;
font-weight:bold;
}

.tabsmenuclass li{
float:left;
height:24px;
margin-right:0;
vertical-align:middle;
white-space:nowrap;
width:auto;
}

.tabsmenuclass a{
color:#000;
display:block;
padding:6px 8px;
text-align:center;
text-decoration:none;
}

*html .tabsmenuclass a{
line-height: 13px;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: white;
background-image:url("templates/modern/images/s2d/s2d_navi_on.gif");
}


/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
width: 90%;
height: 24px;
color: white;
padding-left:2px;
}

.tabsmenucontentclass a, .tabsmenucontentclass a:visited{
color: white;
}

.tabsmenucontentclass a:active{
color: green;
}

.tabsmenucontentclass a:hover{
color:#333333;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
padding: 6px;
}

.tabsmenucontentclass li:hover{
	background-image:url("templates/modern/images/s2d/s2d_navi_on.gif");
}

/* ############################################# */
/* Eventkalender */
/* ############################################# */

#eventleft
{
	float:left;
	width:160px;
}

#eventleft .flyer
{
	border:1px solid #CCCCCC;
	margin:0 auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:122px;
}

#eventleft .flyer img
{
	border:1px solid #CCCCCC;
	width:120px;
	height:90px;
}

#eventleft .flyerheader
{
	background-color:#F8F8F8;
	margin:0 auto;
	padding:3px 5px;
	width:122px;
	margin:10px;
	font-size:11px;
	font-weight:bold;
	color:#666;
}

#eventleft .flyertext
{
	background-color:#F8F8F8;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0 auto;
	padding:3px 5px;
	width:122px;
	margin-bottom:10px;
	font-size:9px;
}

#eventleft .flyertext .ftl
{
	float:left;
}

#eventleft .flyertext .ftr
{
	text-align:right;
}

#eventright
{
	float:left;
	width:605px;
}

/* ############################################# */
/* Images Galerie */
/* ############################################# */

#images {
	font: 11px Arial, Helvetica, sans-serif;
}
#images .thumb {
	border:1px solid #ccc;
	background: #fff;
	padding:5px 5px 2px;
}
#images .thumb img {
	border:1px solid #ccc;
	height: 90px;
	width: 120px;
}
#images .thumb-wrap {
	float: left;
	padding: 5px;
	width: 134px;
}
#images .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

.group_users {
	font: 11px Arial, Helvetica, sans-serif;
}
.group_users .thumb {
	border:1px solid #ccc;
	background: #fff;
	padding:5px;
}

.group_users .checkbox {
	bottom:7px;
	float:right;
	position:relative;
	right:-6px;
}

.group_users .thumb img {
	border:1px solid #ccc;
	height: 80px;
	width: 80px;
}
.group_users .thumb-wrap {
	float: left;
	padding: 7px;
	width: 94px;
	height:110px;
}
.group_users .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

/* ############################################# */
/* Location */
/* ############################################# */

#location .left
{
	width:55%;
}

#location .right table
{
	width:auto;
	text-align:left;
}

#location .logo {
	border:1px solid #ccc;
	background: #fff;
	padding:5px;
	width:119px;
}
#location .logo img {
	border:1px solid #ccc;
	height: 35px;
	width: 116px;
}

/* ############################################# */
/* Register Tabs */
/* ############################################# */

.ui-widget-header {
	background: #333333 url("templates/modern/images/n24/login_button.gif") 50% 50% repeat;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	background: #111111 url("templates/modern/images/n24/login_button.gif") 50% 50% repeat-x;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background: #1c1c1c url("templates/modern/images/s2d/s2d_navi_on.gif") 50% 50% repeat-x;
}



/* ############################################# */
/* Form */
/* ############################################# */


.form {
	font-size: 12px;
}
/* General form styles
----------------------------------------*/
.form fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.form input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
}

.form select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

.form option {
	padding-right: 1em;
}

.form option.disabled-option {
	color: graytext;
}

.form textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

.form label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

.form label input {
	vertical-align: middle;
}

.form label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
.form fieldset dl {
	padding: 4px 0;
	clear:both;
}

.form fieldset dt {
	float:left;
	width: 50%;
	text-align: left;
	display: block;
}

.form fieldset dd {
	margin-left: 54%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Form elements */
.form dt label {
	font-weight: bold;
	text-align: left;
	vertical-align:top;
}

.form dt .desc{
	font-size:9px;
	font-weight:normal;
	clear:both;
}


.form dd {
	text-align: left;
	vertical-align:top;
}

.form dd label {
	white-space: nowrap;
	color: #333;
	vertical-align:top;
}

.form dd input, dd textarea {
	margin-right: 3px;
	vertical-align:top;
}

.form dd select {
	vertical-align:top;
}

.form dd textarea {
	width: 85%;
	vertical-align:top;
}


/* Input field styles
---------------------------------------- */
.form .inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.form .inputbox:hover {
	border: 1px solid #eaeaea;
}

.form .inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

.form input.inputbox	{ width: 85%; }
.form input.medium	{ width: 50%; }
.form input.narrow	{ width: 25%; }
.form input.tiny		{ width: 125px; }

.form textarea.inputbox {
	width: 85%;
}

.form .autowidth {
	width: auto !important;
}

/* Form button styles
---------------------------------------- */
.form input.button1, .form input.button2 {
	font-size: 1em;
}

.form a.button1, .form input.button1, .form input.button3, .form a.button2, .form input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #FAFAFA none repeat-x top;
}

.form a.button1, .form input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

.form input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
.form a.button2, .form input.button2, .form input.button3 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
.form a.button1, .form a.button1:link, .form a.button1:visited, .form a.button1:active, .form a.button2, .form a.button2:link, .form a.button2:visited, .form a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
.form a.button1:hover, .form input.button1:hover, .form a.button2:hover, .form input.button2:hover, .form input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}

.form input.disabled {
	font-weight: normal;
	color: #666666;
	border:#00CC00 2px solid;
}



/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

.form h1 {
	color: #FFFFFF;
}

.form h2 {
	color: #28313F;
}

.form h3 {
	border-bottom-color: #CCCCCC;
	color: #115098;
}

.form hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

.form .panel {
	background-color:#f3f3f3;
	border-color: #CCCCCC;
}


/* Misc layout styles
---------------------------------------- */
.form dl.details dt {
	color: #000000;
}

.form dl.details dd {
	color: #536482;
}

.form .sep {
	color: #1198D9;
}

/* Miscellaneous styles
---------------------------------------- */

.form .copyright {
	color: #555555;
}

.form .error {
	color: #BC2A4D;
}

.form .sucess {
	color: green;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

.form a:link	{ color: #105289; }
.form a:visited	{ color: #105289; }
.form a:hover	{ color: #D31141; }
.form a:active	{ color: #368AD2; }

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
.form select {
	border-color: #666666;
	background-color: #FAFAFA;
}

.form label {
	color: #425067;
}

.form option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
.form dd label {
	color: #333;
}

/* Hover effects */
.form fieldset dl:hover dt label {
	color: #11A3EA;
}

.form fieldset.fields2 dl:hover dt label {
	color: inherit;
}


/* Input field styles
---------------------------------------- */
.form .inputbox {
	background-color: #FFFFFF;
	border-color: #B4BAC0;
	color: #333333;
}

.form .inputbox:hover {
	border-color: #11A3EA;
}

.form .inputbox:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

/* Form button styles
---------------------------------------- */

.form a.button1, .form input.button1, .form input.button3, .form a.button2, .form input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("/images/bg_button.gif");
}

.form a.button1, input.button1 {
	border-color: #666666;
}

.form input.button3 {
	background-image: none;
}

/* Alternative button */
.form a.button2, .form input.button2, .form input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
.form a.button1, .form a.button1:link, .form a.button1:visited, .form a.button1:active, .form a.button2, .form a.button2:link, .form a.button2:visited, .form a.button2:active {
	color: #000000;
}

/* Hover states */
.form a.button1:hover, .form input.button1:hover, .form a.button2:hover, .form input.button2:hover, .form input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

.form input.disabled {
	color: #666666;
}

.form .th {
	background-image:url(images/n24/login_button.gif);
	width: auto;
	min-height: 17px;
	background-repeat:repeat-x;
	padding: 5px 12px 0px 12px;
	font: 10px Verdana;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}