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

Datei:							tvb-screen.css

Version:						1.0.1
Datum: 						20.5.2010
	
Autor:							Gabriele Engmann
Webseite:						tv-boeblingen.de
Beschreibung:				CSS-Anweisungen fuer die Bildschirmausgabe

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


/*******************************************
	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 { background-color: #ffffff; color: #555; padding: 0; }

pre { font-family: monospace; }
a { color: #b60000; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }
form { margin: 1em 0;}
p, pre, ul, ol { margin: 1em 0; }
ul, ol { margin: 1em 0; }
ul { padding-left: 14px; list-style-image: url(../img/bullet-dreieck.gif); }
ol { padding-left: 20px; }
li { margin: 0; padding: 2px 0; }
strong { font-weight: bold; font-size: 1.1em; }
img { border: 0; }

fieldset {  margin: 1em 0; padding: 1em 2em; border: 2px solid #ee9999; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; }
input, textarea, select { padding: 1px 0; font-family: Tahoma,arial,helvetica,sans-serif; font-size: 1em; color: #555; 
	border-width: 1px; border-style: solid; border-color: #aaa #c6c6c6 #ddd #ddd; }
legend { font-weight: bold; padding: 0 1em; color: #555; }

hr { margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ee9999; /* for ie */
	background-color: #ee9999; /* for everyone else */
	height: 2px;
	margin: 1em 0; 
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 2px #ee9999; 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; }
.dreieck { background: url(../img/bullet-dreieck.gif) no-repeat left center; padding-left: 14px; }


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

#main { position: relative; margin: auto; text-align: left; width: 1000px; }

#wrapper1 { position: relative; width: 100%; border-bottom: 1px solid #ccc; }
#overheader { height: 70px; }
#overheader-left { position: relative; width: 190px; float: left; height: 50px; background-color: #eee; padding: 10px; }
#overheader-middle { position: relative; width: 460px; float: left; padding: 6px 0 0 60px; }
#logo-klein { /*background: url(../img/logo-tvb-50px.png) no-repeat top left;*/ float: left; width: 66px; height: 60px; }
#overheader-right { position: relative; width: 250px; height: 50px; float: left; background-color: #eee; text-align: right; padding: 10px; }

#wrapper2 { position: relative; width: 100%; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
#header { position: relative; height: 132px; } /* 6mal 22px */
#header-left { position: relative; width: 210px; float: left; height: 100%; z-index: 10; }
#header-middle { position: relative; width: 500px; float: left; background-color: #fff; border-right: 20px solid #b60000; height: 100%; z-index: 10; }
#illustration { position: absolute; height: 132px; width: 500px; }
#cover-balken { height: 44px; position: relative; left: 0; top: 88px; z-index:10; }
#cover-bkgr { position: absolute; top: 0; left: 0; width: 100%; height: 44px; background-color: #333;  filter:alpha(opacity=40); opacity: .4; z-index: -1; }
#header-right { position: relative; width: 270px; height: 100%; float: left; background-color: #eebbbb; /*#ee9999;*/ }
#news { position: relative; height: 100%; overflow: auto; border-right: 2px solid #b60000; }
#logo-gross { position: absolute; top: -64px; left: 140px; background: url(../img/logo3d-tvb.png) no-repeat left top; width: 133px; height: 160px; 
	z-index: 20; }
#headerBalken { position: absolute; top:0; right: -20px; }

#wrapper3 { position: relative; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#content { position: relative; }
#content-left { position: relative; width: 210px; float: left; height: 100%; background-color: #eee; margin-bottom: 1em; }
#content-middle { position: relative; width: 500px; float: left; height: 100%; margin: 0 10px; }
#inhalt { margin: 1em 0.5em; }
#content-right { position: relative; background-color: #eee; width: 270px; float: left; margin-bottom: 1em; }
 
#wrapper4 { width: 100%; background-color: #eee; border-top: 3px solid #fff; }
#footer { position: relative; text-align: center; padding: 1em; }
#copy { margin-bottom: 1.5em; }
#footermenu  { margin: 1.5em 3em 0; }


/* --- 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%; margin-top: 30px; }

#start-wrapper1 { position: relative; width: 100%; border-bottom: 1px solid #ccc; text-align: center; }
#start-overheader { position: relative; height: 66px; width: 480px; margin: auto; padding-left: 140px; text-align: left; }
#start-overheader #logo-gross { top: -20px; left: 0; }

#start-wrapper2 { width: 100%; border-top: 3px solid #fff; border-bottom: 3px solid #fff; text-align: center; background-color: #b60000; padding: 5px 0; }
#start-header { position: relative; width: 600px; height: 132px; margin: auto; color: #fff; text-align: left;  }
#start-header-left {  position: relative; width: 300px; float: left; padding: 3px 18px 0 132px; }
#start-header-right { position: relative; width: 150px; height: 100%; float: left; }

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


/****************************************
		NAVIGATION
****************************************/

#mainnavi ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; background-color: #b60000; }
#mainnavi li { padding: 0 10px; border-bottom: 1px solid #990000; border-top: 1px solid #DA4D4D; line-height: 20px; display: block; }
#mainnavi li.act { background-color: #cc0000; border-bottom: 1px solid #b60000; border-top: 1px solid #ee6666; }
#mainnavi a { color: #fff; text-decoration: none; font-weight: bold; }
#start-header #mainnavi li.first { border-top: 0; }
#start-header #mainnavi li.last { border-bottom: 0; }

#submenu ul { list-style-type : none; list-style-image: none; margin: 0; padding: 0; }
#submenu li { padding: 0; } 
#submenu li.level1 { background-color: #d6d6d6; font-weight: bold; }
#submenu li.level2 { background-color: #eee; font-weight: normal; }
#submenu a { display: block; color: #555; text-decoration: none; padding: 0 10px; line-height: 20px; 
	border-bottom: 1px solid #b6b6b6; border-top: 1px solid #e6e6e6; }
#submenu .level2 a { border-top-color: #fff; border-bottom-color: #ccc; padding-left: 2em; font-weight: normal; }
#submenu a.no { color: #555; }
#submenu a.cur { font-weight: bold; color: #b60000; }


#rootline { padding: 0 0.5em; line-height: 21px; border-bottom: 1px solid #ccc; }
#rootline a { margin: 0 2px; }

#footer a { color: #555; }
#footer .col { float: left; text-align: left; margin: 0 1.4em; }
#footer .col a { display: block; }
#footer .level1 { font-weight: bold; font-size: 1.1em; }

.topnav-item { margin: 0 0.8em; font-size: 0.95em; }


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

#verein { font-size: 2.18em; line-height: 1em; padding-top: 6px;  }
#slogan { padding: 3px 0 0 55px; }
#pagetitle { padding: 1em 0.5em; margin: 5px 0 1em; }
#thema { font-size: 2em; font-weight: bold; margin: 0 1em; line-height: 44px; z-index: 20; color: #fff; text-align: right; 
	text-shadow: 3px 3px 3px #444; filter:Shadow(color=#444444, direction=135); }
#willkommen { line-height: 22px; font-size: 1.2em; }
#willkommen p { margin: 20px 0; }
#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 ul { margin: 0; }
#inhalt .csc-textpic img { border: 1px solid #ccc; padding: 3px; }
#inhalt-rechts .csc-textpic-border img { padding: 3px; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { position: relative; /*margin-bottom: 0;*/ }
.textpic-caption-container { position: absolute; bottom: 0; width: 100%; visibility: hidden; z-index: 50; }
.csc-textpic-image:hover .textpic-caption-container { visibility: visible; }
.csc-textpic-caption { position: relative; color: #fff; padding: 1px 5px 3px; /*font-weight: bold;*/ text-shadow: 1px 1px 1px #444444; }
#inhalt-rechts .csc-textpic-caption { font-size: 0.9em; }
.textpic-caption-bkgrnd { position: absolute; top: 0; height: 100%; width: 100%; background-color: #222;  filter:alpha(opacity=50); opacity: .5; z-index: -1; }


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; }

.csc-uploads { border: 0; }
.csc-uploads tr.tr-even { background-color: #eee; }

#teaser .contentbox { width: 290px; float: left; margin-top: 1em; }
#teaser .contentbox:first-child {margin-right: 20px; }
#teaser .contentbox .csc-header { margin: 0; }

.csc-frame-frame1 {  margin: 2em 0 1em; padding: 1em 2em; border: 2px solid #ee9999; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px;  }
#inhalt .csc-frame-frame1 .csc-header { margin-top: 0; }




/* --- rechte Spalte --- */
#inhalt-rechts .contentbox { margin: 1em 6px; background-color: #fff; border: 1px solid #ddd; }
#inhalt-rechts .contentbox:first-child { margin-top: 20px; }
#inhalt-rechts .csc-header { background-color: #b60000; color: #fff; padding: 0 6px; border-bottom: 1px solid #990000; border-top: 1px solid #DA4D4D; }
#inhalt-rechts .csc-header h2 { font-size: 1.1em; 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; }
#inhalt-rechts div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: 1px solid #ccc; }

/**********************************
	Formulare
**********************************/

#mailform .csc-mailform-field { margin: 4px 0; clear: both; }
#mailform .csc-mailform-label { margin: 1.5em 0 4px; font-weight: bold; }
#mailform label { float: left; width: 128px; text-align: right; padding-right: 8px; }
#mailform .csc-mailform-input, #mailform .csc-mailform-text { width: 280px; }
#mailform .csc-mailform-submit { margin: 1em 0 0 136px; font-size: 1.1em; font-weight: bold;  padding: 2px 1em;
	border: 1px outset #b60000; background-color: #b60000; color: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
	

.tx-felogin-pi1 form div { margin: 4px 0; clear: both; }
.tx-felogin-pi1 form fieldset div:first-child { margin-top: 2em; }
.tx-felogin-pi1 form label { float: left; width: 98px; text-align: right; padding-right: 6px; }
.tx-felogin-pi1 form input[type="submit"] { margin: 1em 0 0 104px; font-size: 1.1em; font-weight: bold;  padding: 2px 1em;
	border: 1px outset #b60000; background-color: #b60000; color: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
	
#inhalt-rechts .tx-felogin-pi1 h3 { background-color: #b60000; color: #fff; padding: 0 6px; border-bottom: 1px solid #990000; border-top: 1px solid #DA4D4D; 
	font-size: 1.1em; line-height: 1.6em; }
#inhalt-rechts .tx-felogin-pi1 div { margin: 1em 6px; }
#inhalt-rechts .tx-felogin-pi1 form div { margin: 4px 0; }
#inhalt-rechts .tx-felogin-pi1 form { margin: 0 6px; }
#inhalt-rechts .tx-felogin-pi1 fieldset { margin: 0; padding: 0.5em 2em; }
#inhalt-rechts .tx-felogin-pi1 form input[type="submit"] { margin: 0.5em 0 0; }
#inhalt-rechts .tx-felogin-pi1 label { float: none; text-align: left; width: 100%; }
#inhalt-rechts .tx-felogin-pi1 input {}

.tx-powermail-pi1 {}
.tx_powermail_pi1_fieldwrap_html { position: relative; margin: 4px 0; clear: both; }
.tx-powermail-pi1 label { float: left; width: 128px; text-align: right; padding-right: 8px; }
.powermail_text, .powermail_textarea{ width: 280px; }
.tx_powermail_pi1_fieldwrap_html_label { margin: 1.5em 0 4px; font-weight: bold; }
.powermail_submit, .tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit { margin: 0; font-size: 1.1em; font-weight: bold;  padding: 2px 1em;
	border: 1px outset #b60000; background-color: #b60000; color: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.powermail_submit  { margin: 1em 0 0 136px; }
span.powermail_mandatory, .powermail_mandatory_js { color: #b60000; font-weight: bold; }
span.powermail_mandatory { margin-left: 0.1em; }
.tx_powermail_pi1_fieldwrap_html_captcha { margin: 8px 0 2em; }
img.powermail_captcha { position: absolute; top: 0; right: 16px; }



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

/******************************************
		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; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
	
/*******************************
	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; padding-bottom: 2px}
.tx-jkpoll-pi1 .poll-results td.first { padding-top: 4px; border-top: 1px dotted #ccc; }
.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; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
	
	
/***************************************
	EXT perfectlightbox
***************************************/

#overlay  { background-color: #333; }