/*
blau		0950A0
hellblau	e1ebf7
grau		353535
*/

body {
	margin-top:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#363D43;
	line-height: 130%;
}

img{ border:0;}

#mitte a, #breite-mitte a, #rechts a { color:#000; font-weight:100; text-decoration:none;}
#mitte a:hover, #breite-mitte a:hover, #rechts a:hover { color:#000; text-decoration:underline;}

#mitte ul, #breite-mitte ul, #rechts ul{ padding-left:25px;}

/* --- DIVs ------------------------------------------ */
#rahmen{ width:890px; margin:auto; text-align:left; background-image:url(../pix/bg.jpg); background-repeat:repeat-y;}
	#innen {margin:0 20px;}
	#header1{ height:80px; background:#fff url(../pix/header1.jpg) no-repeat;}
	#header2{ height:90px; text-align:right; color:#fff;}
	#menuBar { height:26px; margin-top:5px; background:#363D43;}
		#menuHeader { width:200px; float:left;}
			#menuHeaderPad { margin-left:20px;}
		#menu{ height:25px; width:450px; float:left;}
		#suche { float:right; margin-right:5px; line-height:25px;}
	#submenu{ float:left; width:200px; padding-top:62px;}
	#breite-mitte {float:left; width:620px; padding-top:20px;}
	#mitte { float:left; width:430px; padding-top:20px;}
	#rechts { float:left; width:180px; margin-left:20px; padding-top:61px;}
	#footer{ height:50px; margin-top:15px; background:url(../pix/footer.jpg) no-repeat bottom; text-align:center;}
		#footerPad { margin:0 20px; border-top:1px solid #00427F;}
	
/* --- Menu ------------------------------------------ */
#menu ul { list-style:none; margin:0; padding:0; width:auto;}
	#menu li { float:left; margin-left:-1px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
		#menu a { color:#ccc; display:block; line-height:26px; padding:0 1em; text-decoration:none;}
		#menu a:hover, #menu a.cur1 { color:#363D43; background-color:#ccc; text-decoration:none;}

#menuHeader h1 {color:#ccc; font-weight:normal; line-height:24px; font-size:19px; margin:0 0 0 0;}

#submenu { line-height:1em;}
	#submenu ul { list-style:none; margin:0; padding-left:20px;}
		#submenu li { margin:0.5em 0;}
			#submenu li a { color:#363D43; text-decoration:none; background:url(../pix/wuerfel.gif) bottom left no-repeat; padding-left:10px;}
			#submenu a:hover, #submenu a.cur { background:url(../pix/wuerfel-hot.gif) bottom left no-repeat;}

/* --- Footer ---------------------------------------- */
#footer { line-height:1em;}
	#footer p {margin:5px 0;}
		#footer a { color:#363D43; text-decoration:none;}
		#footer a:hover { color:#363D43; text-decoration:underline;}

/* --- H1 - H5 --------------------------------------- */
#mitte h1, #breite-mitte h1 { font-size:160%; font-weight:bold; margin-bottom:0px;}
#mitte h2, #breite-mitte h2, #rechts h2 { font-size:130%; font-weight:bold; }
#mitte h3, #breite-mitte h3, #rechts h3 { font-size:130%; font-weight:200; }
#mitte h4, #breite-mitte h4, #rechts h4 { font-size:100%; font-weight:bold; color:#000; margin-bottom:1em;}
#mitte h5, #breite-mitte h5, #rechts h5 { font-size:160%; font-weight:100;}

#rechts h1 {margin-bottom:10px; margin-top:0; background-color:#2d4690; color:#FFF; padding:3px 0 3px 12px; font-size:160%; font-weight:100; letter-spacing:0.3em;}
#rechts h2, #rechts h3, #rechts h4, #rechts h5 { margin:0; margin-bottom:10px; padding:0; }

/* --- Kontaktformular -------------------------------- */
input, textarea {
        font: 1em Verdana, Arial, Helvetica, Sans-Serif;
        border: 1px #ccc solid;
        background: #fafafa;
        padding: 3px;
        color: #777;
}
input:focus, textarea:focus, input:hover, textarea:hover {background:#f0f0f0; color:#333; border-color:#666;}
fieldset.csc-mailform label {float:left; width:110px;}
fieldset.csc-mailform {border:0;}
.csc-mailform-submit { margin-left:110px;}
.csc-mailform-field { margin-top:10px;}

/* --- Suchformular -------------------------------- */
#suche input#submit {font-size:10px; padding:0; margin:0;}
#suche input#sword {font-size:10px; padding:1px; margin:0;}

/* --- Bilder ----------------------------------------- */
dd.csc-textpic-caption {background-color:#ddd; padding-left:5px;}

/* --- Sitemap ---------------------------------------- */
.csc-sitemap ul ul a{font-weight:100 !important;}


/* ----------------------------------------------------------------------------------
------ RTE --------------------------------------------------------------------------
---------------------------------------------------------------------------------- */

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
p.align-justify { text-align:justify;}

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* --- Eigene CSS ------------------------------------------- */
.weit  {line-height:140%;}
.klein {font-size:85%; line-height:1em;}

span.rot {color:#f00;}
span.gruen {color:#0f0;}
span.blau {color:#00427F;}
span.grau {color:#363D43;}

p.info { margin:10px; margin-left:20px; border:1px solid #ccc; background-color:#f9f9f9; border-left:12px solid #ccc; padding: 2px 10px;}
p.achtung { margin:10px; margin-left:20px; border:1px solid #0950A0; background-color:#e1ebf7; border-left:12px solid #0950A0; padding: 2px 10px;}

#rechts p.info { margin:10px; margin-left:0px; border:1px solid #ccc; background-color:#f9f9f9; border-left:12px solid #ccc; padding: 2px 10px;}
#rechts .p.achtung { margin:10px; margin-left:0px; border:1px solid #fcc; background-color:#fff9f9; border-left:12px solid #fcc; padding: 2px 10px;}

/* ----------------------------------------------------------------------------------
------ tt_news ----------------------------------------------------------------------
---------------------------------------------------------------------------------- */

/*--------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer,
.news-single-item HR.clearer,
.news-latest-container HR.clearer{ clear:right; height:1px; border:1px solid #fff; }

.news-latest-container HR.clearer { clear:left; }

/* --- tt_news LIST view -----------------------------------*/
.news-list-container { margin-top:20px;}
.news-list-container a { color:#00427F !important; font-weight:bold !important;}

.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px 3px 3px 2px;
	border:1px solid #666;
}
.news-search-form { padding:3px; margin-bottom:5px; border:1px solid #666; background-color:#F9FFE5; }
.news-search-emptyMsg{ margin:0; }
.news-search-form FORM { margin:0; }

.news-list-container H3 { margin-bottom:5px; padding:2px; border-bottom:1px solid #0950A0; }
.news-list-container H3 A:LINK,
.news-list-container H3 A:VISITED,
.news-list-container H3 A:HOVER { color:#fff; padding-left:2px; }
.news-list-container H3 A { color:#fff; }
.news-list-container P { padding-left:3px; }

.news-list-date { float:right; color:#3E551C; width:180px; text-align:right; height:20px; margin-top:-2px; margin-right:-2px; font-size:9px; 	font-weight:normal; }

.news-list-imgcaption { float:right; padding-top:3px; padding-right:3px; font-size:9px; }

.news-list-container IMG { float:right; border:1px solid #666; margin-bottom:5px; margin-right:2px; margin-left:5px; }
.news-list-category IMG { float:none; border:none; margin:0; }
.news-list-morelink,
.news-list-category { font-size:9px; margin-left:3px; }
.news-list-morelink  { margin-bottom:3px; }
.news-list-browse { text-align:center; }

/* --- tt_news Page-Browser --------------------------------- */
.tx-ttnews-browsebox { margin:3px; border:1px solid #666; padding:3px; background-color:#F9FFE5; }
.tx-ttnews-browsebox TD { font-size:10px; }
.tx-ttnews-browsebox-strong,
.tx-ttnews-browsebox-SCell { font-weight:bold; }
.tx-ttnews-browsebox-SCell P,
.tx-ttnews-browsebox TD P{ margin:0; }
.tx-ttnews-browsebox-SCell { background-color: #BBE53A; border:1px solid #666; }

.news-search-emptyMsg { font-size:11px; margin-left:10px; }

/* --- tt_news SINGLE view --------------------------------- */
.news-single-item {	margin-bottom:5px;}
.news-single-item a { color:#00427F !important; font-weight:bold !important;}

.news-single-item H2 { font-size:16px; font-weight:bold; color:#0950A0; margin-bottom:0; }
.news-single-item H3 { margin-bottom:15px; font-size:1.1em !important; }
.news-single-img { float:right; margin-left:5px; margin-top:1em; }
.news-single-imgcaption { padding:3px; clear:both; }
.news-single-category { float:right; }
.news-single-backlink, .news-single-backlink a { font-weight:bold; font-size:10px; margin-bottom:15px; margin-top:10px; }
.news-single-timedata { float:right; }
.news-single-timedata, .news-single-author,.news-single-imgcaption { font-size:9px; }
.news-single-additional-info { margin-top:15px; border:1px solid #666; padding:3px; padding-bottom:0; }
.news-single-related,.news-single-files,.news-single-links { border:1px solid #666; margin:0; margin-bottom:3px; padding:3px; }
.news-single-related DD, .news-single-links DD, .news-single-files DD { margin-left:20px; }
.news-single-related DT, .news-single-links DT, .news-single-files DT { font-weight:bold; font-size:11px; margin-left:5px; width:90%; }

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container { margin-top:10px; padding:3px; border:1px solid #333; background-color:#BBE53A; }
.news-amenu-container LI { padding-bottom:1px; }
.news-amenu-container UL { padding:3px; margin-top:5px; margin-left:0; margin-bottom:0; border:1px solid #666; background-color:#F9FFE5; list-style-type: none; }
.news-amenu-container H2 { color:#fff; padding:3px; border:1px solid #666; background-color:#769024; }
.news-amenu-item-year { font-weight:bold; border:1px solid #666; padding:2px; background-color:#769024; color:#fff; }


/* ----------------------------------------------------------------------------------
------ Newsticker -------------------------------------------------------------------
---------------------------------------------------------------------------------- */
/*
.newsticker { width:100%; height:1.2em; margin:5px 0; padding:0; overflow:hidden; }
	.newsticker ul { position:relative; left:750px; list-style-type:none; margin:0; padding:0;}
		.newsticker ul li {float:left; line-height:1.2em; margin:0; padding:0px; }
			.newsticker a { color:#000; margin-right:50px; text-decoration:none;}
			.newsticker a:hover { text-decoration:underline; }
*/



.tickercontainer { /* the outer div with the black border */
border:0; background:#fff; width:850px; height:27px; margin:0; padding:0; overflow:hidden; }

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position:relative; left:10px; top:8px; width:830px; overflow:hidden; }

ul.newsticker { /* that's your list */
position:relative; left:750px; /*font:bold 10px Verdana;*/ list-style-type:none; margin:0; padding:0;}

ul.newsticker li { /* important: display inline gives incorrect results when you check for elem's width */
float:left; margin:0; padding:0; background:#fff; }

ul.newsticker a { white-space:nowrap; padding:0; color:#000; text-decoration:none; /*font:bold 10px Verdana;*/ margin:0 50px 0 0; } 

ul.newsticker span { margin:0 10px 0 0; }