/* 1. GENERAL CSS  
--------------------------------------------------------------------------------------------------------------------- */

body { background-color: #fff; color: #333; }

a { color: #0099FF; text-decoration: none; }
a:hover { color: #444444; }

.noshadow {
	margin: 0 auto 10px auto;
	padding: 10px;
}

.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.white h3
{
margin: -9px -9px 2px -9px;  background-color: #0099FF; color: #ffffff; font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase;
}
.noshadow h3, .greys h3, .beige h3, .logs h3 
{
margin: 0px;  font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase; border-bottom: 1px solid #ccc; 
}
.beige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}
.droping {
	margin: 0 auto 10px auto;
	padding: 3px;
}

.greys {
	color: #333;
	background-color: #e1e1e1;
	margin: 0 auto 5px auto;
	padding: 3px;
	border: 1px solid #d7d7d7;
}
.greys:hover {
	color: #333;
	background-color: #ddd;
}
.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #990000;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #336699;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #66ad43;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #e47317;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}

.mcolor {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}

.dark h3, .mcolor h3, .reds h3, .blues h3, .greens h3, .oranges h3 { margin: 0px;  font-size: 1.2em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase; border-bottom: 1px solid #ccc; 

}

.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.dark a, .mcolor a { color: #ddd; text-decoration: underline;}

.moduletablenoshadow {
	margin: 0 auto 10px auto;
	padding: 10px;
}

.moduletablewhite {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 10px;
}
.moduletablewhite:hover {
	color: #333;
	background-color: #f9f9f9;
}
.moduletablewhite h3
{
margin: -9px -9px 2px -9px;  background-color: #0099FF; color: #ffffff; font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase;
}
.moduletablenoshadow h3, .moduletablegrey h3, .moduletablebeige h3, .moduletablelogs h3 
{
margin: 0px;  font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase;  border-bottom: 1px solid #ccc; 
}
.moduletablebeige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}
.moduletabledroping {
	margin: 0 auto 10px auto;
	padding: 3px;
}

.moduletablegrey {
	color: #333;
	background-color: #e1e1e1;
	margin: 0 auto 5px auto;
	padding: 3px;
	border: 1px solid #d7d7d7;
}
.moduletablegrey:hover {
	color: #333;
	background-color: #ddd;
}
.moduletablereds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #990000;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.moduletablegreens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #66ad43;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.moduletableblues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #336699;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}
.moduletableoranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	background-color: #e47317;
	padding: 5px 10px;
	border: 1px solid #fafafa;
}

.moduletablecolor {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}

.moduletabledark h3, .moduletablecolor h3, .moduletableblues h3, .moduletablereds h3, .moduletablegreens h3, .moduletableoranges h3 { margin: 0px;  font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px;text-transform: uppercase; border-bottom: 1px solid #ccc; 
}

.moduletabledark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.moduletabledark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.moduletabledark a, .mcolor a { color: #ddd; text-decoration: underline;}

/* 1.1 Reset */ 

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, body, div { border:0; margin:0; padding:0; }

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset:-2px;}
a:hover, a:active { outline:0; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
hr { margin: 1em 0; border:0; border-top: 1px solid #dddddd; border-bottom: 1px solid #ffffff; }
strong { font-weight:bold; }
em { font-style:italic; }
abbr { font-size:90%; text-transform: uppercase; border-bottom:1px dotted #ddd; cursor:help; }
textarea{ overflow: auto; vertical-align: top; } /* Removes scrollbar in IE */
address { display: block; margin-bottom: 1em; line-height: 1em; font-style:normal; }
small { font-size:100%; }
cite { font-style:normal; }
fieldset, img, iframe { border: 0; }
ul, ol, dl, blockquote, pre, fieldset, figure, .custom { margin: 1.143em 0; }
ul li { list-style: none; }


/* 1.2 Clearfix */

.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }


/* 1.3 Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.5em; margin-top: 2em; margin-bottom: 0.857em; text-rendering: optimizelegibility; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.375em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.125em; } 
h5 { font-size: 1em; text-transform:uppercase; font-weight:bold; }
h6 { font-size: 1em; text-transform:uppercase; }


/* 1.4 Paragraph */

p { margin: 0 0 1.143em 0; }



/* 2. RESPONSIVE GRID  
--------------------------------------------------------------------------------------------------------------------- */

.base, .base1 { width: 100%; max-width: 1020px; min-width: 727px; margin: 0 auto; *zoom: 1; }
.base:before, .base:after { display: table; content: "";}
.base:after { clear: both; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol
{ margin-left: 1.1%; margin-right: 1.1%; float: left; min-height: 0; }

.base .onecol { width: 6.14%; }
.base .twocol { width:  14.4%; }
.base .threecol { width: 22.84%; }
.base .fourcol { width: 31.2%;}
.base .fivecol { width: 39.44%;}
.base .sixcol { width: 47.8%; }
.base .sevencol { width: 56.24%; }
.base .eightcol { width: 64.52%;}
.base .ninecol { width: 72.86%; }
.base .tencol { width: 81.2%; }
.base .elevencol { width: 89.54%; }
.base .twelvecol { width: 97.8%;  }

.last { margin-right: 0px; }

/* IE Styles */

.lt-ie8 .onecol,.lt-ie8 .twocol, .lt-ie8 .threecol, .lt-ie8 .fourcol, .lt-ie8 .fivecol, .lt-ie8 .sixcol, .lt-ie8 .sevencol, .lt-ie8 .eightcol, .lt-ie8 .ninecol, .lt-ie8 .tencol, .lt-ie8 .elevencol, .lt-ie8 .twelvecol { margin-left: .92%; margin-right: .92%; }
.lt-ie7 .container, .lt-ie7 .base { display:none; }

/* 4.1 Logo --------------------------------------------------------------------------------------------------------- */

#logo {  margin: 0; }
#logo img { opacity: 0.8; }
#logo img:hover { opacity: 0.9; 
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}

/* Header ------------------------------------------------------------------------------------------------------- */

#header { margin-top: 0; margin-bottom: 0;  padding-bottom: 0px; }

/* Headertop ------------------------------------------------------------------------------------------------------- */

#headertop { margin-top: 0px; }


@media (min-width: 768px) {

#headertop-mobile { display: none; }

}


/* Main divs ----------------------------------------------------------------------------------------------------- */

#advertwrap h3 {margin-top: 0; }
#advert .moduletable { margin:0; }
#breadcrumbs { margin-bottom: 1.5em; }
#main { background-image: url(../images/balken.png) ; background-repeat:repeat-y ; margin-left: 7px ; border:none}
#maincontent ul { padding: 0 10px; }
#maincontent ul li { background: url(../images/system/arrow.png) no-repeat 0 9px; padding-left: 1.4em; line-height: 1.8em; }
#maincontent ul.actions { padding:0; }
#maincontent ul.actions li { background: none; padding-left:0; line-height:0; }
.pager {
	margin: 18px 0;
	list-style: none;
	text-align: center;background-image:none!important;
	*zoom: 1;
}
.pager:before,
.pager:after {
	display: table;
	content: "";
	line-height: 0;
}
.pager:after {
	clear: both;
}
.pager li {
	display: inline;
}
.pager a { background-image:none!important; background-color: #eeeeee!important; display:inline; padding: 5px 10px!important; text-align:center; margin:0 4px; font-size: 1em; 
}

.pager a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
.pager .next a {
	float: right;
}
.pager .previous a {
	float: left;
}

/* Topnav -------------------------------------------------------------------------------------------------------- */

#topnavwrap { background-color: #eeeeee; }
#topnav .moduletable { float: left; margin:0; }
#topnav2 .moduletable, #topnav2 { float: right;  }

/* Date */

#showdate { font-size: 0.9em; line-height: 2.6em;  float: left;  padding-top: 3px; }

/* Slide -------------------------------------------------------------------------------------------------------- */

#showwrap { margin-top: 2px; }
#show .moduletable li { background:none; }
#show .moduletable li ul { margin-bottom: 1em; }

/* Intro -------------------------------------------------------------------------------------------------------- */

#intro p { font-size: 1.25em; font-family: 'Tahoma', sans-serif; line-height: 1.5em; text-align: center; }


/* Advert -------------------------------------------------------------------------------------------------------- */

#advert p.hello { color: #000000; text-align: center; font-family: 'CabinSemiBold', sans-serif; font-size: 3.125em; line-height: 1em; margin-bottom: 26px; }
#advert img { padding: 5px; border: 1px solid #cccccc; background: #fff;}
@media (min-width: 480px) and (max-width: 767px) {

#advert p.hello { color: #000000; text-align: center; font-family: 'CabinSemiBold', sans-serif; font-size: 2.1em; line-height: 1em; margin-bottom: 16px; text-shadow: 1px 0 1px #000000; }

}

@media (max-width: 479px) {

#advert p.hello { color: #000000; text-align: center; font-family: 'Tahoma', sans-serif; font-size: 1.4em; line-height: 1.3em; margin-bottom: 0; text-shadow: 1px 0 1px #000000; }

}


/* Top -------------------------------------------------------------------------------------------------------- */

#top { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top: 1.5em; margin-bottom: 1.5em; padding: 1em 0 0.5em; }
#top .moduletable a { color: #202020; }
#top .moduletable a:hover { color: #0099FF; }


/* Footer -------------------------------------------------------------------------------------------------------- */

#footerwrap { background-color: #000000; color: #ffffff; }
#footer .moduletable h3 { margin-top:1em; }
#footer .moduletable li { background: none; padding-left:0; padding-bottom: 10px; }
#footer .moduletable li a { color: #eeeeee; font-size: 1em; }
#footer .moduletable li a:hover { color: #0099FF; }
#footer .moduletable a, #footer .moduletable p a { color: #0099FF; font-size: 1em; }
#footer .moduletable a:hover, #footer .moduletable p a:hover { color: #eeeeee; }


/* Copyright -------------------------------------------------------------------------------------------------------- */

#copyright {  margin-bottom: 0; padding: 15px;}
#copyright p { margin-bottom:0; }
#copyright ul { float:right; margin:0; padding: 1.2em 0 0; }
#copyright ul li { float:left; list-style:none; background: none; }
#copyright ul li a { display:block; color: #1F1F1F; }
#copyright ul li.active a, #copyright ul li a:hover, #copyright ul li:hover a, #copyright ul li.sfHover a { color: #0099FF;  text-decoration:none; }

/* Backtotop -------------------------------------------------------------------------------------------------------- */

#backtotop { margin-top: -38px;margin-bottom: 10px; margin-right: 5px; float:right; background: #444;  }
#backtotop img { float:right; }
#backtotop img { opacity: 0.5; }
#backtotop img:hover { opacity: 0.8; 
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}

/* Joomla! Content CSS -------------------------------------------------------------------------------------------------------- */


/* Article */

.blog, .blog-featured, .item, .item-page { text-align:justify; display:block; overflow:hidden; }
.item, .blog-featured, .items-leading, .item-page { margin-bottom: 1em; }


/* Article Title */

.blog h2.title, .blog-featured h2.title, .item h2.title, .item-page h2.title { color: #000000;  font-size: 2em; line-height: 1.2em; padding-top: 0em;  margin-top: 0.7; font-family: 'CabinRegular', sans-serif; text-shadow: 0 0 1px #000000; }
.blog h2.title a, .blog-featured h2.title a, .item h2.title a, .item-page h2.title a { color: #000000; text-shadow: 0 0 1px #000000; }
.blog h2.title a:hover, .blog-featured h2.title a:hover, .item h2.title a:hover, .item-page h2.title a:hover { color: #0099FF; text-shadow: 0 0 1px #0099FF; 
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}


/* Article Icons */

ul.actions { list-style:none; margin: 20px 0 10px; padding-left: 0; overflow:hidden; }
ul.actions li { float:left; padding-right: 7px; }


/* Article Ratings */

.content_rating { line-height: 18px; display:block; }
.content_vote { line-height: 10px; display:block; }
.content_vote .button { margin: 0 0 0 10px; }


/* Article Details */

dl.article-info { margin: 0 0 1.143em 0; }
dt.article-info-term { display:none; }
dl.article-info dd { margin:0; font-size: 0.8em; color: #999999; }


/* Archived Articles */

.archive { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.archive h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; } 
.archive h2 a { color: #1F1F1F; }
.archive h2 a:hover { color: #0099FF; text-decoration:none; } 
.archive ul { margin:0; padding:0; }
.archive ul li { list-style:none; background-image:none!important; padding-left:0!important; }
.archive legend { padding: 0 10px; font-weight:bold; }
.archive select { padding: 5px; width: 140px; }
.archive fieldset { border: 1px solid #dddddd; margin-bottom: 30px; padding: 0 10px 10px 10px; }
.archive button.button { padding: 0.5em 1em; margin: 1em; font-size: 0.9em; }


/* List Categories */

.categories-list { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.categories-list ul { list-style-type:none; padding-left: 0; margin:0; }
.categories-list li { background: url(../images/system/arrow.png) no-repeat 0 9px; padding-left: 1.4em; line-height: 1.8em; }
.categories-list dl { padding:0; margin:0; }
.categories-list dl dt, .categories-list dl dd { display: inline; }
.categories-list dl dd { font-style: italic; margin-left: 10px; }


/* Category Description */

.cat-children h3 { font-size: 1em; font-weight: bold; margin-top: 0; }
.cat-children ul { padding-left: 0; margin:0; }
.cat-children li { background: url(../images/system/arrow.png) no-repeat 0 9px; padding-left: 1.4em; line-height: 1.8em; }
.cat-children dl { padding:0; margin:0; }
.cat-children dl dt, .cat-children dl dd { display: inline; }
.cat-children dl dd { font-style: italic; margin-left: 10px; }


/* Category List */

.category-list { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.category-list fieldset { padding-left:0; }
.category-list h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }


/* Create Article */

.edit.item-page { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
legend { padding: 0 10px; font-weight:bold; } /* Titles */
.edit form#adminForm fieldset { border: 1px solid #dddddd; margin-top:0; padding: 0 10px 10px 10px; } /* Borders */
.formelm, .formelm-area { margin:15px 0; vertical-align: middle; }
.formelm label, .formelm-area label { display: block; width: 150px; float: left; }
.formelm input, .formelm-area input { padding: 5px; width: 250px; }
.formelm select, .formelm-area select { padding: 5px; width: 262px; }
.formelm img { margin-left:5px; vertical-align: middle; }
#editor-xtd-buttons { margin: 20px 0 20px 0; padding: 0; } /* Buttons */
.button2-left { margin: 0 6px 0 0; }
.button2-left a, .button2-left span { display: block; height: 22px; padding: 0 24px 0 6px; line-height: 22px; font-size: 11px; color: #1F1F1F; }
.formelm-buttons { text-align:right; margin-bottom:10px; }
.formelm-buttons button { padding: 0.5em 1em; margin: 1em 0; font-size: 0.9em; }
.button2-left .readmore a { padding: 0 24px 0 12px; font-size: 11px; margin:0; }


/* News Feeds in a Category */

.newsfeed-category { text-align:justify; display:block; overflow:hidden;  margin-bottom:1em; }
.newsfeed-category h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }
.newsfeed-category h2 a { color: #1F1F1F; }
.newsfeed-category h2 a:hover { color: #0099FF; }
.newsfeed-category fieldset, .newsfeed-category legend { padding-left: 0; }


/* Single News Feed */

.newsfeed.redirect-ltr { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.newsfeed.redirect-ltr h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }
.newsfeed.redirect-ltr h2 a { color: #1F1F1F; }
.newsfeed.redirect-ltr h2 a:hover { color: #0099FF; }


/* Login Form */

.login { text-align:justify; display:block; overflow:hidden; }
.login-fields { margin: 10px 0; }
.login-fields label { display: block; width: 150px; float: left; }
.login-fields input { padding: 5px; width: 250px; }
.login-fields select { padding: 5px; width: 262px; }
.logout { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.logout button.button { margin-top: 0; }
.login button.button { padding: 0.5em 1em; margin: 1em 0; font-size: 0.9em; }
.login ul { padding-left: 0; }
.login li { line-height: 1.5em; }


/* User Profile */

.profile { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.profile legend { font-size: 18px; line-height: 18px; font-weight: normal; margin: 0 0 15px 0; padding:0; }
.profile dt { font-weight:bold; }
.profile dd { margin-left:0; }


/* Edit Your Profile */

.profile-edit { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.profile-edit dd { margin:15px 0; vertical-align: middle; }
.profile-edit legend { padding: 0 10px; font-weight:bold; }
.profile-edit label { display: block; width: 200px; float: left; }
.profile-edit input { padding: 5px; width: 250px; }
.profile-edit select { padding: 5px; width: 262px; }
.profile-edit fieldset { border: 1px solid #dddddd; margin-bottom: 30px; margin-top:0; padding: 0 10px 10px 10px; }
.profile-edit span.optional { font-style:italic; }


/* Registration Form */

.registration { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.registration dd { margin:15px 0; vertical-align: middle; }
.registration legend { padding: 0 10px; font-weight:bold; }
.registration label { display: block; width: 200px; }
.registration input { padding: 5px; width: 250px; }
.registration select { padding: 5px; width: 262px; }
.registration fieldset { border: 1px solid #dddddd; margin-bottom: 30px; margin-top:0; padding: 0 20px 10px; }
#jform_spacer-lbl { width: 300px; display:block; margin-bottom:10px; font-style: italic; }
.registration button.validate { padding: 0.5em 1em; margin: 1em 1em 1em 0; font-size: 0.9em; }


/* Username Reminder */

.remind { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.remind label { display: block; width: 150px; float: left; }
.remind input { padding: 5px; width: 250px; }
.remind fieldset { margin: 20px 0; padding:0; }
.remind dd { margin:15px 0; vertical-align: middle; }
.remind button.validate { padding: 0.5em 1em; margin: 1em 0; font-size: 0.9em; }


/* Password Reset */

.reset { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }
.reset label { display: block; width: 150px; float: left; }
.reset input { padding: 5px; width: 250px; }
.reset fieldset { margin: 20px 0; padding:0; }
.reset dd { margin:15px 0; vertical-align: middle; }
.reset button.validate { padding: 0.5em 1em; margin: 1em 0; font-size: 0.9em; }


/* Wrapper */
/* Zeile 618 margin-top und margin-bottom von 1cm auf 0cm gesetzt keine Auswirkung */

#blockrandom { max-width:100%; max-height:100%; margin-top: 1em; margin-bottom: 1em; }


/* Contacts in a Category */

.contact-category { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.contact-category h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }


/* Single Contact */

.contact { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.contact h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }
.contact-category h2 a { color: #1F1F1F; }
.contact-category h2 a:hover { color: #0099FF; }
.contact h3 { font-size: 16px; padding: 7px 0; border-bottom:1px solid #777777; margin:10px 0; }
.contact-image { display:none; }
.contact-street, .contact-suburb, .contact-state, .contact-postcode, .contact-country { display:block; }
.contact address { padding: 0 0 6px 25px; }
.contact img { float:left; }
.contact-telephone, .contact-fax { padding: 0 0 0 10px; font-style: italic; }
.contact-contactinfo p { margin: 5px 0; }
.contact-position { font-weight:bold; margin-bottom:15px; }
.contact-misc { padding: 0 0 0 30px; }
.contact-links ul { padding:0; }
.contact-links ul li { list-style:none; }

.contact-form legend { padding: 0 10px; font-weight:bold; }
.contact-form label { display: block; width: 200px; float: left; }
.contact-form input { padding: 6px; width: 250px; margin-top: 5px; }
.contact-form select { padding: 6px; width: 262px; }
.contact-form fieldset { margin-bottom: 20px; margin-top:0; padding: 6px; }
.contact-form dd { margin:15px 0; vertical-align: middle; }
.contact textarea { margin: 20px 0; }
#jform_contact_email_copy { width: 20px; }


/* Featured Contacts */

.blog-featured table { background-color: #ffffff; }
.blog-featured fieldset, .blog-featured legend { padding-left:0; }


/* Smart Search */

.finder { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.finder label { display: block; width: 200px; }
.finder input { padding: 5px; width: 250px; }
.finder fieldset { background: none; padding-left:0; }
.finder .button { margin-left: 10px; }


/* Search Form */

.search { text-align:justify; display:block; overflow:hidden;  }
.search legend { padding: 0 10px; font-weight:bold; }
.search input { padding: 7px; width: 250px; }
.search .phrases-box input, .search .only input { width:20px; }
.search select { padding: 5px; width: 262px; }
.search fieldset { border: 1px solid #dddddd; margin-bottom: 30px; margin-top:0; padding: 14px 10px; }
.search fieldset.word { border: none; }
.ordering-box { padding-top:10px; }
dt.result-title { font-size: 16px; margin:10px 0 0; }
dd.result-category, dd.result-created { margin: 7px 0; font-style:italic; }
dd.result-text { margin-left: 0; }
.search button.button { padding: 0.5em 1em; margin: 1em; font-size: 0.9em; }


/* Web Links in a Category */

.weblink-category { text-align:justify; display:block; overflow:hidden; margin-bottom:1em; }
.weblink-category h2 { color: #1F1F1F;  font-size: 1.85em; line-height: 2.775em; margin-top: 0; }


/* Submit Web Link */

.edit { text-align:justify; display:block; overflow:hidden; margin-top:1em; margin-bottom:1em; }


/* Pagination */
/* HV Zeile 703 padding-bottom von 10 auf 0 und margin-bottom von 20 auf o gesetzt Auswirkung in der Fusszeile */

.pagination { color: #eeeeee; margin:20px 0; padding:0px 0; clear:both; }
.pagination ul { list-style-type:none; margin:0; padding:0; text-align:center; }
.k2Pagination li, .pagination li { background-image:none!important; background-color: #eeeeee!important; color: #1f1f1f; display:inline; padding: 5px 10px!important; text-align:center; margin:0 4px; font-size: 1em; }
.pagination li a:hover,.pagination li a:active { color: #1f1f1f; }
p.counter { text-align:center; color: #1F1F1F; padding-bottom: 0px; margin-bottom: 0px; font-size: 1em; }
.pagenav { padding:2px; clear: both;}
.catItemTagsBlock li{ background-image:none!important; display:inline; }

/* pagenav */

ul.pagenav li.pagenav-prev 
{float:left}
ul.pagenav li.pagenav-next 
{float:right}

/* Breadcrumbs */

#breadcrumbs { font-size: 0.8em;}
#breadcrumbs .moduletable { margin-bottom: 0; padding:0;  }

.breadcrumbs { overflow: hidden; padding:10px; }
.breadcrumbs .showHere { margin-left:0; padding-left:0; }
.breadcrumbs a, .breadcrumbs span { padding: 0 7px; margin: 0 5px; }
.breadcrumbs a, .breadcrumbs span { display: inline-block; text-decoration: none; }

.breadcrumb li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb .active {
	color: #999;
}
/* Date */

.create { }


/* System Messages */

#system-message ul li { font-weight:normal; }
#system-message dd.message  ul { background: #fff  url(../images/system/notice-info.png) no-repeat left center; }
#system-message dd.error ul { background: #fff url(../images/system/notice-alert.png) no-repeat left center ; }
#system-message dd.notice  ul { background: #fff url(../images/system/notice-note.png) no-repeat left center; }


/* Tables */
/* HV Zeile 757 padding 5px 20px auf padding 5px 5px gesetzt keine Auswirkung*/

table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 1px; }
table.category { font-size:1em; margin:10px 10px 20px 0px; width:99%; }
table.category th, table.category td { border: 1px solid #dddddd; padding:5px 20px; text-align:left; }
table.category td { padding:5px; }
table.category th { padding:5px; text-align:left; }
table.category th a img { padding:2px 10px; }
td.num { vertical-align:top; text-align:left; }
td.hits { vertical-align:top; text-align:center; }
td p { margin:0; line-height:1.3em; }


/* Read More */

.readmore a {  margin: 1.143em 0; display:inline-block; text-decoration:none; font-size: 1em; }
a.readmore:link, a.readmore:visited { line-height:1.2em; text-decoration:none; }
a.readmore:hover, a.readmore:active, a.readmore:focus { text-decoration:none; }
.readmore a:hover, .readmore a:active, .readmore a:focus { text-decoration:none; }

.newsflash  a.readmore:link, .newsflash a.readmore:visited { display:block; margin-top: 2em; margin-bottom: 0.857em; font-size: 1em; }


/* 5.2 Joomla! Modules CSS -------------------------------------------------------------------------------------------------------- */


/* Moduletable */
/* HV Zeile 783 margin-top von 1cm auf 0cm und margin-bottom von 1cm auf 0cm gesetzt. Auswirkung in der Fusszeile*/
/* HV Zeile 784 margin-bottom von 1.6cm auf 0cm gesetzt. keine Auswirkung - */

.moduletable, .moduletable_text, .moduletable_menu { text-align: justify; overflow:hidden; margin-top: 1cm; margin-bottom: 1em; }
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 { background-color: #0099FF; color: #ffffff; font-size: 1em; font-family: 'Tahoma', sans-serif; padding: 8px 22px 8px; margin-top: 0; margin-bottom: 1.6em; text-transform: uppercase; }

.moduletable .custom h3 { color: #1F1F1F; background-color: transparent; border:none; padding: 0; margin-top: 2em; margin-bottom: 0.857em; text-transform:none; font-size: 1.25em; }
.moduletable .bannergroup, .moduletable .random-image, .moduletable .syndicate-module, .moduletable .latestnews, .moduletable ul.mostread, .moduletable .newsflash, .moduletable #blockrandom.wrapper { padding: 0.2em 0; display:block; }
.moduletable_menu ul { padding-bottom: 20px; }


/* Menu */

.moduletable ul { list-style-type:none; padding-left: 0; margin-left:0; margin-right:0; }
.moduletable ul ul, .moduletable ul ul ul, .moduletable ul ul ul ul { margin: 0.7em 0 0; }
.moduletable li { background: url(../images/system/arrow.png) no-repeat 0 7px;  list-style:none; line-height: 1.5em; text-align: left; padding-left: 1.4em; padding-bottom: 7px; } 
#nav .moduletable li { background:none; padding-left: 0; }


/* Button, Input */

input, select, textarea, .inputbox, button, .button, input[type="button"], input[type="submit"] {
	padding: 3px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

input[type="button"], input[type="text"] {}

input[type="button"] { }

select, input[type="text"], input[type="password"], input[type="email"], textarea, .inputbox, .validate-username, .validate-password { 
	border: 0; background: #fff; color:#999;
	-webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset;
	/*padding: 0.12em 0.5em;*/
	border-radius: 3px; -webkit-border-radius: 3px;
}

#ol-topsl .inputbox, #ol-botsl .inputbox, #ol-user-panel .inputbox {}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
.inputbox:hover, .inputbox:focus, select:hover, select:focus,
 textarea:hover, textarea:focus { background: #ffffcc; color:#666; }


select.inputbox:focus {outline:none;}

.browserChrome input[type="text"]:focus, .browserChrome input[type="password"]:focus, .browserChrome input[type="email"]:focus,
.browserSafari input[type="text"]:focus, .browserSafari input[type="password"]:focus, .browserSafari input[type="email"]:focus,
.browserChrome .inputbox:focus, .browserChrome  textarea:focus,
.browserSafari .inputbox:focus, .browserSafari textarea:focus {outline: none;}

/* buttons */
.button, button, input[type="button"], input[type="submit"] {
	line-height:2.2;
	color: #888;
	text-transform: uppercase; 
	border:0; 
	font-family: Helvetica, Verdana, Arial, sans-serif !important;
	font-size: 10px;
	cursor:pointer;
	/*new code
	display: inline-block;*/
	zoom: 1;
	*display: inline;
	vertical-align: top;
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px !important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset;	
	-ms-box-shadow: 0 0 0 1px #bbbbbb inset;	
	box-shadow: 0 0 0 1px #BBBBBB inset;
	/* default white */
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(top,  #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #fff, #eee);
}


.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#666;
	cursor: pointer; text-decoration: none !important;
	background: #eee;
	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);
	background-image: -moz-linear-gradient(top,  #fff,  #ddd);
	background-image: -ms-linear-gradient(top,  #fff,  #ddd);
	background-image: -o-linear-gradient(top,  #fff,  #ddd);
}
/* compatibility fixes */
span.button, a.button, input[type="button"] { }
.browserMozilla input[type="submit"], .browserFirefox input[type="submit"], 
.browserMozilla input[type="button"], .browserFirefox input[type="button"], 
.browserMozilla button, .browserFirefox button {line-height:normal !important;}


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}

button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
    border-color: transparent;
}


/* forms */
form.search .inputbox {    
    border: 0; 
	box-shadow:0 0 0 1px #333 inset; -webkit-box-shadow:0 0 0 1px #333 inset;
    outline: medium none;
    padding: 6px 8px;
	color:#666;
}

form#searchForm { border: 0 !important; padding:0;}

form.search {}
form.search label {display:none;}

form.search .button {}

div.searchintro { border: 0 !important; }
div.searchintro p {border-bottom: 1px solid #eee;}

.results h4 { text-transform: none; font-size: 110%; }

.search fieldset { border: 1px solid #eee; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px;}

.search legend, form#member-registration legend {	
	font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; 
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 100%;
    padding: 2px 5px;
	display:none;
}

.search .phrases-box {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.search .word button {
    padding: 4px 8px;
}

/* Login Module ---*/
#login-form #modlgn-username,
#login-form #modlgn-passwd
{
   width: 95%;
}

#login-form fieldset {border:0; padding:0 !important/* 10px*/; background:none;}
.login_form fieldset, .login fieldset, .registration #member-registration { /*margin-top: 25px;*/}
div.ol-box-ct #login-form fieldset {padding:0 !important; background: none !important;}
.login-fields .required {margin-left:0;width:100px;} 

.login .button {}
#form-login-username .inputbox, #form-login-password .inputbox {font-weight:normal;}
#form-login-username label, #form-login-password label, #member-registration label {line-height: 31px;}

#form-login-submit .button {margin-left: 30% !important;}

.login_form label, .login label {margin-right: 10px; width: 80px;}

#login-form ul {margin-top: 15px;}

#ol-container #login-form ul {
    margin: -2px 0 1.5em 0;
}
#login-form ul li {
	background: url(../images/bullet.png) no-repeat 2px 7px;
	overflow: hidden;
	padding-left: 13px;
}

#login-form p {
    margin: 0;
}

#login-form .posttext p,
#login-form .pretext p {margin-top:15px; color: #666;}

#login-form .button {
	margin: 20px 5px 0 0; display:inline-block; 
}

.login_form .button, .login button {
    margin-left: 90px;
}


::-moz-selection {
background: #5a748c;
color: #fff
}
::selection { background: #5a748c; color: #fff }

/* Search */

.moduletable .search { border: none; padding: 0.2em 0; }
.moduletable .search h1 { background-color: #0099FF; color: #ffffff; font-size: 1em; padding: 7px 20px; margin-top: 0; }
.moduletable .search input { max-width: 170px; width:100%; }
.moduletable .search label { display: none; }
.moduletable .search input.button { width:40px; margin-left:10px; }


/* Smart Search */

.moduletable .finder input { max-width: 170px; width:100%; }


/* News Feeds */

li.newsfeed-item { background: none; padding-left:0; }
ul.newsfeed { margin-bottom:0; }

/* Latest News */

ul.latestnews { margin-bottom: 0; }


/* Articles Most Read */

ul.mostread { margin-bottom:0; }


/* Syndicate News */

.syndicate-module { padding-bottom: 0.4em !important; }


/* Latest Users */

ul.latestusers { margin-bottom:0; }

/* News Flash */

.newsflash h4 { font-weight:bold; margin-top:0; }


/* Feed Display */

.feed p, .feed h4, h5.feed-link { text-align: left; }
h5.feed-link { line-height: 21px; margin-top: 20px; }


/* Articles Category */

ul.category-module h4 { font-size: 1em; line-height: 1.5em; margin:0; padding:0; }


/* Weblinks */

.weblinks p { font-size: 14px; margin:0;}
.weblinks { margin:10px 0; }
.weblinks ul { list-style-type:none; padding-left: 0; margin:0; }
.weblinks li { background: url(../images/system/arrow.png) no-repeat 0 9px; padding-left: 1.4em; line-height: 1.8em; }
table.weblinks { font-size:1em; margin:10px 10px 20px 0px; width:99%; }
table.weblinks td { border-collapse:collapse; }
table.weblinks td { padding:7px; }
table.weblinks th { padding:7px; text-align:left; }


/* Languages */

.mod-languages select { padding: 5px; width:auto; }


/* Statistics */

.stats-module dd { margin-left:0; padding: 0 0 4px 0; }
.stats-module dt { font-weight:bold; background-color: #eeeeee; line-height:2em; }


/* User Menu */

.moduletable_menu ul { list-style-type:none; padding-left: 0; margin:0; }
.moduletable_menu li { background: url(../images/system/arrow.png) no-repeat 0 9px; padding-left: 1.4em; line-height: 1.8em; }


/* 5.4 Component -------------------------------------------------------------------------------------------------------- */

#componentPage { margin-top:40px; }


/* 5.5 Error -------------------------------------------------------------------------------------------------------- */
.error {
	width: 970px;
	height: 700px;
	background: url(../images/404.jpg) no-repeat left 130px;
	margin: 0 auto;
	position: relative;
}

#errorboxheader {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 200px;
	left: 300px;
	font-size: 350%;
	color: #ff5400;
	font-weight: bold;
}

.errormenu {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 110%;
	position: absolute;
	top: 280px;
	left: 280px;
}

.errormenu a {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 100%;
	text-decoration: none;
	color: #d05338;
}


/* 5.6 Print -------------------------------------------------------------------------------------------------------- */

#componentPage { background: #ffffff!important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
#componentPage h2 { background: #ffffff !important; color: black !important; padding: 0; border-left:0; margin:0; font-size:30px; line-height:45px; padding-top:30px; }
#componentPage h2 a { color: black !important; }
#componentPage .item-page { border:none !important; }

/* Mail to ---*/
#mailto-window {
  background: #fff;
  border: 1px solid #ddd;
  margin: 25px 0 20px;
  padding: 0px 20px;
  position: relative;
}

#mailto-window h2 {
  font-size: 140%;
  margin-bottom: 20px;
}

#mailto-window .mailto-close {
  background: #FFF;
  background: -moz-linear-gradient(bottom, #ccc, #f0f0f0);
  background: -webkit-linear-gradient(bottom, #ccc, #f0f0f0);
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #666;
  font-size: 92%;
  padding: 2px 5px;
  position: absolute;
  top: -30px;
  right: 0px;
}

#mailto-window .mailto-close a {
  color: #666;
}

#mailto-window .mailto-close:hover {
  border-color: #999;
}

#mailtoForm .formelm {
  padding: 5px 0;
  vertical-align: middle;
  overflow: hidden;
}

#mailtoForm .formelm label {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  width: 80px;
  margin: 2px 0px 0px 0px;
  float: left;
}

#mailtoForm p {
  margin-top: 20px;
}

#mailtoForm .inputbox {
  width: 60%;
}

#mailtoForm .button {
  margin-right: 5px;
}

/* TipTip CSS  */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	/*border: 1px solid rgba(255,255,255,0.25);*/
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: rgb(30,30,30);
	border-top-color: rgba(30,30,30,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: rgb(30,30,30);
	border-right-color: rgba(30,30,30,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

.box_skitter .label_skitter { z-index:150;position:absolute;bottom:10px;left:10px;display:none; padding: 12px; }
.box_skitter .prev_button {
    position: absolute;
    top: 1%;
    left: 15px;
    z-index: 40;
}
.box_skitter .next_button {
    position: absolute;
    top: 10%;
    left: 60px;
    z-index: 40;
}
.base {
color: #333;  background-color: #fff;
-moz-box-shadow: 0px 0px 10px #777;
-webkit-box-shadow: 0px 0px 10px #777;
box-shadow: 0px 0px 10px #777;
}