/***********************************************

	©	Die Netzmacher
		fuer htcw.org

	Februar 2011

***********************************************/

/***** reset *****/
* {
	border: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin-bottom: .75em;
	margin-top: 1em;
}
p, ul, ol, dl {
	margin-bottom: 1em;
}
ul, ol {
	margin-left: 1.2em;
}
ol {
	padding-left: 2em;
}
form, pre {
	margin: 1em 0;
}
input, textarea, select {
	border: 1px solid #ccc;
}


/***** body *****/
html {
	height: 100%;	/* f. vert. Zentrierung HG-Grafik in FF/Opera */
}
body {
	background-color: rgb(0,0,85);
	/*background: rgb(0,0,85) url(../pics/bg.body.gif) repeat-y scroll center;*/
	color: rgb(231,231,231);
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 81%;
	height: 100%;
}


/***** boxes *****/
#wrap-outer {
	background-color: rgb(145,0,10);
	background-image: url(../pics/bg.wrap-outer.gif);
	background-position: 30px 180px;
	background-repeat: repeat-y;
	border-color: rgb(232,232,232);
	border-style: solid;
	border-width: 0 5px;
	margin: 0 auto;
	min-height: 100%;
	padding: 0 15px 0;
	position: relative;
	width: 950px;
}

#wrap-inner {
	float: right;
	margin-bottom: 15px;
	margin-top: 120px; /* Höhe #header + Abstand */
	/*padding-right: 15px;*/
	width: 750px;
}
#content-center {
	float: left;
	width: 550px;
}
#content-main {
	border-top: 1px solid #9F9F9F;
	margin-top: .25em;
	padding-top: 1em;
}
#content-main.columns1 {
	margin-bottom: 50px; /* Höhe #footer + Abstand */
	margin-top: 200px; /* Höhe #header + Abstand */
	padding: 0 15px 15px;
	width: 920px;
}
#content-right {
	float: right;
	width: 180px;
}
#content-right-txt {
	font-size: 90%;
	margin-top: 1.5em;
}

#content-left {
	float: left;
	margin-top: 120px; /* Höhe #header + Abstand */
	padding-bottom: 525px; /*Höhe Footer + Abstand */
	width: 180px;
}

#header {
	background-color: transparent;
	left: 15px; /* ^= #wrap-outer:padding-left */
	padding-top: 1em;
	position: absolute;
	top: 0;
	width: 950px; /* ^= #wrap-outer:width */
}
#header form {
	margin: 0;
}

#footer {
	bottom: 15px;
	left: 15px;
	position: absolute;
	width: 180px; /* ^= #content-left:width */
}
#footer p {
	/*margin-left: 15px;*/
	margin: 1em 0 0 9px;
}
#footer .csc-textpic-clear {
	margin-bottom: 1em;
}


.col-left, #header .col-center {
	float: left;
}
.col-right {
	float: right;
}


#menu-main {
}
#menu-service {
}
#menu-root {
	float: left;
	width: auto;
}
#menu-print, #menu-screen {
	float: right;
	font-size: .86em;
	width: auto;
}
#menu-screen {
	display: none;
}




/***** Elements *****/
h1 {
	font-size: 1.5em;
}
#content-main h1 {
	border-bottom: 1px dotted rgb(231,231,231);
	font-family: Georgia, Arial, Helvetica, Verdana, Geneva, sans-serif;
	margin: .5em 0 1em;
	padding-bottom: .5em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: .5em;
}
h3 {
	font-size: 1.1em;
	margin-bottom: .5em;
}
h4 {
	font-size: 1em;
	margin-bottom: .5em;
}
.csc-firstHeader {
	margin-top: 0;
}
#wrap-inner p, #wrap-inner li, #wrap-inner div {
	line-height: 150%;
}
#wrap-inner p, #wrap-inner ul {
	margin-bottom: 1em;
}
#wrap-inner li {
	margin-bottom: .25em;
}

dd.csc-textpic-caption {
	font-size: .86em;
	line-height: 125%;
}



/***** Login form *****/
.csc-loginform label, .csc-loginform input {
	display: block;
}
.csc-loginform input {
	background-color: #fff;
	border: 1px solid rgb(0,0,86);
	color: rgb(0,0,86);
	margin-bottom: .5em;
	width: 100%;
}
.csc-loginform input[type = "submit"]  {
	background-color: rgb(0,0,86);
	color: #fff;
	font-weight: bold;
}

/***** FCEs *****/
.img2cols {
	/*
	border-top: 1px dotted rgb(231,231,231);
	margin-top: 1.5em;
	padding-top: 1.5em;
	*/
	clear: both;
	margin-top: .5em;
	text-align: center;
}
#content-main .img2cols .col-left, #content-main .img2cols .col-right {
	background-image: url(../pics/bg.dia.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 202px;
	overflow: hidden;
	padding: 45px 35px 25px;
}
#content-main .img2cols * {
	border: none;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
/***** RTE *****/
.csc-uploads-fileName a, a.download {
	background-image: url(../pics/bg.download.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}.csc-uploads-description {
	font-weight: bold;
}
.csc-uploads-fileSize {
	vertical-align: top;
}



/***** Plugins *****/
/***** csv2table *****/
.kk_csv2table table {
	border-collapse: collapse;
	width: 100%;
}
.kk_csv2table .tr-odd {
	background-color: rgb(150,30,30);
}
.kk_csv2table .tr-headline,
.kk_csv2table .tr-even {
	background-color: rgb(160,30,30);
}
.kk_csv2table th,
.kk_csv2table td {
	border: 1px solid rgb(145, 0, 10);
	padding: .5em;
}
.kk_csv2table th {
	vertical-align: middle;
}
.kk_csv2table td {
	vertical-align: top;
}
.kk_csv2table .td-0 {
	font-weight: bold;
}
.kk_csv2table .td-last {
}
.kk_csv2table .contribution td {
	text-align: right;
}
.kk_csv2table .contribution .td-0 {
	text-align: left;
}

/***** tt_news *****/
#content-right .news-list-item a:link, #content-right .news-list-item a:visited {
	text-decoration: none;
}
#content-right .news-list-item a:focus, #content-right .news-list-item a:hover, #content-right .news-list-item a:active {
	border-bottom: 1px dotted #9F9F9F;
	text-decoration: none;
}
#content-right .news-list-item .news-list-date, #content-right .news-list-item .news-list-morelink {
	font-size: .86em;
}
#content-right .news-list-item span.news-list-date {
	display: block;
}

/***** matchreport *****/
.matchreport-single-item {
	background-color: rgb(165,0,0);
	padding: 10px;
}
.matchreport-single-item .news-single-category {
	font-family: Georgia, Arial, Helvetica, Verdana, Geneva, sans-serif;
	margin-bottom: 1em;
}
.matchreport-single-item h2, .matchreport-single-item h3 {
	margin: 0;
	text-align: center;
}
.matchreport-single-item h3 {
	font-weight: normal;
}
.matchreport-single-item .news-single-dateline {
	border-top: 1px dotted #9F9F9F;
	font-size: .86em;
	padding-top: .5em;
}
.matchreport-single-item .news-single-imgcaption {
	font-size: .86em;
}

.matchreport-single-item table.match-result {
	border-top: 1px dotted #9f9f9f;
	margin: 1em auto;
	padding-top: 1em;
}
.matchreport-single-item tr.match-teams td {
	font-weight: bold;
}
.matchreport-single-item tr.match-result td {
	font-size: 2em;
	font-weight: bold;
}
.matchreport-single-item table.match-result img {
	border: 5px solid #fff;
}
.matchreport-single-item table.match-result .td-left {
	text-align: right;
}
.matchreport-single-item table.match-result .td-left img {
	margin-right: 1em;
}
.matchreport-single-item table.match-result .td-middle {
	text-align: center;
}
.matchreport-single-item table.match-result .td-right {
	text-align: left;
}
.matchreport-single-item table.match-result .td-right img {
	margin-left: 1em;
}
.matchreport-single-item .news-single-img {
	text-align: center;
}

.matchreport-list-container .news-list-item {
	border-top: 1px dotted #9f9f9f;
	padding: .5em 0;
}
.matchreport-list-container h3 {
	margin-top: 0;
}
.matchreport-list-container .match-result {
	font-size: 1.25em;
	font-weight: bold;
}

/***** tx_mhbranchenbuch_newEntry *****/
#content-main fieldset.tx_mhbranchenbuch_newEntry label {
	background-color: rgb(160,30,30);
	padding: 2px;
}
#content-main fieldset.tx_mhbranchenbuch_newEntry span {
	color: rgb(231,231,231);
	display: block;
	margin-left: 160px;
	width: 320px;
}
.tx_mh_branchenbuch-advanced, .tx_mh_branchenbuch-premium, .tx_mh_branchenbuch-premium-1, .tx_mh_branchenbuch-premium-2, .tx_mh_branchenbuch-premium-3 {
	border-bottom: 1px dotted rgb(231,231,231);
	padding-bottom: 1em;
}
.tx_mh_branchenbuch-image {
	float:left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 150px;
}
.tx_mh_branchenbuch-info {
	/*?float:left; padding:0px 10px 0px 0px; margin:0px;*/
	margin-left: 160px;
}
.tx_mh_branchenbuch-more {
	text-align:right;
}

/***** tx_rgsmoothgallery *****/
.tx-rgsmoothgallery-pi1 .myGallery {
	border: 1px solid rgb(165,0,0);
}
#content-main .tx-rgsmoothgallery-pi1,
.tx-rgsmoothgallery-pi1 .jdGallery .loadingElement,
.tx-rgsmoothgallery-pi1 .jdGallery .slideElement {
	background-color: transparent;
}
#content-main .thumbnail {
	background-color: rgb(165,0,0);
	float: left;
	margin: 0 15px 15px 0 !important;
	padding: 5px;
}
#externalthumbs {
	margin-top: 1em;
}
#externalthumbs .label {
	display: none;
}

/***** tx-majordomo *****/
.tx-majordomo-pi1 {
	margin: 0 auto;
	width: 200px;
}
.tx-majordomo-pi1 .email {
	display: block;
	margin-bottom: .5em;
	width: 198px;
}
.tx-majordomo-pi1-button_left .unsubscribe, .tx-majordomo-pi1-button_right .subscribe {
	width: 100%;
}

/***** tx nb_forum *****/
.tx-nbforum-pi1 {
	background-color: rgb(165,0,0);
	padding: 15px;
}

	.tx-nbforum-pi1 .odd {
		background-color: rgb(150,30,30);
	}
	.tx-nbforum-pi1 .even {
		background-color: rgb(160,30,30);
	}
.tx-nbforum-pi1 input.button {
	border: none;
	vertical-align: bottom;
}
.tx-nbforum-pi1 .date {
	color: #ccc;
}
	.tx-nbforum-pi1 .date strong {
		color: #fff;
	}
.tx-nbforum-pi1 .article {
	border-bottom: 1px dotted rgb(231,231,231);
	margin-bottom: .75em;
	padding: .75em .75em .25em;
}


/***** tx powermail *****/
.tx-powermail-pi1 {
	background-color: rgb(165,0,0);
	padding: 15px;
}
fieldset.tx-powermail-pi1_fieldset {
	background-color: transparent;
	border: none;
	padding: 0;
}
fieldset.tx-powermail-pi1_fieldset legend,
.tx-powermail-pi1_confirmation p {
	color: rgb(231,231,231);
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 1.5em;
}
fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
	color: rgb(231,231,231);
}
fieldset.tx-powermail-pi1_fieldset input {
	background-color: #fff;
	color: rgb(0,0,86);
	margin-bottom: .5em;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
input.tx-powermail-pi1_confirmation  {
	background-color: rgb(0,0,86);
	border: 1px solid rgb(0,0,86);
	color: #fff;
	font-weight: bold;
	width: 306px;
}
.tx-powermail-pi1_confirmation td.powermail_all_label {
	font-weight: bold;
}






/***** Links *****/
a:link, a:visited {
	color: #9F9F9F;
	padding-bottom: 0.1em;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	border-bottom: none;
	text-decoration: none;
}
	#content-main a:link, #content-main a:visited {
		border-bottom: 1px dotted #9F9F9F;
	}
	#content-main a:focus, #content-main a:hover, #content-main a:active {
		border-bottom: none;
	}






/***** Navigation *****/
.menu ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.menu li {
	margin-bottom: .5em;
}
.menu li + li {
	border-top: 1px solid #9f9f9f;
	padding-top: .5em;
}
.menu li + li.spc, .menu li.spc + li {
	border-top: none;
}
.menu .spc {
	font-size: 50%;
	margin: 0pt;
	padding: 0pt;
}
.menu a:link, .menu a:visited, .menu span {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
}
.menu a:focus, .menu a:hover, .menu a:active {
	border-bottom: 1px dotted #9F9F9F;
	text-decoration: none;
}

#menu-main li ul {
	margin-left: 15px;
	margin-top: .5em;
}
#menu-main li li {
	margin-bottom: .3em;
}
#menu-main li li + li {
	border-top: 1px dotted #9f9f9f;
	padding-top: .3em;
}

#menu-main .cur a, #menu-main .cur span,
#menu-main .act a, #menu-main .act span,
#menu-main .actifsub a, #menu-main .actifsub span {
	background-image: url(../pics/bg.menu_cur.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
#menu-main .no a, #menu-main .no span {
	background-image: none;
	padding-left: 0;
}


#menu-root ul {
	list-style-type: none;
	margin: 0;
}
#menu-root li {
	float: left;
	font-size: .86em;
}


/***** misc *****/
.accessible {
	display: none;
}

.cb {
	clear: both;
	font-size: 1%;
	height: 0; /* do not revome it - it fixes IE behavior */
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.align-right {
	text-align: right;
}