@charset "utf-8";
/*
Hintergrund		fff
Schrift			000
Dunkelblau		174e8f
Links			
Hellgrau		e3e4e5
*/

body {
	background:#fff url(../pix/blauer-balken.gif) repeat-x;
	font: 11px/125% "Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
	color: #555;
	margin:0;
}

	
/*--- Links --------------------------------------*/
a { color:#174e8f; text-decoration:none;}
a:hover { color:#8795c2; text-decoration:underline;}

a img { border:0;}

td img { margin-bottom:10px;}

/*--- DIVs ---------------------------------------*/
#rahmen { width:950px; margin:auto;}
	#header { height:156px;}
	#menu-bar { height:28px; padding-left:141px;}
		#menu { width:640px; float:left}
		#home { width:40px; float:left;}
	#spalten { clear:both;}
		#werbung-links { width:134px; float:left; text-align:center; padding-top:7px;}
			#sprache { line-height:28px; margin:0 7px; background-color:#e3e4e5;}
				#sprache img { margin:8px 2px;}
			#suche { margin:7px; background-color:#e3e4e5;}
				#suche-textfeld {display:inline; vertical-align:middle; height:16px; width:80px; margin:7px 0; padding:0}
				#suche-button {display:inline; vertical-align:middle; height:16px; width:16px; margin-left:3px; padding:0;}
			#newsletter-link { padding:8px 0; margin:0 7px 7px 7px; background-color:#e3e4e5;}
		#content { width:682px; float:left; margin-bottom:-20px; background:url(../pix/bg-content.jpg) no-repeat;}
			#content-breit { width:668px; margin-left:7px;}
			/*
			#content-links { width:450px; margin:155px 0 0 15px; float:left;}
			#content-rechts { width:181px; margin:155px 0 50px 20px; float:left;}
			*/
			#content-links { width:450px; margin:20px 0 0 15px; float:left;}
			#content-rechts { width:181px; margin:20px 0 50px 20px; float:left;}
		#werbung-rechts { width:134px; float:left; margin-top:7px; text-align:center;}
	#footer { text-align:right; padding-right:180px; font-size:10px; clear:both;}
	#banner-bottom {}


/*--- Menu ---------------------------------------*/

/* Startseite */
#iconmenu div { width:200px; line-height:150%; margin:0 0 50px 20px; float:left;}
#iconmenu div img { margin-right:10px; float:left;}
#iconmenu div span { color:#004d93; text-transform:uppercase;}

#aktuelle-ausgabe { margin-top:50px;}
	#aktuelle-ausgabe img { margin-left:13px;}
#clear-startseite { clear:both;}

/* Icon Menu rechts */
#content-rechts div {font-size:11px; line-height:150%; padding-top:20px; clear:both; border-top:2px dotted #174e8f;}
#content-rechts div img { float:left; margin-top:-20px;}
#content-rechts div span { color:#004d93; text-transform:uppercase;}
#erstes-icon { border-top:0px !important;}

/*--- Content ------------------------------------*/

#content-links img { border:1px solid #174e8f;}

/* H1 - H5 */
h1 { font-size:15px; color:#174e8f; text-transform:uppercase;}
h2 { font-size:13px; color:#555; text-transform:uppercase;}
h3 { font-size:11px; color:#174e8f; text-transform:uppercase;}

/* Eigene Boxen */
.visitenkarte { background-color:#ecedef; margin-bottom:20px;}
.visitenkarte img { border:0 !important;}
.csc-textpic-image img { margin-bottom:10px;}
.visitenkarte .csc-textpic-image img { margin-bottom:-5px !important;}

#news-startseite { height:155px;}
	.newsbox-startseite { height:100px; text-transform:uppercase; font-size:13px; overflow:hidden; margin:8px 40px 0 40px; padding:25px 0 0 164px; background:url(../pix/newsbox.jpg) no-repeat;}
		.newsbox-startseite p { margin:10px; }
			.newsbox-startseite a {color:#555;}
.newsbox { border-bottom:2px dotted #174e8f;}

table { width:99%; border-spacing:0; border-top:1px solid #174e8f; border-left:1px solid #174e8f;}
td, th { padding:2px 4px; border-bottom:1px solid #174e8f; border-right:1px solid #174e8f;}
th { background:#ecedef;}
tr:hover { background:#e3e4e5;}

.csc-textpic-imagewrap {margin-bottom:10px;}
/*--- Werbung -------------------------------------*/
#werbung-links img, #werbung-rechts img { margin-top:7px;}

/* --- Formulare --------------------------------- */
#content input, 
#content textarea { font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background: #fafafa; padding:3px; color:#777;}

#content input[type=text], 
#content textarea { width:220px; }

#content input[type=text]:focus, 
#content input[type=submit]:focus, 
#content textarea:focus,
#content input[type=submit]:hover,
#content input[type=text]:hover, 
#content textarea:hover { background:#f0f0f0; color:#333; border-color:#666;}

#content .csc-mailform-field { margin:5px 0;}
#content input[type=submit] { margin-left:90px;}
#content fieldset.csc-mailform label { float:left; width:100px;}
#content fieldset.csc-mailform { border:0;}


/*--- Menu ----------------------------------------*/

/*
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.
*/
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul { margin:0; padding:0; list-style:none; }

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul { display:none; position:absolute; top:16px; margin-top:13px; left:-1px; width:150px; }

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
/*	top: -1px; */
	top: -0px; margin-top:0; left:150px;}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li { float:left; display:block; position:relative; }
.menulist a { display:block; padding:0 10px; text-decoration:none; line-height:30px; color:#fff; text-transform:uppercase; }
.menulist a:hover, .menulist a.highlighted { color:#ced3e7;}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li { float:none; margin:0; margin-bottom:0; }
.menulist ul li a, .menulist ul li a:hover, .menulist ul li a.highlighted {color:#555;}
.menulist ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }



/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { }
/*
.menulist ul li a.highlighted { color:#FF0000; }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind { display:none; }
.menulist ul a .subind { display:block; float:right; }
.menulist ul li { border-bottom:2px dotted #174e8f; background-color:#fff;}
.menulist ul li a {/* background:#fff url(../pix/menu-bg.gif) repeat-x bottom;*/}
.menulist ul li a:hover, .menulist ul li a.highlighted {background-color:#ced3e7; /*background:#ced3e7 url(../pix/menu-bg-hover.gif) repeat-x bottom;*/}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float:left; }
.menulist ul a { float:none; }
/* \*/
.menulist a { float:none; }
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li { float:left; width:100%; }
* html .menulist ul li { float:left; height:1%; }
* html .menulist ul a { height:1%; }
/* End Hacks */

/*--- Menu fallback -------------------------------*/
.menulist li:hover>ul { display:block; }

/* --- Blog -------------------------------------- */
.left_image img {float:left; margin:0 10px 10px 0;}
.postmetadata {clear:both; text-align:right; }
.post { border-bottom: 1px solid #000; }
.tx-pagebrowse-pi1 { margin-top:10px; }

/* --- RTE -------------------------------------- */
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-justify { text-align:justify; }

.csc-frame-frame1 {}
.csc-frame-frame2 {}

.detail, .important, .name-of-person { font-weight:bold; }
.detail { color:#030; }
.important { color:#900; }
.name-of-person { color:#009; }

/* --- direct_mail ------------------------------ */
#tx-sremailsubscribe-pi1-module_sys_dmail_html { visibility:hidden; }

/* --- tt_news ---------------------------------- */
.news-list-item { margin-bottom:15px; border-bottom:2px dotted #174e8f; }

.news-single-item h2 { font-size:11px; text-transform:none; }

/* nito Logo ------------------------------------ */
#nito { margin:30px 0;}
#nito img { float:left; margin-right:5px; border:0;}
#nito-text { float:left; display:block; margin-top:28px; font:10px/12px Verdana, Geneva, sans-serif; color:#000; }
#nito-text a { color:#000; text-decoration:none; font-weight:normal;}
#nito-text a:hover { color:#000; text-decoration:underline;}