/* @override http://www.ikkev.de/fileadmin/templates/layout.css */

/* @group Reset CSS */


/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */
#wrapper {
	display: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}
a img {
	border: none;
}
body { color: #000; background: white;
	font: 12px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
br.antifloat {
	clear: both;	
	height: 1%;
	line-height: 1%;
	font-size: 1%;
}
p.antifloat {
	clear: both;	
}
.invisible {
    display:block; position:absolute; left: -2000px; height: 0px; width: 0px;
}
/* -------------------------------------------------------------- */
/* @end */

/* @group structure */


body {
	background: #d9dadb url(pics/body-bg.gif) repeat-x;
}
a:link {
	color: #009ee0;
	text-decoration: none;	
}
a:visited {
	color: #464648;
}
a:hover {
	color: #009ee0;
	text-decoration: underline;	
}
#all {
	text-align: left;
	width: 900px;
	position: absolute;
	margin-left: -450px;
	left: 50%;
	background: url(pics/all-bg-standard.gif) repeat-y;
}
#standardmenu {
	background-color: #464648;
}
#header {
	height: 195px;
	border-bottom: 5px solid #d9dadb;
	background-color: white;
}
#logo {
	background: url(pics/ikk-logo.jpg) no-repeat;
	width: 450px;
	height: 100px;
	position: absolute;
	z-index: 1000;
}
#logo h1 {
	display: none;
}
#headercontent {
	position: absolute;
	z-index: 100;
}
#headercontent img {
	margin-left: 225px;
	}
#menu {
	width: 225px;
	float: left;
}
#content {
	width: 430px;
	margin-left: 10px;
	float: left;
}
#basewrapper div.leftwraper{
	margin-left: 0px;
	width: 670px;
	float: left;
	}

#extra {
	margin-left: 685px;
	width: 205px;
	padding-top: 10px;
	overflow: hidden;
}
#searchbox {
	margin-left: 675px;
	width: 225px;
	background-color: #464648;
}
#login {
	display: none;
}
#basewrapper {
	clear: both;
}
#footer {
	background-color: #464648;
	margin-left: 225px;
} 

.startpage #header {
	height: 400px;
	border-bottom: 0;
	}
.startpage #headercontent {
	height: 400px;
	position: relative;
	overflow: hidden;
}
.startpage #headercontent img {
	margin-left: 0px;
	}
.startpage #content {
	width: 430px;
	margin-left: 10px;
	float: left;
}
.startpage #banner {
	margin-left: 460px;
	width: 205px;
}
.startpage .column-wraper {
	width: 680px;
	float: left;
	overflow: hidden;
}
.startpage #searchbox {
	margin-left: 450px;
	width: 225px;
	background-color: #464648;
}
.startpage #extra {
	margin-left: 685px;
	width: 205px;
	overflow: hidden;
}
.startpage #footer {
	margin-left: 0px;
} 
#all.startpage {
	background: url(pics/all-bg-startpage.gif) repeat-y;
}
/* @end */

/* @group horizmenu */
#hmenu {
	text-align: left;
	width: 900px;
	height: 56px;
	background: #009ee0 url(pics/horizmenu-bg.gif) repeat-x 0 top;
	}
#hmenu li {
	display: inline;
	list-style-type: none;
}
#hmenu li a:link, #hmenu li a:visited {
	border-right: 1px solid #71c0e1;
	text-decoration: none;	
	padding: 16px 19px 18px 19px;
	font: bold 18px/54px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
}
#hmenu li a:hover, #hmenu li a:visited:hover {
	background: #009ee0 url(pics/horizmenu-bg.gif) repeat-x left -64px;
	color: black;
}
#hmenu li.usr span {
	display: none;
} 
#hmenu li.usr a:link,
#hmenu li.usr a:visited {
	background: url(pics/horizmenu-lock-open.gif) no-repeat;
	padding: 16px 30px 18px 30px;
}
#hmenu li.usr a:hover,
#hmenu li.usr a:visited:hover {
	background: url(pics/horizmenu-lock-open-ro.gif) no-repeat;
	padding: 16px 30px 18px 30px;
}
/* @end */

/* @group standardmenu  */
#standardmenu {
	height: 20px;
}
#standardmenu li {
	list-style-type: none;
	margin: 4px 10px 0 0;
	display: inline;
	font-size: 11px;
	font-style: italic;
}
#standardmenu li a:link, #standardmenu li a:visited {
	color: white;
	text-decoration: none;
	padding-right: 10px;
	border-right: 1px solid white;
	font-size: 11px;
	font-style: italic;
}
#standardmenu li a:hover, #standardmenu li a:visited:hover {
	text-decoration: underline;
	}
#standardmenu ul {
	padding: 4px 10px 0px 10px;
	float: right;
}
#standardmenu li.username {
	color: white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: normal;
}
#standardmenu li.username span {
	color: #009ee0;
	font-weight: bold;
	border-right: 1px solid white;
	padding-right: 10px;
}
a.homebutton, a.homebutton:visited  {
	display: block;
	width: 50px;
	color: white;
	text-decoration: none;
	padding: 4px 10px 0px 10px;
	font-size: 11px;
	font-style: italic;
}
a.homebutton:hover, a.homebutton:visited:hover  {
	text-decoration: underline;
}
.loginboxopen {
	color: white;
	text-decoration: none;
	padding-right: 10px;
	border-right: 1px solid white;
	font-size: 11px;
	font-style: italic;	
}
.loginboxopen:hover {
	text-decoration: underline;
	}
/* @end */

/* @group menu (main) */
#menu li {
	list-style-type: none;
	border-top: 1px solid white;
	background-color: #464648;
}
#menu li li {
	background-color: #66c5ec;
	}
	/* = act  */
#menu li.act {
	background-color: #009ee0;
	}
	/* = cur  */
#menu li.cur {
	background: #009ee0 url(pics/menu-1lv-cur.gif) no-repeat 10px 9px;
	}
#menu li.usr {
	background: #000000 url(pics/menu-1lv-usr.gif) no-repeat 200px 9px;
	}
#menu li.act li {
	background: #66c5ec url() no-repeat;
	}
#menu li.cur a:link, #menu li.cur a:visited  {
	color: black;
	padding-left: 30px;
	}
#menu li.act li a:link, #menu li.act li a:visited,
#menu li.cur li a:link, #menu li.cur li a:visited {
	color: white;
	padding-left: 10px;
	}
#menu li.act li.cur a:link, 
#menu li.act li.cur a:visited {
		background: url(pics/menu-2lv-cur.gif) no-repeat 10px 9px;
		color: black;
		padding-left: 30px;
	}
#menu li a:link, #menu li a:visited {
	text-decoration: none;
	padding: 6px 10px 5px 10px ;
	font: 15px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	display: block;
}
#menu li li li {
background: #ccecf9 !important;	}
#menu li li li.cur a:link, #menu li li li.cur a:visited {
background: #ccecf9 url(pics/menu-3lv-cur.gif) no-repeat 10px 9px !important;		
}
#menu li li li a:link, #menu li li li a:visited {
	color: #464648 !important;
	}
/* @end */

/* @group footer menu */
#footer {
}
#footer li {
	list-style-type: none;
	float: right;
	margin: 10px 10px 10px 0;
}
#footer li a:link, #footer li a:visited {
	color: white;
	text-decoration: none;
	padding-right: 10px;
	border-right: 1px solid white;
	font-size: 11px;
	font-style: italic;
}
#footer li a:hover, #footer li a:visited:hover {
	text-decoration: underline;
	}

/* @end */

/* @group breadcrumb-menu */
#breadcrumb {
	padding: 3px 0 15px 0;
}
#breadcrumb span {
	color: #d9dadb;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-right: 3px;
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #009ee0;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding-right: 3px;
}
#breadcrumb a:hover, #breadcrumb a:visited:hover {
	text-decoration: underline;
	}

/* @end */

/* @group searchbox */
#searchbox form {
	padding: 48px 13px 5px 13px;
}

#searchbox input.sword {
	width: 140px;
	height: 19px;
	margin: 2px 0 0 0;
	border: 0;
	vertical-align: top;
	-webkit-border-radius: 13px;
	-moz-border-radius: 10px;
	padding: 8px 5px 2px 5px;
	line-height: 20px;
	outline: none;
}

#searchbox a:link, #searchbox a:visited {
	color: white;
	text-decoration: none;
	font: 10px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(pics/searchbox-more-link.gif) no-repeat 2px 4px ;
	padding: 3px 0 0 18px ;
}
#searchbox a:hover, #searchbox a:visited:hover {
	color: #009ee0;
	}
#searchbox button {
	border: 0;
	vertical-align: top;
	background-color: transparent;
	cursor: pointer;
}
#searchbox form div {
	height: 34px;
	background: url(pics/searchbox-no.gif) no-repeat right top;
}
#searchbox form div:hover {
	background: url(pics/searchbox-ro.gif) no-repeat right top;
}
/* @end */

/* @group Login */
#login {
	height: 280px;
	background-image: url(pics/login-bg.gif);
	font-size: 12px;
	line-height: 15px;
}
.loginhinweis {
	margin-left: 10px;
	width: 420px;
	color: #9e9e9e;

	float: left;
}
.loginhinweis a:link, .loginhinweis a:visited{
	color: #009ee0;
	text-decoration: none;
}
#login h4 {
	color: #9e9e9e;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
}
#login div.tx-felogin-pi1 {
	margin-left: 440px;
	border-left: 1px solid #9e9e9e;	
	padding: 0 10px 10px 10px;
	color: white;
}
#login div.tx-felogin-pi1 h3 {
	color: white;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
}
#login div.tx-felogin-pi1 a:link, 
#login div.tx-felogin-pi1 a:visited{
	display: block;
	padding: 5px 0 0 10px;
	color: #009ee0;
	text-decoration: none;
}
#login div.tx-felogin-pi1 input#pass,
#login div.tx-felogin-pi1 input#user,
#login .gimmepassword {
	width: 200px;
	height: 19px;
	margin: 2px 0 0 0;
	border: 0;
	vertical-align: top;
	-webkit-border-radius: 13px;
	-moz-border-radius: 10px;
	padding: 8px 5px 2px 10px;
	line-height: 20px;
	outline: none;
}
#login div.tx-felogin-pi1 label {
	padding: 10px 0 5px 10px;
	font-style: italic;
}
.loginclose {
	color: #9e9e9e;
	text-align: right;
	padding: 15px 30px 0 0;
	background: url(pics/login-close.gif) no-repeat 880px 17px;
	cursor: pointer;
	margin: 0;
	font-size: 11px;
}
#login div.tx-felogin-pi1 button {
	background-color: transparent;
	cursor: pointer;
	border: 0;
}
/* @end */

/* @group Slideshow startpage */
.startpage .slideshow .imagewrap {
	height: 400px;
	width: 675px;
	position: absolute;
	margin-left: 225px;
}
.startpage .slideshow .imagewrap h1 {
	position: absolute;
	top:  250px;
	right: 0px;
	color: white;
	background-color:rgb(0, 158, 224);
	background-color:rgba(0, 158, 224, 0.50);
	padding: 15px 15px 13px 10px;
	font: bold 72px/72px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.startpage .slideshow .imagewrap h2 {
	position: absolute;
	top:  250px;
	right: 0px;
	color: white;
	background-color:rgb(0, 158, 224);
	background-color:rgba(0, 158, 224, 0.50);
	padding: 15px 15px 13px 10px;
	font: bold 55px/60px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.startpage .slideshow .imagewrap h3 {
	position: absolute;
	top:  250px;
	right: 0px;
	color: white;
	background-color:rgb(0, 158, 224);
	background-color:rgba(0, 158, 224, 0.50);
	padding: 15px 15px 13px 10px;
	font: bold 50px/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* @end */