/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */


body
{
	color: #000;
	background-color:#FFF;
}

#all
{
	color: #000;
	border:solid 0px ;
	background:#FFF
}

#header
{
	
}

a,
a:link,
a:visited
{
	color:#001466;
}

a:hover,
a:active,
a:focus
{
	color:#FFF;
	background:#083AFF;
}

input:focus
{
	border:solid 1px;
}

fieldset
{
	border:solid 0px #ccc
}

.article-info, .article-info a
{
	color:#888;
	text-decoration: none
}

.article-info dd span
{
	color:#444;
	border-right:solid 0px;
	background:#eee
}

hr
{
	color:#7C86AD;
	border: none;
	border-top:1px solid #7C86AD;
}

/* ##########################  back  ########################### */

#back
{

}

/* ##########################  header  ########################### */
#all #header
{

}

#header
{
	background: #FFF;
}

#header img 
{
	 padding:10px 3% 10px 1%;
    float: left;
    margin:0;
	 position:relative;
	 width:12%
}

#header .search form{
	margin-top: 20px;
	margin-top: 2vw;
	padding:8px
}

#header .search input:focus {
	box-shadow: 4px 4px 8px #fff;
	outline: 0 none;
	border: 1px solid #CCCCCC;
}

/* ##########################  logo  ########################### */
.logoheader
{
	background-color: #629DD1;
   background-image: -webkit-gradient(linear, left top, right top, from(#FFFF00), color-stop(35%, #629DD1));	
	background-image: -webkit-linear-gradient(left, #FFFF00, #629DD1 35%);
	background-image: -moz-linear-gradient(left, #FFFF00, #629DD1 35%);
	background-image: -o-linear-gradient(left, #FFFF00, #629DD1 35%);
	background-image: -ms-linear-gradient(left, #FFFF00, #629DD1 35%);
	background-image: linear-gradient(to right, #FFFF00, #629DD1 35%);
	margin:0px !important;
	overflow: hidden;
}

h1#logo
{	
	font-family: caveat, "Comic Sans MS", "Comic Sans", cursive;
	font-weight: 700;
	font-style: normal;
	color: #000;
	font-size: 80px;
	font-size: 7.8vw;
}

#logo a {
	text-decoration: none;
	color:#000;
}
#logo a:hover,
#logo a:active,
#logo a:focus{
	background:none;
	color: #000;
	position: relative;
	top: -1px;
}
#logo span.header1 {
	font-family: ubuntu, arial, helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:35px;
	font-size:2.7vw;
	display: block;
	line-height: 1em;
	margin: 0.4em 10% 0.4em 0;
	margin-top: 1.666vw;
	text-align: right;
}

h1#logo span.yellow {
	color: #FFE139
}
h1#logo a:hover span.yellow {
	position: relative;
	top:-2.5vw;
}


/* change colors of overlay menu */



/* ++++++++++++++  header main menu  1. Level ++++++++++++++ */
#main_menu ul.menu
{	
	background: #083AFF;
}

#main_menu ul.menu li.legal,
#main_menu ul.menu li.home
{	
	display: none;
}

#main_menu ul.menu > li
{	
	color:#FFFBCC;
	border:0; 
	border-right:solid 1px #fff;
	border-right:solid 1px #fff;
	background: #083AFF;
}

#main_menu ul.menu li > a,
#main_menu ul.menu li > a:link,
#main_menu ul.menu li > a:visited
{
	border:0;
	background: #083AFF;
	color:#FFFFFF;
}

#main_menu ul.menu > li.active,
#main_menu ul.menu > li:active,
#main_menu ul.menu > li:active a,
#main_menu ul.menu > li.active a
{
	background:#FFE139;
	color:#000;
}

.mobileNavOpen #main_menu ul.menu > li.active, 
.mobileNavOpen #main_menu ul.menu > li:active, 
.mobileNavOpen #main_menu ul.menu > li:active > a, 
.mobileNavOpen #main_menu ul.menu > li.active > a {
    background:#629DD1;
	 color:#fff;
}

#main_menu ul.menu > li:hover,
#main_menu ul.menu > li:focus,
#main_menu ul.menu > li:hover a,
#main_menu ul.menu > li:focus a
{
	background:#BDD6EC;
	color:#000;
}

.mobileNavOpen #main_menu ul.menu > li:hover,
.mobileNavOpen #main_menu ul.menu > li:focus,
.mobileNavOpen #main_menu ul.menu > li:hover > a,
.mobileNavOpen #main_menu ul.menu > li:focus > a
{
	background:#BDD6EC;
	color:#000;
}


/* ++++++++++++++  header main menu  2. Level dropdown ++++++++++++++ */

#main_menu ul.menu ul{
	
}

#main_menu ul.menu ul li
{	
	border:1px solid #fff; /*border zwischen dropdown links*/
	border-top:0;
	background:#BDD6EC; /*zwischen dropdown links*/
}
#main_menu ul.menu ul li:first-child {
	border-top:1px solid #fff;
}

#main_menu ul.menu ul a,
#main_menu ul.menu ul a:link,
#main_menu ul.menu ul a:visited
{	
	background: none; /*background of dropdown menu*/
	color:#000;
	border:0;
}

.mobileNavOpen #main_menu ul.menu ul li,
.mobileNavOpen #main_menu ul.menu ul li a,
.mobileNavOpen #main_menu ul.menu ul li a:link,
.mobileNavOpen #main_menu ul.menu ul li a:visited {
	background: #FFE139;
	color:#000;
}

.mobileNavOpen #main_menu ul.menu ul li:active,
.mobileNavOpen #main_menu ul.menu ul li:active a,	
.mobileNavOpen #main_menu ul.menu ul li.active,
.mobileNavOpen #main_menu ul.menu ul li.active a
{
	background:#FFBF00;
	color:#000;
	
}

#main_menu ul.menu ul li:hover, 
#main_menu ul.menu ul li:focus,
#main_menu ul.menu ul a:hover,/*dropdown menu hover*/
#main_menu ul.menu ul a:focus
{
	background: #629DD1;
	color:#000;
}

.mobileNavOpen #main_menu ul.menu ul li:hover, 
.mobileNavOpen #main_menu ul.menu ul li:focus,
.mobileNavOpen #main_menu ul.menu ul li a:hover,/*dropdown menu hover*/
.mobileNavOpen #main_menu ul.menu ul li a:focus
{
	background: #FE8700;
	color:#000;
}

/* ++++++++++++++  nav Menu  ++++++++++++++ */
/* ++++++++++++++  first level  ++++++++++++++ */

#nav_menu ul.menu
{	
	background: #FFE139
}

#nav_menu ul.menu li
{	
	color:#000;
	border:0; 
	/*border-right:solid 1px #fff;*/
}

#nav_menu ul.menu a,
#nav_menu ul.menu a:link,
#nav_menu ul.menu a:visited
{
	border:0;
	background: none;
	color:#000;
}

#nav_menu ul.menu li:active,
#nav_menu ul.menu li:active a,	
#nav_menu ul.menu li.active,
#nav_menu ul.menu li.active a
{
	background:#FFBF00;
	color:#000;
}

#nav_menu ul.menu li:hover,
#nav_menu ul.menu li:focus,
#nav_menu ul.menu li:hover a,
#nav_menu ul.menu li:focus a
{
	background:#FE8700;
	color:#000;
}


#nav_menu ul.menu li.active:after{
    content:''; /* Required to display content */
    position: absolute; /* Sets the position absolute to the top div */
    top: 50%; 
    left: 0;
    margin-top: -5px; /* Set margin equal to border px */
    width: 0;
    z-index:1;
    height: 0;
    border-top: solid 5px transparent; /* Creates the notch */
    border-left: solid 5px #000; /* Creates triangle effect */
    border-bottom: solid 5px transparent; /* Creates triangle effect */
}
/* ++++++++++++++  nav main menu  2. Level dropdown ++++++++++++++ */

#nav_menu ul.menu ul{
	
}

#nav_menu ul.menu ul li
{	
	border:1px solid #FE8700; /*border zwischen dropdown links*/
	border-top:0;
	background:#FEF1A4; /*zwischen dropdown links*/
}
#nav_menu ul.menu ul li:first-child {
	border-top:1px solid #FE8700;
}

#nav_menu ul.menu ul a,
#nav_menu ul.menu ul a:link,
#nav_menu ul.menu ul a:visited
{	
	background: none; /*background of dropdown menu*/
	color:#000;
	border:0;
}

#nav_menu ul.menu ul li:hover, 
#nav_menu ul.menu ul li:focus,
#nav_menu ul.menu ul a:hover,/*dropdown menu hover*/
#nav_menu ul.menu ul a:focus
{
	background: #FFBF00;
	color:#000;
}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.skiplinks
{
	background:none;
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus

{
	background:#1f80e0 !important;
	color:#fff !important;
	border:solid 1px;
}
/* ++++++++++++++  fontsize  ++++++++++++++ */

#fontsize p a:link,
#fontsize p a:focus,
#fontsize p a:active,
#fontsize p a:visited
{
	color:#333;
	border-right:solid 1px #333;
}

#fontsize p a:last-child
{
	border:0;
}

#fontsize p a:hover,
#fontsize p a:active:hover,
#fontsize p a:focus:hover
{
	background:#083AFF;
	color:#fff
}

#fontsize h3
{
	color:#333;
}

/* ++++++++++++++  search  ++++++++++++++ */

#nav form .search
{
	padding: 6px 0 6px 5px;
	margin:5px;
	border:solid 1px #ccc;
	display:block;
	
}

#nav form .inputbox
{
	padding:2px 0 2px 0;
	margin:0;
	border:0;

}

#nav form .button
{
	border:solid 0px #ddd;
	background:#ccc url(../images/kircheintegral/button.png);
	color:#333;
	padding:4px !important
}

/* ##########################  contentarea  ########################### */

#contentarea,
#contentarea2
{
	background-color:#fff}



/* ##########################  navigation column  ########################### */



.module_content
{
	/*border:solid 1px #ddd;*/
	

}
.moduletable_js
{
	border:solid 0px #ddd;
}

#right .moduletable_js
{
	border:0
}

#nav h3
{
  border-bottom:solid 1px #ddd;
  color:#555
}

h3.js_heading
{
	border-bottom:solid 1px #ddd;
	background:#eee;
}

h3.js_heading span.backh
{
	border:solid 0px #000
}

h3.js_heading span.backh1
{

}

h3.js_heading a
{
	border:0
}

h3.js_heading a img
{
	border:0
}

h3.js_heading a.opencloselink:hover,
h3.js_heading a.opencloselink:active,
h3.js_heading a.opencloselink:focus
{
	background:none
}


#right h3 span.backh
{

}

#right h3 span.backh2
{
	background:#fff;
	color:#555;
	border-bottom:solid 1px #ddd
}

#right h3 span.backh3
{
padding-left:0
}

h3.js_heading a:link,
h3.js_heading a:visited,
h3.js_heading a:hover,
h3.js_heading a:active,
h3.js_heading a:focus
{

}

#nav h3.js_heading a:focus
{

}

#nav form
{
	color:#000;
}

#nav form a:hover,
#nav form a:active,
#nav form a:focus
{
	color:#fff;
	background:#1f80e0;
	text-decoration:none
}

/* +++++++++++++ other site menu +++++++++++++++++ */
 
#nav ul.menu#othersite li
{
	border:none;
	background: url(../images/kircheintegral/arrow_brown.png) 4px 10px no-repeat;
	margin-left: 3px;
	padding-left:9px;
}

#nav ul.menu#othersite li:hover,
#nav ul.menu#othersite li:active,
#nav ul.menu#othersite li:focus
{
	background-color:#F58201;
}

#nav ul.menu#othersite li a:hover,
#nav ul.menu#othersite li a:active,
#nav ul.menu#othersite li a:focus
{
	background:none;
	color:#6F2E0B;
}

/* ##########################  content - main   ########################### */

#breadcrumbs .divider {
	border-left-color: #001466;
}
#wrapper2
{
	background:#fff;
}

#main
{
	
}

#main th a:hover,
#main th a:active,
#main th a:focus
{
	background:#333;
	color:#fff;
}

.items-row
{
	background:#fff
}

.items-row h3
{
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	color:#555
}

.column-1,
.column-2
{
	border: solid 0px ;
}

.item-separator
{
	border: solid 0px #333333;
}

#main ul li
{

}

.small
{
	border:solid 0;
}

ul#archive-items li.row0,
ul#archive-items li.row1
{
	border-bottom:solid 1px #ddd 
}

.archive #adminForm fieldset
{
	border:0;
	padding:0;
	margin:20px 0
}

/* ++++++++++++++++++++++ Footnotes ++++++++++++++++++++++ */
.footnotes ol:before,
.footnotes ol
{
	color:#001466;
}

.footnotes p {
	color: #000;
}

sup > a, sup > a:link, sup > a:visited, 
sup > a:hover, sup > a:active, sup > a:focus {
	text-decoration: none;
}

/* ++++++++++++++  images  ++++++++++++++ */

.image-left
{
	padding:2px;
}

.image-right
{
	border:solid 1px #ddd;
	padding:2px
}

.img-gallery-1,.img-gallery-2,.img-gallery-3,
.img-gallery-4,.img-gallery-5,.img-gallery-6
{
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #aaa;
}
.img-gallery-1:hover,.img-gallery-2:hover,.img-gallery-3:hover,
.img-gallery-4:hover,.img-gallery-5:hover,.img-gallery-6:hover
{
	background: #9BBFE3 ;
}

a.thumbnail:hover
{
	background: none;
}

/* +++++++++++++++++ Blog ++++++++++++++++++++ */

.blog-item
{
	border: 1px solid #ddd;
}

#main .blog  h1,#main .blog  h2,#main .blog  h3,
#main .blog-featured  h1,#main .blog-featured  h2,#main .blog-featured  h3
{
	color:#eee;
	border: none;
	margin-top:-1px !important;
	text-decoration:none;

}

/* ++++++++++++++  leading  ++++++++++++++ */

.items-leading
{

}


/* ++++++++++++++++++++ headings +++++++++++++ */
#main h1
{ 
	color:#fff;
	border-bottom:solid 1px #999;
}




/* h1 on frontpage */

.items-row h2
{
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.items-leading h2,
#main h4
{
	color:#001466;
}

#main h2,
#main h3
{
	color:#001466;
	border-bottom:solid 1px #7C86AD;
	overflow: hidden;
}

#main h2 a
{
	color:#001466;
}


/* ++++++++++++++  readmore  ++++++++++++++ */

.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited
{
	color:#1f80e0;
	background:#fff url(../images/kircheintegral/arrow1.gif) repeat-x 4px 4px;
	border:solid 1px #ddd;
}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus
{
	background:#555 url(../images/kircheintegral/arrow2.gif) no-repeat 4px 10px !important;
	color:#fff;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus
{
	background:#555;
	color:#fff;
}

/* ++++++++++++++  icons  ++++++++++++++ */

.actions img
{
	border:0;
}

/* ++++++++++++++  items-more  ++++++++++++++ */

#main .items-more h3
{
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	color:#444;
}

#main .items-more ol
{
	color:#000;
}

#main .items-more ol li a
{
	background:#FFFFFF url(../images/blog_more.gif) no-repeat 0px center;
	color:#1f80e0
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus
{
	background: #1f80e0 url(../images/blog_more_hover.gif) no-repeat 0px center;
	color:#fff;
}


/* ++++++++++++++++++++++ Commentform +++++++++++++++++++++ */
form.comment {
    border: 1px solid #001466;
    background: #f0f0f0;
	 border-radius: 7px;
} 
	 
/* ++++++++++++++  pagination, pagenav  ++++++++++++++ */

#main .pagination
{
	/*border-top:solid 1px #ddd;*/
}

.pagenav a, 
.pagenav li,
.pagenav li:first-child a, 
.pagenav li:first-child
 {
	color: #000;
	background: #FFE139;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.pagenav li, .pagenav li:first-child {
	border: 1px solid #FE8700;
}

.pagenav a:hover,
.pagenav li:hover,
.pagenav li:first-child:hover,
.pagenav li:first-child:hover a {
	color: #000;
	background: #FE8700
}

/* ++++++++++++++  article index  ++++++++++++++ */

table.contenttoc
{
	border:solid 1px #ccc;
}

/* ++++++++++++++  uplinks ++++++++++++++ */

.uplink  a {
	color:#444;
}

.uplink  a:hover {
	color:#fff;
}
/* ##########################  right column   ########################### */

#right
{
	border:solid 0px #e6e6e6;
	background:#fff
}



#right h3
{

}

#right h4
{
	color:#555;
	border:solid 0;
}



#right ul li a:hover,
#right ul li a:active,
#right ul li a:focus
{
	background:#1f80e0;
	color:#fff;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */
#close span
{
	color:#000;
}



/* ##########################  modules  ########################### */

.moduletable {
	border: 1px solid #001466;
	background:#f0f0f0;
	border-radius:7px;
	color: #888;
}

.moduletable li,
.moduletable li a,
.moduletable h4 a {
	text-decoration:none;
}

/* ++++++++++++++  mostread, latest news ++++++++++++++ */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited
{
	background: url(../images/kircheintegral/arrow2_grey.png) 2px 7px  no-repeat ;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus
{
	background:#555 url(../images/arrow_white_grey.png) 2px 7px  no-repeat !important;
}

.related_blog {
	background: #FEF1A4;
	border-color: #FFBF00;
}

/* ++++++++++++++  newsfeed  ++++++++++++++ */

ul.newsfeed
{
	border:solid 0px #000;
}

.newsfeed-item
{
	border-bottom:solid 1px #ddd;
}

.newsfeed-item h5 a
{

}

/* ++++++++++++++  newsflash  ++++++++++++++ */
/* newsflash horizontal */

ul.newsflash-horiz
{
	background:#F5F5F5 url(../images/kircheintegral/box.png) repeat-x;
	border:1px solid #EEEEEE;
}

ul.newsflash-horiz li
{
	border:solid 0px #eee;
	background:#f5f5f5;
}

ul.newsflash-horiz li h4
{
}


/* newsflash vertical */

.newsflash-vert
{

}

/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem
{
	border:0
}

.banneritem a
{
	background:none
}

.banneritem a img
{
	background:none;
	border:0
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form .inputbox
{
	border:solid 1px #ddd;
	background:url(../images/content_bg.gif) repeat-x;

}

fieldset.input
{
	border:0 ;
}

input.button,
button.button,
button.validate
{
	
	background:#FFFFFF url(../images/kircheintegral/arrow1.gif) no-repeat left top;
	border:1px solid #DDDDDD;
	color:#444444;
}

/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs
{
	border:solid 1px #ddd;
	border-bottom:0;
	background:#f5f5f5 url(../images/kircheintegral/box.png) repeat-x;
}

ul.tabs li
{
	background:#f5f5f5 url(../images/kircheintegral/box.png) repeat-x;
	border-right:solid 1px #ddd
}

ul.tabs li a:link,
ul.tabs li a:visited
{
	color:#333;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
	color:#000
}

.tabcontent
{
	border:solid 1px #ddd;
	background:#fff;
	color:#000;
}

.tabcontent .linkclosed
{
	color:#000;
	border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen
{
	background:#fff;
	color:#333;
	border:0
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus
{
	background:#555;
	color:#fff
}

/* ++++++++++++++  category-module  ++++++++++++++ */

#right .category-module h4 a:link,
#right .category-module h4 a:visited
{
	color:#0D4C89
}

#right .category-module h4 a:hover,
#right .category-module h4 a:active,
#right .category-module h4 a:focus
{
	color:#fff
}


.category-module li
{
	border-bottom:solid 1px #ddd;
}

.category-module li li
{
	border:0
}



/* ##########################  search   ########################### */

.searchintro img
{
	border:0px
}

.inputbox:focus
{
	
}

.word
{
	background:#fff;
	border:solid 0px #ccc ;
}

.word input
{
	border:solid 1px #ddd;
	background:url(../images/content_bg.gif) repeat-x;
	color:#333;
}

.only
{
	border:solid 1px #ccc;
}

.phrases
{
	color:#000;
	border:solid 1px #ccc;
}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox
{
	background:#fff;
	color:#000;
}

.phrases .inputbox option
{
	background:#f5f5f5;
	border-bottom:solid 1px #ccc;
}

.phrases .inputbox option a:hover
{
	background:#C00;
	border-color:#CFD0D6;
	color:#fff;
}

/* ++++++++++++++   search results	++++++++++++++++++ */

dl.search-results
{
	background:#f5f5f5;
}

dl.search-results dt.result-title
{
	border-top:dotted 1px #ddd
}

dl.search-results dd.result-created
{
	border-bottom:solid 5px #fff;
}

/* ##########################  forms   ########################### */


/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid
{
	border-color:red !important;
}

label.invalid
{
	color:red;
}


/* ##########################  user profile  ########################### */
#users-profile-core,
#users-profile-custom
{
	border:solid 1px #ccc;
}

#member-profile fieldset
{
	border:solid 1px #ccc;
}


/* ##########################  tables   ########################### */
table, tr, td, th,
table td,
table th
{
	border:0;
}

tbody
{

}

tr.odd,
.cat-list-row1
{
	background:url(../images/news.gif)  repeat-x;
}

table.newsfeeds td,
table.weblinks td
{

}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
	background:#444 ;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
	color:#fff
}

table.category td a
{
	font-size:1.3em;
	font-weight: 700;
	
}


td.counter
{

}

td.num,
td.hits
{

}

td p
{

}

table.category th a img
{
	border:solid 0px ;
}



#main table.moduletable td,
#main table.moduletable tr
{border:0;}
fieldset.filters
{
	border:solid 0px #ddd;

}

/* ##########################  contacts   ########################### */

.contact form
{
	background:#fff;
	color:#000;
}

.contact input
{
	background:#fff;
	color:#000;
}

.contact .button
{

}

.contact input.invalid,
.contact textarea.invalid
{
	border:solid 2px red;
}

.contact label.invalid
{
	color:red;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error
{
	color:#044b63;
	background:#eee;
	border-top:3px solid #044b63;
	border-bottom:3px solid #044b63;
}

body.contentpane
{
	background:#fff;
}


/* ##########################  footer   ########################### */

#footer
{
	background-color:#083AFF;
	color:#fff ;
}

#footer-inner
{
	
}

#footer a, #footer a:hover
{
	color:#FFFBCC ;
}

#footer-legal a, #footer-legal a:hover
{
	color:#fff;
}

#footer-legal ul li
{
	border-left:1px solid #fff;
}

#bottom a img
{
	border:0
}

.box1
{border-right:solid 1px #ccc}
.box3
{border-left:solid 1px #ccc}
#bottom  ul li a
{background-image:none;
padding-left:0}
/* ##########################  editor  ########################### */

.contentpaneopen_edit img
{
	border:0
}

form.editor fieldset
{
	border:solid 1px #ccc;
}


/* ++++++++++++++  edit  ++++++++++++++ */

form#adminForm
{
	border:solid 0px #000
}

.edit form#adminForm fieldset
{
	border:solid 1px #ddd
}
.edit form#adminForm  legend
{
	font-weight:700
}
/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip
{
	border:solid 1px #333;
	background:#ffffcc;
}


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


table.pagenav,
table.pagenav tr,
table.pagenav td
{border:0 !important}

.cat-children ul ul,  
.categories-list ul ul
{
	list-style-type:none; 

}

.cat-children ul ul ul,
.categories-list ul ul ul
{
	

}
.categories-list .category-desc ul li
{list-style-type:square
}

/* contact  plain */
#main .contact h3
{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.form-required
{
	font-weight:700;
	margin:10px 0;
	background:#fff url(../images/req.png) no-repeat;
	padding:10px 40px

}

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input


{
	background:#fff url(../images/content_bg.gif) repeat-x ;
	border:solid 1px #ccc;
	padding:3px
}

.profile-edit select
{
	padding:0px;
	border:solid 1px #ccc;
	background:#f5f5f5;

}
.profile-edit select option
{
	padding:3px

}
/* contact  slider */

.panel
{
	border:solid 1px #ddd;
	margin-top:-1px

}
#main .contact .panel h3
{
	margin:0px 0 0px 0;
	padding: 0;
	background:#eee;
	border:0
}
.panel h3 a
{
	display:block;
	padding:6px;
	text-decoration:none;
	color:#444;
	padding:6px;
}


.panel h3.pane-toggler a
{
	background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a
{
	background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat;
	border-bottom:solid 1px #ddd;
}

.pane-slider
{
	border:solid 0px;
	padding:0px 10px !important;
	margin:0;
	background: url(../images/nav_level_1.gif) repeat-x ;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0
}


/* tabs */

div.current
{

	background: url(../images/nav_level_1.gif) repeat-x ;
}

/* image upload modal */

#all #upload-flash ul li a:hover,
#all .item a:hover span {
	background:#1f80e0;
	color:#fff;
}
#close a
{text-decoration:none}


/* ++++++++++++++  member Login  kircheintegral ++++++++++++++ */

ul#login_menu li{
	border:0;
}
ul#login_menu li a:link, 
ul#login_menu li a:visited
{
	background:url(../images/system/arrow.png) 2px 7px no-repeat;
	color:#001466;
	margin:0;
}

ul#login_menu li a:hover
{
	color:white;
	background: #F58201 url(../images/system/arrow.png) 2px 7px no-repeat;
}

/* ++++++++++++++++ Links mit Pfeil +++++++++++*/
a.link-arrow
{
	background-image:url(../images/kircheintegral/arrow_brown.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:15px;
}

a.link-arrow:hover
{
	background-image:url(../images/kircheintegral/arrow_yellow.png);
}

/* ++++++++++++ shariff +++++++++++++ */
.shariff .theme-grey .shariff-button a {
    background-color: #629DD1 !important;
}

.shariff .theme-grey .shariff-button a:hover {
    background-color: #083AFF !important;
}

/* +++++++++++++++++ Overlay mobile Hamburger menu ++++++++++++++++++++ */
.mobileNavOpen #nav
{
	display:none;
}

.mobileNavOpen .logoheader
{
	display:none;
}

#header #mobileNavButton {
	background: #083AFF;
	border-color: #fff;
	color:#fff;
}
	
#header #mobileNavButton:hover {
	background-color: #BDD6EC;
	
}
	
.mobileNavOpen #main_menu ul.menu li
{
	margin-bottom:0 !important;
	margin-top:0 !important;
	border:none;
	
}
.mobileNavOpen #main_menu ul.menu a,
.mobileNavOpen #main_menu ul.menu a:link,
.mobileNavOpen #main_menu ul.menu a:visited,
.mobileNavOpen #main_menu ul.menu ul a,
.mobileNavOpen #main_menu ul.menu ul a:link,
.mobileNavOpen #main_menu ul.menu ul a:visited
{
	border:1px solid #001466;
	border-top:none;
	height:2.1em;
}

.mobileNavOpen #main_menu ul.menu ul a,
.mobileNavOpen #main_menu ul.menu ul a:link,
.mobileNavOpen #main_menu ul.menu ul a:visited
{
	font-size:0.833em;
	padding-bottom:0;
}

.mobileNavOpen #main_menu ul.menu ul li:first-child 
{
	border-top:none;
}

/* Contactform */
input.error, textarea.error, label.error {
	background-color:#F7B7D6 !important;
	border-color: red !important;
}

/* Search */
.highlight {
	background-color: yellow;
}

/* +++++++++++++++++++++ responsive ++++++++++++++++++++1 */

@media only screen and (min-width: 1200px) {
	/* fix screens larger than max*/
	h1#logo
	{	
		font-size: 94px;
	}
	
	#logo span.header1 {
		font-size:33px;
		margin-top: 20px;
		
	}
	
	h1#logo a:hover span.yellow {
		top: -30px;
	}
	#header .search form{
		margin-top: 24px;
		
	}
}

@media only screen and (max-width: 950px) {
	#header .search form {
		 margin-top: 1vw;
	}
}

@media only screen and (max-width: 750px) {
	#fontsize h3 {
    	display: block;
		text-align: center;
	}
	#header .search form {
		 margin-top: 0.5vw;
	}
	
	.logoheader {
		height:21vw;
	}
	h1#logo
	{
		font-size: 9.2vw;
	}
	#logo span.header1 {
		margin: 5.7vw 25% 0 0;
	}
	
}

@media only screen and (max-width: 600px) {
	#fontsize{display:none}
	
	#header
	{
		
	}
	
	.logoheader
	{
		height:32vw;
	}

	h1#logo
	{
		font-size: 12vw;
		padding: 2% 0 0 0;
	}
	
	#logo span.header1 {
		clear: both;
		font-size: 4vw;
		margin: 0 0 0 4vw;
		text-align:left;
	}
	
	#header .search form {
		 margin-top: 22vw;
	}

	#main_menu ul.menu li{
		border:1px solid #FFEFB7;
	}
	
	.left1
	{
		padding:0;
		margin:0 0 5px 0;
		width:100%
	}
	
	#nav ul.menu#othersite
	{
		background:none;
	}
	
	
	#nav_menu ul.menu li,
	#nav_menu ul.menu li a,
	#nav_menu ul.menu li a:link,
	#nav_menu ul.menu li a:visited
	{
		border-radius:0;
		-moz-border-radius:0; /* Firefox */
		-webkit-border-radius:0; /* Safari, Chrome */
		-khtml-border-radius:0; /* Konqueror */
	}
	
	#footer-legal ul li {
		border-left: none;
	}
}



@media only screen and (max-width: 480px) {

	img {
  		border: 0;
	}
	
	.logoheader {
		height:35vw;
	}

	#header .search form {
		 margin-top: 24vw;
	}
	
	#logo span.header1 {
		font-size: 4.7vw;
		margin: 0;
		text-align:center;
	}
}

@media only screen and (max-width: 370px) {
	h1#logo {
		font-size: 10vw;
		padding: 4% 0 0 0;
	}
	.logoheader {
		height:45vw;
	}
	#header .search form {
		 margin-top: 27vw;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}