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

Datei:							tvb-print.css

Version:						0.0.1
Datum: 						2.5.2010
	
Autor:							Gabriele Engmann
Webseite:					tv-boeblingen.de
Beschreibung:				CSS-Anweisungen fuer die Druckausgabe

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

/***************************************
	GENERERAL ELEMENTS STYLES
****************************************/

* { margin: 0; padding: 0; }

body, html { border: 0; margin: 0; font-size: 0.86em; line-height: 1.3em; font-family: Tahoma,arial,helvetica,sans-serif; }
body { color: #000; padding: 0; }

pre { font-family: monospace; }
a { color: #000; }
form { display: none; }
p, pre, ul, ol { margin: 1em 0; }
ul, ol { margin: 1em 0; }
ul { padding-left: 14px; }
ol { padding-left: 20px; }
li { margin: 0; padding: 2px 0; }
strong { font-weight: bold; font-size: 1.1em; }
img { border: 0; }


hr { margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #999; /* for ie */
	background-color: #999; /* for everyone else */
	height: 2px;
	margin: 1em 0; 
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 2px #999; border-bottom: transparent; }

/* Headers, plain */
h1 { font-size: 1.64em; font-weight: bold; color: #cc0000; line-height: 1.3em; }
h2 { font-size: 1.40em; font-weight: bold; line-height: 1.3em; }
h3 { font-size: 1.18em; font-weight: bold; line-height: 1.3em; }

/* RTE / Table styling */
table { border: 1px solid #ccc; margin: 10px 0 0 0; border-collapse: collapse; }
table tr td { padding: 3px 6px; vertical-align: top; }
table tr th { padding: 3px 6px; font-weight: bold; }
table p { margin: 0; }
caption { caption-side: bottom; }

.align-center { text-align: center; }
.align-right { text-align: right; }
.clear { clear: both; }
.rot { color: #b60000; }


/****************************************
        LAYOUT
****************************************/

#main { position: relative; margin: auto; text-align: left; width: 100%; }

#wrapper1 { position: relative; width: 100%; border-bottom: 1px solid #ccc; }
#overheader {}
#overheader-left { position: absolute; display: none; }
#overheader-middle { position: relative; width: 100%; float: left; }
#logo-klein { float: left; width: 52px; height: 60px; }
#overheader-right { position: absolute; display: none; }

#wrapper2 { display: none; position: absolute; }

#wrapper3 { width: 100%; }
#content { position: relative; }
#content-left { position: absolute; display: none; }
#content-middle { position: relative; }
#rootline { position: absolute; display: none; }
#inhalt { margin: 1em 0.5em; }
#content-right { clear: both; position: relative; padding-top: 20px; }
 
#wrapper4 { position: absolute; display: none; }


/* --- 2-Spaltiger Content --- */
#inhalt .tx-rscontentcolumn-pi1 { position: relative; width: 100%; margin-bottom: 1em; }
#inhalt div.tx-rscontentcolumn-pi1 div.leftcol { position: relative; left: 0; margin: 0; padding: 0; width: 48%; }
#inhalt div.tx-rscontentcolumn-pi1 div.rightcol { position: relative; left: 4%; margin: 0; padding: 0; width: 48%; }
#inhalt .tx-rscontentcolumn-pi1 .csc-textpic-intext-left-nowrap .csc-textpicHeader { margin-bottom: 1em; }
#inhalt div.tx-rscontentcolumn-pi1 div.leftcol p:last-child, #inhalt div.tx-rscontentcolumn-pi1 div.rightcol p:last-child  { margin-bottom: 2.5em; }

/* --- Layout Startseite --- */

#start-main { position: relative; margin: auto; text-align: left; width: 100%; }

#start-wrapper1 { position: relative; width: 100%; border-bottom: 1px solid #ccc; }
#start-overheader { position: relative; height: 60px; }

#start-wrapper2 { width: 100%; }
#start-header { position: relative; width: 100%; }
#start-header-left {  position: relative; width: 100%; }
#start-header-right { position: relative; width: 100%; }

#start-wrapper3 { width: 100%; border-top: 1px solid #ccc; text-align: center; }
#start-content { position: relative; width: 600px; margin: auto; text-align: left; }


/**********************************************
		 Styles der Inhalte
**********************************************/

#verein { font-size: 2.18em; line-height: 1em;  }
#slogan { padding: 3px 0 0 55px; }
#pagetitle { padding: 1em 0.5em; margin: 5px 0 1em; }
#willkommen { line-height: 20px; font-size: 1.2em; }
#news p { margin: 2px 10px; }

#inhalt .csc-header { margin-top: 2em; clear: both; }
#inhalt .csc-header-n1 { margin-top: 0; }
#inhalt ul { margin-left: 1.5em; }
#inhalt ul ul { margin-top: 0; margin-bottom: 0; list-style-type: circle; list-style-image: none; }
#inhalt .csc-textpic { margin: 1em 0; }
#inhalt .csc-textpic img { border: 1px solid #ccc; padding: 3px; }

a.internal-link { background: url(../img/ico_link_intern.png) no-repeat right 3px; padding-right: 12px; }
a.external-link { background: url(../img/ico_link_extern.png) no-repeat right 3px; padding-right: 12px; }
a.download { background: url(../img/ico_link_download.png) no-repeat right 3px; padding-right: 12px; }


.contenttable tr.tr-even {background-color: #eee; }
.contenttable-51 { border: 0; }
.contenttable-51 td { min-width: 30px; }


/* --- rechte Spalte --- */
#inhalt-rechts .contentbox { margin: 1em 6px; border: 1px solid #b60000; width: 48%; float: left; }
#inhalt-rechts .csc-header { padding: 0 6px; }
#inhalt-rechts .csc-header h2 { font-size: 1.2em; line-height: 1.6em; }
#inhalt-rechts h3 { margin: 0; font-size: 1em; }
#inhalt-rechts p { margin: 1em 6px; }
#inhalt-rechts ul{ margin-left: 6px; margin-right: 6px; }
#inhalt-rechts ul ul { margin-top: 0; list-style-image: none; }
#inhalt-rechts li { padding: 0; margin-bottom: 6px; }
#inhalt-rechts .csc-textpic-imagewrap { margin: 1em 6px; }


/*******************************************
	EXT. tt_address
*******************************************/
.tx-ttaddress-pi1 #add-list .name { font-weight: bold; display: inline; }
.tx-ttaddress-pi1 #add-list .desc { display: inline; }
.tx-ttaddress-pi1 #add-list .desc:before { content: " - "; }


/******************************************
		EXT. tt_news
******************************************/

.news-latest-container { background-color: #ddd; font-size: 0.9em; line-height: 1.1em; }
.news-latest-item { border-bottom: 1px solid #e0e0e0; background: url(../img/verlauf-news.png) repeat-x top; padding: 2px 10px; }
.news-latest-cat { font-weight: bold; text-transform:uppercase; }
.news-latest-subheader p { margin: 0; }

.news-single-browse { margin-bottom: 0.5em; }
.news-single-item h2 { clear: both; margin-top: 0.5em; }
.news-single-infos { margin-bottom: 1em; }
.news-single-subheader { font-weight: bold; }
.news-single-image { float: right; margin-left: 10px; margin-bottom: 10px; }
.news-single-image img { border: 1px solid #ccc; padding: 3px; }
p.news-single-imgcaption { margin: 1px 0 5px; text-align: right; }
.news-single-additional-info { border: 1px solid #ccc; padding: 5px 1em; background-color: #f4f4f4; clear: both; }
.news-single-additional-info p { padding: 0; }
.news-single-additional-info dl { padding-top: 5px; }
.news-single-additional-info dl:first-child { padding-top: 0; }
.news-single-additional-info dt { padding: 2px 0; font-weight: bold; }
.news-single-additional-info a { margin: 0 5px; }
.news-single-related, .news-single-links { padding: 0; }
.news-single-backlink { margin-top: 1em; }


/********************************************
		EXT. sr_feuser_register
********************************************/

.tx-srfeuserregister-pi1 p { margin: .5em 0 0; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 label span { color: #cc0000; font-weight:bold; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #cc0000; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 22%; text-align: right; padding-right: 1em; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 73%; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit { margin-top: 0.5em; font-size: 1.1em; font-weight: bold;  padding: 2px 1em;
	border: 1px outset #b60000; background-color: #b60000; color: #fff; }
	
/*******************************
	EXT. jk_poll
*******************************/

/*.tx-jkpoll-pi1 h3 { margin: 2em 0 0; }*/
/*.tx-jkpoll-pi1 .poll-text p { margin: 0 0 0.5em; }*/
.tx-jkpoll-pi1 .poll-votes-all { font-weight: bold; }
.tx-jkpoll-pi1 .poll-results { border: 0; }
.tx-jkpoll-pi1 .poll-results td { padding: 0 10px 0 0; }
.tx-jkpoll-pi1 .poll-results td.first { padding-top: 6px; }
.tx-jkpoll-pi1 form div.input-field { margin: 3px 0; }
.tx-jkpoll-pi1 form p.captcha-text { margin: 0; }
.tx-jkpoll-pi1 form img { margin: 2px 0 6px; }
.tx-jkpoll-pi1 form input[type="text"] { width: 10em; margin: 6px 0; }
.tx-jkpoll-pi1 form input.pollsubmit { margin-top: 0.5em; font-size: 1.1em; font-weight: bold;  padding: 2px 1em;
	border: 1px outset #b60000; background-color: #b60000; color: #fff; }