/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


body {
	color: #000;
	margin: 10px;
	padding: 0; 
	background-image: url('/kickern-hh/images/logo_kickern-hamburg-vert.png');
	background-repeat: no-repeat;
	background-position: 5px 125px;
	background-color: #fff; 
}
body, th, td {
 font: normal 13px Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
}
h1, h2, h3, h4 {
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
 page-break-after: avoid;
}
h1 { font-size: 19px; margin: .15em 1em 0.5em 0 }
h2 { font-size: 16px }
h3 { font-size: 14px }
hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
img { border: none }


.clear{
	clear:both;
}

/* HEADER
----------------------------------------- */
#Header h1 {
	padding-top: 11px;
	padding-left: 42px;
	float: left;
}
#Header a { border-bottom: none; }
#Header h1 a:hover { border-bottom: none; background-color: transparent; }

#Advertisment {
	color: #999;
	border: 1px solid #999;
	margin-left: 95px;
	width: 270px;
	padding: 2px;
	text-align: center;
}
#Advertisment .notice {
	margin-bottom: -2px;
	font-size: 77%;
	text-align: right;
}

#LoginBox {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #000;
	font: normal 11px arial,sans-serif;
	padding-top: 2px;
	text-align: right;
	background-color: white;
}
#LoginBox .loginform input,
#LoginBox .loginform label,
#LoginBox .loginform a {
	width: 123px;
	font: normal 10px arial,sans-serif;
	margin: 0;
	padding: 0px;
}
#LoginBox .loginform input[type="checkbox"] {
	position: relative;
	top: 5px;
	left: 3px;
}

#LoginBox .loginform {
	font-size: 10px; 
}
#LoginBox div, #LoginBox p {
	padding-left: 3px; 
	padding-right: 3px; 
}
#LoginBox .loginform div label, #LoginBox .loginform p label {
}
#LoginBox .loginform #lostpw {
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: 1px dotted black;
}
#LoginBox .loginform #lostpw a {
	border: none;
}

/* CONTAINER
----------------------------------------- */
#Layout {
	clear: both;
	overflow: hidden;
	margin-top: -17px;
	margin-right: 23px;
	margin-left: 55px;
}
#Content {
	margin: 0;
	margin-right: 250px;
	text-align: left;
	margin-left: 23px;
}
#Content h3#Breadcrumbs {
	margin-left: -11px;
	margin-top: -11px;
	margin-bottom: 11px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
/* Navigation */
.nav h2, .nav hr { display: none }
.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
.nav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 white-space: nowrap;
}
.nav li.last { border-right: none }

/* Main navigation bar */
#Navigation {
	background: #f7f7f7 url(../images/topbar_gradient.png) 0 0;
	border: 1px solid #000;
	font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
	margin: .66em 0 .33em;
/*	padding: .2em 0; */
	padding: 2px 0;
	margin-left: 93px;
	position: relative;
	top: -30px;
}
#Navigation li { border-right: none; padding: 2px 0; }
#Navigation a:link, #Navigation a:visited {
 background: url(../images/dots.gif) 0 0 no-repeat;
 border-right: 1px solid #fff;
 border-bottom: none;
 border-left: 1px solid #555;
 color: #000;
 padding: .2em 20px;
}
* html #Navigation :link, * html #Navigation :visited { background-position: 1px 0 } 
#Navigation :link:hover, #Navigation :visited:hover {
 background-color: #ccc;
 border-right: 1px solid #ddd;
}
#Navigation .current :link, #Navigation .current :visited,
#Navigation .section :link, #Navigation .section :visited {
 background: #333 url(../images/topbar_gradient2.png) 0 0 repeat-x;
 border-top: none;
 border-right: 1px solid #000;
 color: #eee;
 font-weight: bold;
}
#Navigation .current :link:hover, #Navigation .current :visited:hover,
#Navigation .section :link:hover, #Navigation .section :visited:hover {
 border-right: 1px solid #000;
}

#SubNavigation {
	margin-top: -25px;
	margin-left: 3px;
}
#SubNavigation li {
	padding-top: 2px;
	font-size: 11px;
}
#SubNavigation .current {
	font-weight: bold;
}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
	text-align: left;
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar { 
 	width: 200px; 
	float: right;  
	margin-left: 42px;
	margin-bottom: 555px;
	padding: 0;
}
#Sidebar .sidebarBox {
	margin-bottom: 23px;
}
#Sidebar .sidebarBox > * {
	padding: 0;
	margin: 0;
	padding-left: 7px;
}
#Sidebar .sidebarBox > h2,
#Sidebar .sidebarBox > h3,
#Sidebar .sidebarBox > h4 {
	margin-bottom: 5px;
	margin-left: -7px;
}
#Sidebar .sidebarBox > ul {
	padding-left: 0;
	margin-left: 19px;
}
#Sidebar .sidebarBox > ul > li {
}
#Sidebar .sidebarBox > p {
	margin: 0px;
	text-align: justify;
}


#BlogContent .blogEntryInfo {
	margin-top: -11px;
	color: #444;
}
#BlogContent .blogTeaser p {
	padding: 0px;
	margin: 0px;
	padding-left: 23px;
	margin-top: 11px;
	margin-bottom: -11px;
}
#BlogContent div.blogTeaser {
	padding: 0px;
	margin: 0px;
}
#BlogContent .blogSummary .blogTeaser .readmore {
	float: right;
}

#ForumContent #Content {
	margin-right: 242px;
}
#ForumContent .topicList {
	width: 100%;
}
#ForumContent .userProfile table {
	margin-left: 23px;
	margin-right: 23px;
	float: left;
}
#ForumContent .userProfile table td {
	vertical-align: top;
}
#ForumContent .userProfile table .actions {
	text-align: right;
	border: none;
}
#ForumContent .userProfile table .actions a {
	margin-left: 23px;
}
#ForumContent .userProfile div.latestPosts {
	float: left;
}
.forumSidebar .forumSearch input.text {
	width: 123px;
}
.forumSidebar .forumSearch input.submit {
	42px;
}
.forumSidebar .forumSelector select {
	width: 190px;
	font-size: 11px;
}



#subnav-privmsg-post,
#subnav-privmsg-inbox,
#subnav-privmsg-sent,
#subnav-privmsg-archive {
	padding-left: 20px;
	margin-right: 5px;
	padding-right: 5px;
}
#subnav-privmsg-post { 
	background: url('../images/icons/16x16/edit.png' ) left center no-repeat;
	margin-right: 23px;
	padding-right: 23px;
}
#subnav-privmsg-inbox { 
	background: url('../images/icons/16x16/mail.png' ) left center no-repeat;
}
#subnav-privmsg-sent { 
	background: url('../images/icons/16x16/mail_up.png' ) left center no-repeat;
}
#subnav-privmsg-archive, .actionSave { 
	padding-left: 20px;
	background: url('../images/icons/16x16/database.png' ) left center no-repeat;
}
.actionDelete {
	background: url('../images/icons/16x16/recycle.png' ) left center no-repeat;
	padding-left: 20px;
}
.actionReply {
	background: url('../images/icons/16x16/refresh.png' ) left center no-repeat;
	padding-left: 20px;
}
.typography table.privmsgList,
.typography table.privmsgMessage,
.privmsgError {
	width: 97%;
	clear: both;
}
.privmsgList th {
	padding-left: 5px;
}
.privmsgList td,
.privmsgMessage {
	vertical-align: top; 
}
.privmsgList .colSubject {
	width: 50%;
	min-width: 50%;
	border-left: none;
}
.privmsgList .colSubject .unread {
	font-weight: bold;
}
.privmsgList .colDate {
	white-space: nowrap;
	width: 10%;
	max-width: 10%;
}
.privmsgList .colAuthor a,
.privmsgList .colRecipients a {
	width: 30%;
	max-width: 30%;
	white-space: nowrap;
}
.privmsgList th.colStatus,
.privmsgList th.colActions {
	visibility: hidden; 
	overflow: hidden;
}
.privmsgList .colStatus {
	width: 18px;
	max-width: 18px;
	border-right: none;
}
.privmsgList td.colStatus {
	border-right: 1px dotted #ddd;
}
.privmsgList td.colStatus a {
	display: block;
	overflow: hidden;
	width: 0px;
	max-width: 0px;
	padding-left: 16px;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid white;
}
.privmsgList td.colStatus a:hover {
	border: 1px inset #aaa;
	background-color: #ddd;
}
.privmsgList td.colStatus a.statusUnread {
	background: url('../images/icons/16x16/star.png' ) left center no-repeat;
}
.privmsgList td.colStatus a.statusNormal {
	background: url('../images/icons/16x16/comment.png' ) left center no-repeat;
}
.privmsgList td.colStatus a.statusDone {
	background: url('../images/icons/16x16/accept.png' ) left center no-repeat;
}

.privmsgList .colActions {
	white-space: nowrap;
	width: 80px;
	max-width: 80px;
	min-width: 80px;
}
.privmsgList td.colActions a {
	width: 0px;
	max-width: 0px;
	padding-left: 16px;
	margin-left: 3px;
	margin-right: 3px;
	float: left;
	overflow: hidden;
	display: block;
	border: 1px solid white;
}
.privmsgList td.colActions a:hover {
	border: 1px inset #aaa;
	background-color: #ddd;
}

.privmsgMessage .colLabel {
	width: 7%;
	max-width: 7%;
	white-space: nowrap;
	text-align: right;
	padding-right: 5px;
}
.privmsgMessage span.Signature {
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
	display: block;
}
.privmsgMessage .colActions {
	text-align: right;
	border: none;
}
.privmsgMessage .colActions a {
	margin-left: 23px;
}




#Layout .Signature {
	font-size: 10px;
	font-family: "Courier New",fixed;
	white-space: pre;
}

form .field { clear: both;  }
form .field .left { float: left; text-align: right; width: 150px; margin-top: 23px; padding-right: 23px; }
form .field .middleColumn { clear: none; float: left;  }
form div.field div
{
	margin-bottom: 0px;
	margin-top: 3px;
}
#Layout form div.field label {
	margin-bottom: 0px;
	margin-top: 11px; 
	width: 111px;
}
form input.text,
form select,
form textarea {
	width: 100%;
}
#Layout form input.text,
#Layout form textarea {
	margin-left: -3px;
}

#Layout form textarea {
	font-family: "Courier New",fixed;
}

form .message  {
	width: 505px;
}
form input.action {
	width: 77px;
	margin-top: 11px;
	margin-left: 588px;
	margin-bottom: 23px;
}
form .middleColumn {
	width: 523px;
	text-align: center;
}



#Layout #Form_EditProfileForm input.text,
#Layout #Form_EditProfileForm select,
#Layout #Form_EditProfileForm textarea {
	width: 495px;
	margin-left: 0px;
}
#Layout #Form_EditProfileForm .middleColumn {
	text-align: left;
}

#Sidebar select, #Sidebar input { 
	font-weight: normal;
	font-family: Arial, Heletica, Sans-Serif;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

#Sidebar .tagcloud .not-popular { font-size: 90%; }
#Sidebar .tagcloud .not-very-popular { font-size: 105%; }
#Sidebar .tagcloud .somewhat-popular { font-size: 120%; }
#Sidebar .tagcloud .popular { font-size: 135%; }
#Sidebar .tagcloud .very-popular { font-size: 150%; }
#Sidebar .tagcloud .ultra-popular { font-size: 165%; }




/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}
#PageComments p {
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
	}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
	text-align: center; 
}