body {
	margin: 0;
	padding: 0 0 10px 0;
	height: 100%;
	font-family: verdana, helvetica, arial, tahoma, sans-serif;
	font-size: 76%;
	font-weight: normal;
	color: #333;
	background: #ffffff url('../images/layout/bg-page.gif') repeat-x;
	width: 100%;
	text-align: center;
	line-height: 130%;
}
body.contentpane { text-align: left; background: #fff; padding: 10px 0px;}

.nodisplay { display:none; }
.clr-st, .clear { clear: both; line-height: 1px; font-size: 0.1em;}

ul {
	margin-left: 20px;
	padding: 0px;
	list-style: square;
	text-align: left;
}

ol { 
	margin-left: 24px;
	padding: 0px;
	text-align: left; 
}

li {
	line-height: 130%;
	padding-left: 5px;
	padding-top: 0px;
	text-align: left;
	font-size: 1.0em;
}
ol li { padding-left: 3px; }

img { border:0px; }

table {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	text-align: left;
	font-size: 1.0em;
	vertical-align: top;
	padding: 0;
	
}

h1 {
	margin: 16px 0;
	padding: 0;
	text-align: left;
	color: #4b5964;
	font-weight: normal;
	font-size: 1.6em;
	white-space: normal;
	line-height: 120%;
	
}

h2 {
	font-size: 1.2em; 
	font-weight: bold; 
	color: #dd8800;
	margin: 8px 0;
	padding: 0;
	text-align: left;
	line-height: 130%;
}

h3, h4, h5, h6 {
	font-size: 1.0em; 
	font-weight: bold; 
	color: #333333;
	line-height: 130%;
	letter-spacing: 0.3px;
	text-align: left;
	padding: 0;
	margin: 0;
}

h4 { color: #4b5964; }

p {
	text-align: left;
	line-height: 130%;
	letter-spacing: 0.3px;
	font-size: 1.0em; 
	margin: 12px 0px;
}

td p {
	line-height: 130%;
	letter-spacing: 0.3px;
}

div, table { font-size: 1.0em; text-align: left; }
div { margin: 0; padding: 0; border: 0; } 

form { margin: 0; padding: 0; width: 100%; }
form, input, textarea { 
	font-family: verdana, helvetica, arial, tahoma, sans-serif;
	font-size: 1.0em; 
}
textarea { text-align: left; }

input, select {
	margin-left: 0;
	margin-bottom: 8px;
	vertical-align: middle;
}

select {
	font-size: 1.0em;
	vertical-align: top;
	margin: 0;
	margin-bottom: 8px;
	height: auto;
}

label { margin-bottom: 8px; }

hr {
	color: #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: none;
	border-left: none;
	border-right: none;	
	height: 1px;
	width: 100%;
}

fieldset {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #a2a2a2;
	padding: 4px 0px;
	text-align: left;
	line-height: 130%;
	letter-spacing: 0.3px;
	width: 100%;
}

legend {
	margin: 0;
	padding: 0;
	color: #333;
}

a:link, a:visited, a:hover {
	color: #dd8800;
	font-weight: normal;
	text-decoration: none; 
}
a:hover { color:#39495a; text-decoration: underline; }

div#right a:link, div#right a:visited { color:#39495a; }
div#right a:hover { color: #dd8800; }

/*****************************************************/
/* ------ Topnavi ------ */
#topnavi {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 20px;
	width: 951px;
	text-align: left;
}

#topnavi ul.menu-nav {
	margin: 0;
	margin-right: 13px;
	padding: 0;
	list-style: none;
	float: right;
}

ul.menu-nav li {
	float: left;
	background-image: none;
	padding: 5px 0px 3px 7px;
	margin: 0;
	line-height: 12px;
}

ul.menu-nav li span, ul.menu-nav li a {
	color: #333;
	text-decoration: none;
	font-size: 0.9em;
}

ul.menu-nav li span.separator { font-size: 0.8em; }


/* ------ Body mit Hintergrundfoto ------ */
div#body-outer {
	width: 987px;
	margin: 0 auto;
	background: url('../images/layout/body-shadow.png') left 20px no-repeat;
	padding: 0;
}

div#body {
	width: 951px;
	margin: 0 auto;
	background: #0a374f;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 20px;
}


/* ------ Header + Suche ------ */
#header-box {
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0;
	background: transparent;
	text-align: right;
	width: 951px;
}

ul#fontbox, ul#fontbox-right {
	margin: 120px /*180px*/ 15px 8px 737px; 
	width: 199px;
	list-style: none;
	float: right;
}

ul#fontbox-right {
	margin-bottom: 15px;
	width: auto;
	text-align: right;
}

ul#fontbox li, ul#fontbox-right li {
	margin: 0;
	padding: 0px 2px;
	float: left;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-family: arial;
	background: #fff;
}

ul#fontbox li#first, ul#fontbox-right li#first { margin-right: 5px; }
ul#fontbox li#last, ul#fontbox-right li#last { margin-left: 5px; }
ul#fontbox li a, ul#fontbox-right li a { color: #333; font-weight: bold; text-decoration: none;}

div.search, div.mod_googleSearch {
	clear: both;
	padding: 0;
	padding-left: 737px; 
	padding-right:15px; 
	width: 199px;
	height: 25px;
	padding-bottom: 15px;
}

div.mod_googleSearch table { background: transparent; }

div.search input.inputbox, div.mod_googleSearch input.inputbox {
	border: none;
	margin: 0px;
	margin-top: 3px;
	width: 166px;
	height: 18px;
	background: #ffffff url('../images/layout/bg-searchinput.gif') repeat-x !important;
	padding: 1px 0px 1px 0;
	padding-left: 5px;
	font-size: 0.8em;
	line-height: 18px;
	float: left;
}

div.search input.button, div.mod_googleSearch input.button_img {
	padding: 0px;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	font-size: 1.0em;
	cursor: pointer;
	margin: 0;
	margin-left: 3px;
	float: right;
}


/* ------ Hauptmenu ------ */
#toolbar-box {
	clear: both;
	margin: auto;
	width: 927px /*921px*/;
	margin: 0px 12px /*15px*/;   
	height: 41px;
	padding: 0;
}

#horiz-menu {
	margin: 0;
	width: 903px /*921px*/;
	padding: 1px 12px;
	height: 39px /*41px*/;
	/*background: transparent url('../images/layout/transparent.png');*/
	background: transparent url('../images/layout/bg-mainmenu-rund-t70.png') no-repeat;
	float: left;
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
}

/* ------ Hauptbereich ------ */
#middlebox, #middlebox-right {
	margin: 6px auto 20px auto;
	background: url('../images/layout/content-top-928.png') 11px 13px no-repeat; 
	width: 951px;
	text-align: left;
	padding-top: 23px;
}
#middlebox-right { background: url('../images/layout/content-top-right-928.png') 11px 0 no-repeat; } 

#middlebox1 {
	padding-bottom: 10px;
	background: url('../images/layout/content-bottom-928.png') 11px bottom no-repeat; 
	width: 951px;
}
#middlebox-right #middlebox1 { background-image: url('../images/layout/content-bottom-right-928.png'); padding-bottom: 23px; } 

#middlebox2 {
	background: url('../images/layout/content-928.png') 11px 0 repeat-y; 
	width: 951px;
	padding: 0 15px;
}
#middlebox-right #middlebox2 { background-image: url('../images/layout/content-right-928.png'); } 


#middlebox-inner {
	width: 921px;
	text-align: left;
	background-color: transparent;
}

#right {
	background-color: transparent;
	width: 184px;
	margin: 0 12px 0px 22px;
	padding: 0 12px 10px 12px;
	text-align: left;
	float: left;
}

#main, #main-full {
	width: 677px;
	background-color: transparent;
	padding: 0;
	text-align: left;
	float: left;
	padding-bottom: 10px;
}
#main-full { width: 921px; }

#maincontent {
	margin: 0px 15px;
	display: table;
	background-color: transparent;
	padding: 0;
}


/* ------ Brotkrumnavi ------ */
#pathway-box {
	width: auto;
	height: 20px;
	line-height: 12px;
	background-color: transparent;
	margin: 0;
	padding: 0px 15px;
	font-size: 0.9em;
	color: #666;
}

#pathway-box a { text-decoration: none; color: #666; }
#pathway-box span.pathway { padding-bottom: 0px; font-weight: normal; }
#pathway-box img { padding: 2px 0;  vertical-align: top; margin-right: 4px;}


/* ------ user5-box optional ------ */
#user5-box {
	height: auto;	
	width: auto;
	padding: 6px 15px;
	margin: 0;
	background-color: #ffffff;
}


/* ------ Bottombox ------ */
#bottombox {
	height: auto;	
	width: auto;
	padding: 10px 30px;
	margin: 0;
	background-color: transparent;
	color: #fff;
	font-size: 0.9em;
	line-height: 14px;
}

#bottombox table td {
	padding: 2px 0;
}

#bottombox p { color: #fff; }

#bottombox a, #bottombox a:hover {
	color: #fff;
	text-decoration: none;
	background: url('../images/layout/link-bottombox.png') left 50% no-repeat;
	padding-left: 22px;
	line-height: 16px;
	display: block; 	
}
#bottombox a:hover { text-decoration: underline; }


/* ------ Footerbox ------ */
#footerbox {
	margin: auto;
	width: 951px;
	padding: 0;
	border: 0;
	background-color: transparent;
	height: 20px;
	text-align: left;
}

#footerbox span {
	margin: 0;
	padding: 4px 0px 0px 4px;
	color: #999;
	font-size: 0.8em;
	display: block;
}


/* ------ Pagination / Seitennavigation + pagescounter ------ */
.pagenav {
  text-align: center;
  width: auto;
  padding: 2px;
  margin: 0px;
  font-size: 0.9em;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:hover { color: #ff9900; text-decoration: none; }
.pagenavbar { padding-right: 5px; float: right; }

p.counter { text-align: center; font-size: 0.9em; }

ul.pagination {
	list-style-type:none;
	margin: 10px 0;
	padding:0;
	text-align: center;
}

ul.pagination li {
	display:inline;
	padding: 2px 4px 0;
	text-align:left;
	font-size: 0.9em;
}

ul.pagination li a { padding:2px; }


/* ------ Joomla-Teil ------ */

table.contentpaneopen {}

div.blog_more { margin: 6px 0px; }
table.blog { width: 100%; padding: 0; }

button, .button, input.button {
	padding: 0px 3px;
	height: auto;
	color: #333;
	text-align: center;
	vertical-align: middle;
	font-size: 1.0em;
	cursor: pointer;
	margin: 0;
	margin-bottom: 8px;
}

input.button {
	height: auto;
	vertical-align: top;
}

input.inputbox {
	margin: 0;
	margin-bottom: 8px;
	height: 16px;
	padding: 0px 1px;
	font-size: 1.0em;
	vertical-align: top;
	margin-right: 3px;
}

select.inputbox {
	font-size: 1.0em;
	height: auto;
	vertical-align: top;
	margin: 0;
	margin-bottom: 8px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

.contentcolumn { padding-right: 5px; }

.contentheading, td.contentheading, .componentheading {
	color: #4b5964;
	text-align: left;
	padding-top: 0px;
	font-size: 1.6em;
	font-weight: normal;
	white-space: nowrap;
	margin: 0;
	line-height: 120%;
}

td.contentheading, .componentheading, td.buttonheading {
	padding-top: 16px;
	padding-bottom: 0px;
	white-space: normal;
}

td.buttonheading { text-align: right; }
td.buttonheading img { padding: 0px; margin: 0; padding-left:4px; }

div.componentheading, h2.contentheading, h2.componentheading {
	padding: 0;
	margin: 16px 0 10px 0;
	white-space: normal;
}

.contentheading td {
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 0px;
	color: #4b5964;
}

td.contentheading a.contentpagetitle {
	color: #4b5964;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: bold;
}

.contentpagetitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchintro { width: 100%; }
table.searchintro td { font-weight: bold; }
table.searchintro img { vertical-align: top; }

table.ssi_table {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.ssi_table th {
	background: url(../images/layout/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
}

table.ssi_table td {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
}

table.pollstableborder td { padding: 2px; }

td.contentdescription { width: auto; }

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px 2px;
}

.sectiontablefooter {}

.sectiontableentry1, .sectiontableentry1 td, 
.sectiontableentry2, .sectiontableentry2 td { background-color : #ffffff; }

table.contentpane .sectiontableentry1 td, table.contentpane .sectiontableentry2 td, 
.sectiontableentry1 td, .sectiontableentry2 td{ padding: 4px 2px; }

.sectiontableentry1 td img, .sectiontableentry2 td img {
	vertical-align: top;
	margin: 0px;
	float: left;
}

.small { font-weight: normal; font-size: 0.9em; }
.extrasmall{ color: #dfdfdf; font-size: 0.8em; font-weight: normal; }

.createdby, .createdate, .modifydate {
	height: 15px;
	padding-bottom: 0px;
	color: #999;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc th {
   background: url(../images/layout/subhead_bg.png) repeat-x;
   color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
}


.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}

.code { background-color: #ddd; border: 1px solid #bbb; }

.article_seperator, .article_separator {
	border: 0;
	border-bottom: 1px solid #666;
	margin: 0;
	display: none;
}

a.readon, a.readon:link, a.readon:visited, a.readon:hover, 
span.readon a:link, span.readon a:visited, span.readon a:hover, a span.readon, 
a.internlink, a.externlink { 
   margin-top: 0px;
   padding: 0px 6px 1px 6px;
   line-height: 13px;
   background: #ff9900;
   color: #ffffff;
   font-size: 0.9em;
   text-decoration: none;
   text-transform: lowercase;
}

span.readon {
   margin-top: 4px;
   font-size: 1.0em;
   text-align: left;
}

span.readon a:link, span.readon a:visited, span.readon a:hover, a span.readon {
   margin: 0;
   font-size: 1.0em;
}


/* ------ Joomla-Messages + Tooltips ------ */
/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd { padding: 0; text-indent: 0;}
#system-message dd ul { list-style: none; text-indent: 0px; text-indent: 0px; margin: 0; }

#system-message dd.message ul { background: #eaf2ff; border: 1px solid #e5e5e5; }
/* System Error Messages */
#system-message dd.error ul { background-color: #e6c0c0; }
/* System Notice Messages */
#system-message dd.notice ul { background: #efe7b8; }

#syndicate{ float:left; padding-left: 25px; }

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text { margin: 0; font-size: 100%; }


/* ------ Module / Buttons rechts ------ */

div.moduletable {
	width: auto;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 5px;
	height: auto;
	font-size: 0.9em;
	background: transparent;
	border-bottom: 1px solid #ababab;
}

div.moduletable h3 {
	background: transparent;
	color: #333;
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 16px;
	margin-bottom: 4px;
	font-size: 1.0em;
	font-weight: bold; 
}

.moduletable table{
	float: none;
	width: auto;
}

.moduletable td, .moduletable p, .moduletable td p { padding: 0; margin: 0; text-align: left; }
.moduletable p { margin: 8px 0px; }

.moduletable ul { margin: 0; padding: 0; list-style: none; }
.moduletable li { line-height: 120%; padding: 0; margin: 0; }

.moduletable ul.latestnews li, ul.newsfeed li {
	margin: 3px 0px;
	background: url('../images/layout/pfeil-menu.gif') left 5px no-repeat;
	padding: 2px 0px 2px 9px;
}
.moduletable ul.latestnews span.date { font-style: normal; }


/* ------ CDU Ticker & Banner ------ */
div.ticker p { margin: 0; }
div.ticker font {
	font-family: verdana, helvetica, arial, tahoma, sans-serif;
	font-weight: normal;
	background: url('../images/layout/pfeil-menu.gif') left 6px no-repeat;
	padding: 3px 0px 3px 9px;
	font-size: 0.97em;
	line-height: 120%;
	display: block;
}

div.ticker a { text-decoration: none; display: block;  }
div.ticker a:hover { text-decoration: underline; }

div.ticker br {
	clear: both;
    visibility: hidden;
	display: none;
}

div.banner p { margin: 0; }
div.banner b img{ display: none; }

div.banner b {
	display: block;
	padding: 0px 0 4px 0;
}
div.banner font b { font-weight: normal; padding-top: 3px; }
div.banner b font b { font-weight: bold; padding: 0; padding-bottom: 3px; }

div.banner br { display: none; }


/* ------ CDUnet Loginform ------ */
form#smfloginform input.inputbox {
	border: 1px solid #a2a2a2;
	width: 80%;
}

form#smfloginform input.button {
	background: url('../images/layout/bg-loginbutton.gif') left top no-repeat;
	border: none;
	width: 94px;
	height: 23px;
	padding: 0;
	margin: 8px 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;	
}

div#cdunetlogin ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#cdunetlogin ul li {
	background: url('../images/layout/pfeil-menu.gif') left 6px no-repeat;
	padding: 3px 0px 3px 9px;
	line-height: 12px;
}

div#cdunetlogin ul li a { text-decoration: none; }


/* ------ Sitemap ------ */
.sitemap ul { list-style: none; margin: 0; padding: 0; }
.sitemap ul li { line-height: 18px; margin: 0; padding: 0; }

.sitemap ul li a { text-decoration: none; }
.sitemap ul li a:hover { text-decoration: underline; }

.sitemap ul.level_0 ul { list-style: none; }
.sitemap ul.level_0 li { margin-bottom: 4px;}
.sitemap ul.level_0 li a { font-weight: bold; font-size: 1.0em; }

.sitemap ul.level_1, .sitemap ul.level_2, .sitemap ul.level_3 { margin-bottom: 10px; }

.sitemap ul.level_1 li { background: url('../images/layout/pfeil-menu.gif') 14px 5px no-repeat; padding-left: 24px;  }
.sitemap ul.level_1 li a { font-weight: normal; font-size: 0.9em; color: #333333; }
.sitemap ul.level_2 li a { font-weight: normal; }

.sitemap li.active a { font-style	: italic; }


/* ------ Tabelle Termine ------ */

table.termine {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px 0;
}

table.termine th { background: #f0f0f0; }

table.termine td, table.termine th {
	text-align: left;
	vertical-align: top;
	padding: 5px 8px 5px 0px;
	margin: 0;
}


/* ------ Google Search Component ------ */
div#googleSearchUnitIframe { width: 100%; overflow: hidden; }

div.googleSearch input.inputbox { margin-top: 3px; }


/* ------ Article  Styling ------ */
.cols1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; float: left;}
.cols3 { width: 30%; }

.column1 , .column2 {
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
	padding: 0 10px;
}

.column2 , .column1 { float: left; margin: 0; }
.column2 { float: right; width: 45%; }

.article_row {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.article_column { border: solid 0px #ccc; padding: 0; }

h2.contentheading {  float: left; width: 89%; }
.article_row .cols2 h2.contentheading { width: 77%; }

p.buttonheading { text-align: right; float: right;  width: 10%; margin: 16px 0 10px 0;}
p.buttonheading a img { padding: 0px; margin: 0; padding-left:4px; vertical-align: top; }
.article_row .cols2 p.buttonheading { width: 22%; }


.pageinfo, .iteminfo, .articleinfo, .itemtext { clear: both; }

.blog .iteminfo, .articleinfo { font-size: 0.9em; }

.leading_separator {
	border-bottom: solid 0px #666666;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

/* ------ Kontakt  Styling ------ */

div.contact { margin:10px 0; }

address { font-style:normal; margin:10px 0; }
address p { line-height: 1em; }

span.marker { margin:0 10px 0 0; }

.contact_email_checkbox label {	float:none !important; }

.contact form { color:#000; padding: 10px 0; margin: 10px 0; }

.contact form div { margin: 10px 0 0; }

.contact label {
	float:left;
	font-weight: bold ;
	width: 14em;
	margin: 0px 0 0;
}

.contact label.copy {
	width:90%;
	padding:0 0 0 5px;
	font-weight: normal;
}

.contact input {
	color:#000;
	padding: 1px 1px 0;
	margin: 0px 0 0;
}

.contact .button {
	margin: 20px 10px 0 0;
	cursor: pointer;
}

label.textarea {
	float:none !important;
	margin: 0;
	margin-bottom: 4px;
	display: block;
	width: 100%;
}

#contact_text {
	width:80%;
	height:150px;
}

/* ------ Suche  Styling ------ */
form.search_result { }

fieldset.word, fieldset.phrase, fieldset.only { border: 0; padding: 8px 0; }
form.search_result input, form.search_result label { margin: 2px 0; }
form.search_result label { margin-right: 4px; }

fieldset.word label, fieldset.word input { margin: 0; }

.display { margin:20px 0 0; text-align:right; }

div.results li { margin-bottom: 8px; }
div.results p  { margin: 5px 0; }
div.results span.date { display: block; margin: 5px 0;} 


/* ------ Weblinks Styling ------ */
table.weblinks img { padding-right: 6px; }


/* ------ Form-Errors ------ */
.error { color: red; }
div.error { background: #e6c0c0; padding: 5px; }


/* ------ JCE-Editor ------ */
a.jce_file { line-height: 16px; }
img.jce_icon { vertical-align: top !important; }
span.jce_size { font-size: 0.9em !important; }
span.jce_size:before { content: "("; }
span.jce_size:after { content: ")"; }
div.jce_caption { 
	font-size: 0.9em; 
	border: 1px solid #999;	
	display: inline-block;
	background-color: #fff;
}
div.jce_caption div { text-align: left; padding: 3px; color: #333; clear: both; }

