body { font-family: Arial, Verdana, Helvetica, sans-serif;	margin: 0px; padding: 0px; font-size: 12px;	font-weight: normal; color: #000000; text-align: left;}
#main { background: url(../images/bg.png) repeat-x #fff; padding: 0 10px; margin: 0 0 20px 0; text-align: center; }
#main_top {width:100%;height:100px;}
.container { padding: 0px; margin: 0 auto; text-align: left; }


/*-----------------------------------*/
/*----------------- Linke Spalte ------------------*/
/*-----------------------------------*/

#left_out,#right_out{margin-top:-80px; }
#left_out { float: left; }
#logo { box-shadow:0 -4px 3px #999;border-radius:4px 4px 0 0;background-color:#fff;background-repeat: no-repeat; padding: 30px 10px 0 10px; margin-bottom:20px; min-height: 100px; }


/*-----------------------------------*/
/*----------------- Sidebars ------------------*/
/*-----------------------------------*/

.sidebar h3, #box_content h3 { color: #FFFFFF;margin: 5px -10px;border-radius:4px; padding: 10px; text-align: left; font-weight: bold; font-size: 13px; }
.sidebar > div, #box_content > div { margin: 0 0 10px 0; padding: 0 15px 20px 15px; overflow: hidden; border-radius:4px;}

.sidebar ul {margin: 0;	padding: 0px; list-style-type: none;}
.sidebar ul.menu li{padding: 0px; margin: 0px;color:#999;list-style-type: none;}
.sidebar ul.menu ul { padding: 0 0 0 15px; margin: 0px 0px 5px 0px; list-style-type: disc; }
.sidebar ul.menu ul li{ padding: 0px; margin: 0px; list-style-type: disc; }
.sidebar ul.menu a  { color: #555; font-size: 12px; border-top: 1px solid #ccc; padding: 7px 5px; display: block; text-decoration: none !important; }
.sidebar ul.menu li:first-child a  { border-top: 0 none !important; }
.sidebar ul.menu ul a { padding: 4px 5px; margin: 0px; background: none !important; border: none !important; }
.sidebar ul.menu li a:hover, .sidebar ul.menu li li.current a:hover, .sidebar ul.menu li li.current a,  .sidebar ul.menu li li.current a { text-decoration: none; color: #000;}
.sidebar ul.menu li.current ul li a { background: none !important; }

/*-----------------------------------*/
/*----------------- Rechte Spalte ------------------*/
/*-----------------------------------*/

#right_out { padding: 0 0 0 10px; }
#header { height: 116px; display: block; margin: 0 0 10px 0; }
.banner{margin:10px 0;}
.banner img{max-width:100%;width:100%;}

#pathway_out {border-radius:4px;display: block; margin: 0 0 10px 0;padding:3px 16px;}
#pathway { height: 24px; line-height: 24px; float: left; }
#pathway a, #pathway span {font-size: 11px;color: #999999; }

#search { margin: 0; padding: 4px 5px; overflow: hidden; float: right; width: 150px; border: 1px solid #EEE; background-color: #FFFFFF; }
#search .inputbox { margin: 0; padding: 0; width: 150px; font-size: 11px; color: #999999; border: none; background: none; }
#search label, #navigation h3 { display: none; }

#schriftzug { font-size: 18px; color: #FFFFFF; padding: 24px 0 5px 5px; }
#navigation { heaight: 68px; font-size: 15px; }
#navigation ul { padding: 0;	margin: 0;	list-style: none;	line-height: 1;}
#navigation ul li {background-color:#fff;list-style: none;	padding: 0 2px 0 0;	margin: 0 7px 0 0; float: left; width: auto;}
#navigation > ul > li {border-radius:4px 4px 0 0; box-shadow: 0 -2px 2px #999;}
#navigation ul a, #navigation ul .separator {color: #333;text-align: center; display: block; width: auto; margin: 0; text-indent: 0; padding: 0 18px; height:48px; line-height:47px; text-decoration: none; border: 0 none; font-weight: normal;}
#navigation ul li:last-child a, #navigation ul li:last-child .separator {	background-image: url(none); }
#navigation ul li li a, #navigation ul li li .separator { font-family: Helvetica, Arial, sans-serif; text-transform: none;}
#navigation ul a:hover { text-decoration: none;}
#navigation ul li.current, #navigation ul li.active { }
#navigation ul li.current a, #navigation ul li.current .separator, #navigation ul li.active a, #navigation ul li.active .separator {color: #999;}


#navigation ul li ul { position: absolute; width: 10em; left: -999em; padding: 1em 0.3em 1em 0.3em; z-index: 999; border-top: none !important;	margin-left: -2px;}
#navigation ul li.active ul {  background-color: #FFF !important; border: 1px solid #EEE; border-top: none;border-radius: 0 0 5px 5px; margin-left: 0;}
#navigation ul li.active li {  background: #FFF url(none); padding: 5px 0; margin: 0; height: 120%;}
#navigation ul li.active li a, #navigation ul li li.active a, #navigation ul li.active li .separator, #navigation ul li li.active .separator {  background: #FFF url(none); height: 120%; line-height: 120%; padding: 0 15px 0 15px;}
#navigation ul li li.current a, #navigation ul li li.current .separator, #navigation ul li li.active a, #navigation ul li li.active .separator { 	height: 120%; line-height: 120%;}
#navigation ul li li, #navigation ul li li a { 	float: none; background-image: url(none); }
#navigation ul li ul a, #navigation ul li ul .separator { text-align: left;	display: block;	width: auto;	padding: 6px 15px;	height: 120%; line-height: 120%;	text-decoration: none; }
#navigation ul li ul a:hover { text-decoration: underline;}


#navigation ul li ul ul, #navigation ul li.active ul ul { margin: -1em 0 0 8em;}
#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul {	left: -999em;}
#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul { 	left: auto;}




/*-----------------------------------*/
/*----------------- Position 3 und 4 ------------------*/
/*-----------------------------------*/
#box_content { display: block; padding: 0px; width: 100%; overflow: hidden; }
#box_content ul, #box_content li, #content ul, #content li, #userbottom ul, #userbottom li { padding: 0px 0px 0px 5px; margin: 0px 10px; }
#top_module_1 { width: 100%; }
#top_module_2 { width: 49%; }

.separator { width: 1%;	height: 100px;	float: left;}
.topmodule_inside { background: url(../images/right_box.png) top right  no-repeat;	height: 130px; }

#maincontent { width: 100%;	height: auto;	padding: 0;	margin: 0;	float: left; }
#content_outright { padding: 0 10px 0 0;}
#content_outnoright { }
#content { padding: 10px;margin-bottom:15px;border: 1px solid #DDDDDD;}
#component { }
#content p , #content td , #content li , fieldset dt { line-height: 160%; font-size: 120%; text-align:justify; }
#content p img { padding: 0; margin: 5px 10px 5px 0; }
#content a, #box_content a, #userbottom a, #left_out a { color: #6699FF;}
#content a:hover { text-decoration: underline;}
.content-right { padding:0 15px 0 0;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a.readon { border-left: 2px solid #6699FF;	padding: 2px 0 2px 5px;	margin: 3px 0 0 0;	float: left;}

/*-----------------------------------*/

#bottom { background:#111111; border-top: 2px solid #666; float:left; margin: 0; text-align: center; width: 100%; }

#bottom, #bottom span, #bottom td,  #bottom div, #bottom p, #bottom li, #footer span, #footer { color: #7F7F7F ;}
#bottom a, #bottom span a, #bottom td a,  #bottom div a, #bottom p a, #bottom li a, #footer span a, #footer a{ color: #999 ;}


/*-----------------------------------*/

#userbottom { margin: 0; padding: 10px 0 20px 0; overflow: hidden; }
#userbottom h3, #userbottom th { font-weight: normal; padding: 15px 0 10px 0; color: #EEE; }
#userbottom ul { margin: 0; padding: 0 0 0 15px;}
#userbottom li { padding: 5px 0; }

.user1, .user2, .user3, .user4 { float: left; overflow: hidden; }
.user4 { width: 24%; }
.user3 { width: 32%; }
.user2 { width: 49%; }
.user1 { width: 99%; }

/*-----------------------------------*/

#footer { background:#111111; border-top: 2px solid #222;  padding: 15px 0 20px 0; margin: 0; text-align: center; float: left; width: 100%; }
#footer span { font-size: 90%; }
.sitetitle { float: left; padding: 0 0 0 10px; }
.footer { float: right; padding: 0 10px 0 0; }

.clearfloat, .clr { clear:both; height:0; font-size: 1px; line-height: 0px; }
/*-----------------------------------*/
/*------------------ ENDE Struktur ------------------*/
/*-----------------------------------*/




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

img { border: none;padding: 0;margin: 0; }
.highlight {background-color:#FFFF99;}
.message { background: #FFFF66; border: 1px solid #000; padding: 10px 20px; margin-bottom: 10px; text-align: center; }


#component h1,#component h2,#component h3,#component h4,#component h5 { padding: 5px 0; margin: 0; }
#component h1, .componentheading  { color: #FFFFFF; font-size: 170%; font-weight: normal; background: #666666; padding: 5px 0px 5px 15px; text-align: left; margin: 0 0 20px 0; }
#component h2 {font-size: 170%;}
#component h3 {font-size: 150%;}
#component h4 {font-size: 120%;;}
#component h5 {font-size: 90%;}

.contentpane, .contentpaneopen { width: 100%; }
.contentdescription, .category-desc { padding: 10px 20px 20px 20px; }
.item-separator { height: 10px;}

.button, button{ background: #EEEEEE; border: 1px solid #CCCCCC; color: #666666; margin: 5px 0px; padding: 4px 5px; text-transform: uppercase; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.button:hover, button:hover { background: #F4F4F4; text-decoration: underline; }

.sectiontableheader { background: #84A9CE; color: #FFFFFF; padding-left: 5px; height: 30px; font-size: 14px; }
.sectiontableheader a { color: #FFFFFF !important; }
.sectiontableentry1, .sectiontableentry2 { height: 30px; text-indent: 5px; }

td, tr, p, div { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px; padding: 0px; }

/* Input Boxes */
fieldset, fieldset .small { border: none !important; }
form, fieldset { margin: 0; padding: 0; border:none;}
input.inputbox { padding: 4px 5px; width: 90%; margin: 5px 0px; }
input#modlgn_remember, input#modlgn-remember { margin: 0; padding: 0; width: auto !important; }
#content input { padding: 5px 6px; width: auto; margin: 5px 0px; font-size: 120%; color: #666; border: 1px solid #CCC; background: #FFF;  }
#content label { width: 40%; float: left; }
#content label#jform_spacer-lbl { float: none; width: auto; }

.display-limit { padding: 0 0 10px 0; }
.display-limit select { color: #666; border: 1px solid #CCC; background: #FFF; padding: 3px 4px; }

/* Article */
.cols-2 .column-1, .cols-2 .column-2 { float: left; width: 47%; margin-right: 3%; }
.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 { float: left; width: 31%; margin-right: 2%; }
.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3 { float: left; width: 24%; margin-right: 1%; }

ul.actions { position: absolute; right: 0px; top: 0px; padding: 0; }
.actions li { float: left; display: inline; padding: 4px 5px; }
ul.actions li, ul.actions li img { padding: 0 !important; margin:0 !important; border: none; }

dt.category-name, dt.create, dt.modified, dt.createdby{   float:left; padding-right:5px; }
dd.createdby {}
.article-info dd span { text-transform:none; display:inline; padding:0 5px 0 0px; margin:0 10px 0 0px;}

fieldset dt { padding: 3px 0 5px 0 ;  margin: 0;  }
fieldset dd { padding: 0 ;  margin: 0;  }
.item-page, .item, .leading-0 { 	position: relative; }
.article-info  { float: left; width: 100%; background-color: #F7F7F7; margin: 0 0 8px 0; padding: 5px 0; line-height: 110%; border-top: 2px solid #EEE; }
.article-info dt { 	display: none; margin: 0; padding: 0; }
.article-info dd { float: left; font-size: 90%; padding: 0 9px; margin: 0; border-right: 1px solid #CCC; color: #666; }


.contentheading, .item-page h2 { font-size: 170%; height: 170%; color: #6699CC; line-height: 160%; }
.contentheading a, .item-page h2 a{ color: #6699CC !important; }

.date { font-weight: bold; margin-top: 10px; }
.small { color: #999999; }
.smalldark { color: #999999; }
.createdate { color: #999999; }
.modifydate { font-size: 10px; color: #999999; }

/* pagenav */
ul.pagenav { clear: both; padding: 10px 0; list-style: none; margin: 20px 0 0 0 !important; }
ul.pagenav  .pagenav-prev  { float: left; }
ul.pagenav .pagenav-next { float: left; }
ul.pagenav .pagenav-prev , ul.pagenav .pagenav-next { background-color: #F7F7F7; padding: 3px 8px !important; }
ul.pagenav .pagenav-prev  a, ul.pagenav .pagenav-next a { }

.pagination { font-size: 85%; padding: 10px 0; }
.pagination .counter {	text-align: center; padding: 0 0 5px 0; }
.pagination ul { padding: 0; text-align: center; line-height: 1; }
.pagination ul li { display: inline; border: 1px solid #CCC; padding: 3px 7px !important; margin: 0 3px !important; } 

/* ++++++++++++++  category  ++++++++++++++ */
.category { width: 100%; margin-bottom: 10px; }
.category thead {padding: 3px 5px;background-color: #666;color: #FFFFFF;font-size: 15px;color: #FFFFFF; text-indent: 5px;height: 26px;line-height: 26px;}
.category thead a {color: #FFFFFF !important; }
.cat-list-row0, .cat-list-row1 { text-indent: 5px;}
.cat-list-row0 td, .cat-list-row1 td { padding: 5px;}
.cat-list-row1 {
	background-color: #F4F4F4;
}
.cat-children h3 {font-size: 14px; font-weight:normal;}
#content table       { width: 100%; border-spacing: 0; border-collapse: collapse;}

/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore {margin: 5px 0 0 0;}
.readmore a { color: #8B8B8B;padding: 1px 3px; }
.readmore a:hover { } 

/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip { border:solid 1px #333;background:#ffffcc; font-size:0.8em;text-align:left;  padding:3px; max-width:400px}
.tip-title { font-weight:bold; }