/* VKTA INTRANET - style.css */

/*
darkgreen	085622
green2		96C503
greengrey	D7DBCB

link		 7CB009
text:        666

-----------------

*/

/* nur zum Testen des DW-override stylesheet 
@import url(DW-designtime.css);
*/



html, body {
    padding: 0;
    margin: 0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #000;
	background: #CBD1B6 url(../img/body-bg.png) repeat-x 0 0;
	padding-bottom: 30px;
}

a { color: #7CB009;  text-decoration: none;}
a:visited { color: #7CB009;}
a:hover { color: #7CB009; text-decoration: underline; }
a:focus {outline-style: none;} /* get rid of dotted border in FF*/

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -0.6px; 
	line-height: 33px;
	margin-bottom: 15px;
}

h2 { color: #444; font-size: 19px; line-height: 23px; font-weight: normal;}
h3 { font-size: 15px;}

.eng { margin-bottom: 2px; }

.linie { color:#969696; }

blockquote {
	color: #333;
	font-style: italic;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}

hr { 
	background: transparent;
	border: none;
	height: 1px;
	margin: 20px 0 20px 0;
	padding: 0;
	border-top: 1px solid #999;
	display: block;
}

img, img a {border: none;}


/* WRAPPER
----------------------------------------------------------------------------- */

#pagewrap {
   position: relative;   
	margin: 0 auto;
	padding: 0 50px;
	min-width: 900px;
	/*max-width: 1200px;*/
}

/* HEADER
----------------------------------------------------------------------------- */

#header {
	position: relative;
	height: 170px;
	min-width: 1000px;
	margin: 0 0 0px 0px;
    clear: both;
    background: transparent;
}

#header h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
}


#header a.backtooverview {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	padding: 1px 0 0px 25px;
    background: transparent url(../img/icon-backtooverview.png) no-repeat 0 0;
}

#header a.backtooverview:hover {
	color: #96C503;
	text-decoration: none;
}

.lastmodified {
	position: absolute;
	bottom: -28px;
	right: 2px;
	font-size: 11px;
	color: #888;
}


/* 	TOPNAV 
--------------------------------------------------------------- */

#navtop {
   position: relative;
   margin: 0;
   float: left;
   width: 800px; /*DW*/
}

#navtop ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navtop ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}

#navtop ul li a {
	padding: 12px 25px 10px 25px;
	background: transparent;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}

#navtop ul li a.current,
#navtop ul li a:hover {
	background: #96C503;
	color: #FFF;
	text-decoration: none;
}

/* CONTENT
----------------------------------------------------------------------------- */

#content {
   position: relative;
   width: 100%;
   float: left;
   margin: 0px auto 0px 0;
   padding: 0px 0 40px 0; 
   background: #FFF url(../img/content-bg.png) repeat-y top left;
   border-top: 5px solid #96C503;
}

/* MAIN
----------------------------------------------------------------------------- */

#mainwrap {
}


#main {
	/*min-width: 550px;*/
	padding: 30px 50px 30px 0;
	line-height: 19px;
	margin: 0 0px 0px 320px;
	background: #FFF;
	overflow: visible; /* CS5 needs that for template to work*/
	/*overflow: hidden;*/
}

#main a {
	font-weight: bold;
}


#main img {
	padding: 0px;
	border: none;
}

#main img a {
	border: none;
}

#main a:hover img { border: 0px solid #9C4C59; }


#main img.left {  /* Bild links */
	float: left;
	margin: 0px 20px 10px 0px;
}


#main img.right {  /* Bild rechts */
	float: left;
	margin: 0px 0 10px 20px;
}

.block {
	display: block;
	clear: both;
}

/* --- List --- */

#main ul {
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#main ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

#main ul li {
	padding-left: 0px;
	margin: 0 0 3px 5px;
}

/* Liste-Kasten */

#main ul.Liste-Kasten {
	padding: 10px 10px 7px 10px;
	margin: 0 0 15px 0;
	list-style: none;
	background: #F1F2EB;
}

#main ul.Liste-Kasten li {
	list-style: none;
	background: url(../img/bullet-li.gif) no-repeat 0px 7px;
	padding-left: 13px;
	margin: 0 0 3px 5px;
}


/* Liste-Bloecke */
#main ul.Liste-Bloecke {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
	background: #F1F2EB;
}

#main ul.Liste-Bloecke li {
	list-style: none;
	background: transparent url(../img/bullet-li.gif) no-repeat 10px 13px;
	padding: 8px 0 8px 22px;
	margin: 0 0 3px 0;
	border-bottom: 2px solid #FFF;
}

#main ul.Liste-Bloecke li li {
	border-bottom: none;
}

/* Liste-Trennlinien */
#main ul.Liste-Trennlinien {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}

#main ul.Liste-Trennlinien li {
	list-style: none;
	background: transparent url(../img/bullet-li.gif) no-repeat 0px 13px;
	padding: 8px 0 8px 13px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #CCC;
}

#main ul.Liste-Trennlinien li li {
	border-bottom: none;
}




#main ol {
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 30px;
}

#main ol ol {
	margin-bottom: 0;
	padding-bottom: 0;
}

#main ol li {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
}

#main ol.Liste-Kasten {
	padding: 10px 20px 10px 40px;
	margin: 0 0 15px 0;
	background: #F1F2EB;
}



/* Text */

p.einleitung {
	font-size: 15px;
	line-height: 20px;
}

p.smalltext,
smalltext {
	font-size: 11px;
	line-height: 14px;
}

a.downloadlink {
		background: url(../img/icon-download.gif) no-repeat left center;
		padding: 2px 0 2px 20px;
}


a.bulletlink, a:visited.bulletlink {
	margin: 0;
	font-weight: bold;
	padding: 0 0 0px 11px;
	line-height: 23px;
	background: url(../img/icon-bulletlink.gif) no-repeat left center;
}

a:hover.bulletlink {
}

span.neu {
	padding: 0 36px 0 0;
	background: url(../img/icon-neu.png) no-repeat right center; 
}


a.doc,
a.image,
a.external,
a.email {
}

/* js appends span for icon */
a.doc span,
a.image span,
a.external span,
a.email span {
	display: inline-block;
	/*position: absolute;*/
	margin: 0 2px -2px 0px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

a.doc span { 
	background-image: url(../img/icon-document.png);
}
a.image span {
	background-image: url(../img/icon-image.png);
}
a.external span {
	background-image: url(../img/icon-external.png);
}
a.email span {
	background-image: url(../img/icon-email.png);
}


#navleft a.doc span { 
	background-image: url(../img/icon-document-dark.png);
}
#navleft a.image span {
	background-image: url(../img/icon-image-dark.png);
}
#navleft a.external span {
	background-image: url(../img/icon-external-dark.png);
}
#navleft a.email span {
	background-image: url(../img/icon-email-dark.png);
}



/* Textboxen */

.Kasten0 p, .Kasten1 p, .Kasten2 p, .Kasten3 p, .Kasten4 p {
	padding: 0; margin: 0;
}

.Kasten0 { 
	padding: 15px 20px;
	margin: 0 0 15px 0;
	background: #FFF;
}


.Kasten1 { /* hellgruen */
	padding: 15px 20px;
	margin: 0 0 15px 0;
	background: #F1F2EB;
}

.Kasten2 { /* grau */
	padding: 15px 20px;
	background: #DBEBA9;
	margin: 0 0 15px 0;
}

.Kasten3 {
	padding: 15px 20px;
	background: #FFEDA6;
	margin: 0 0 15px 0;
}

.Kasten4 {
	padding: 15px 20px;
	background: transparent;
	margin: 0 0 15px 0;
	border: 2px solid #FF0000;
}

.rot {
	color: #F00;
}

.smalltext {
	font-size: 11px;
	color: #666;
}

.block p.smalltext,
.block smalltext {
	color: #444;
	line-height: 18px;
}

.trennstrich-oben { /* p */
	border-top: 1px solid #BBB;
	margin-top: 16px;
	padding-top: 16px;
}

.trennstrich-unten { /* p */
	border-bottom: 1px solid #BBB;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

/* --- Tables --- */

table {
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
	margin: 0 0 15px 0;
}

thead tr {
    background: #CCEFF7;
}

.header {
	position: relative;
    background: #CCEFF7;
    border-bottom: 1px solid #FFF;
}

.noborder {	border: none;}

th {
	text-align: left;
	font-size: 12px;
	padding: 4px 5px 4px 10px;
	background: #DBEBA9;
	border: 1px solid #CCC;
}

tr, td {
	background: #F1F2EB;
	border: 1px solid #CCC;

}

td {
	padding: 4px 5px 4px 10px;
	vertical-align: top;
	background: transparent;
}

table.noborder th,
table.noborder td,
table.noborder tr {
	border: none;
}


.Hintergrundfarbe0 {
	background-color: #FFF!important;
}

.Hintergrundfarbe1 {

}

.Hintergrundfarbe2 {
	background-color: #FFEDA6!important;	
}

.Textsatz-zentriert {
	text-align: center;	
}


/* table zebra */

table.zebra td {
	background: #F1F2EB;
}

table.zebra .even td {
	background: #F8F9F5;
}



a.lightbox span { 
}



/* SIDEBAR LEFT
----------------------------------------------------------------------------- */

#sidebar-l {
	float: left;
	width: 270px;
    background: #ECEEE4 url(../img/sidebar-bg.png) repeat-x 0 0; 
	overflow: visible; /* CS5 needs that for template to work*/
}


.print a {
	position: absolute;
	bottom: 7px;
	right: 50px;
	width: 18px;
	height: 18px;
	display: block;
	text-indent: -8989px;
	z-index: 10;
    background: transparent url(../img/icon-print.gif) no-repeat top center; 
}


/* FOOTER
----------------------------------------------------------------------------- */

#footer { 
	margin: 0;
	padding: 15px 20px;
	color: #FFF;
	font-size: 12px;
    background: #B8D855 url(../img/footer-bg.png) repeat-y 0 0; 
}

#footer ul,
#footer li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	padding: 0 5px;
	color: #FFF;
}

#footer p {
	padding: 0;
	margin: 0 30px 0 0;
	float: right;
	width: 200px;
	text-align: right;
	color: #589204;
}



/* EXTRA
----------------------------------------------------------------------------- */

.hide { position: absolute; top: -9999px; left: -9999px; }




/* PAGE: #start
----------------------------------------------------------------------------- */

#start #pagewrap {
	width: 1000px;
	padding: 0;
}

#start #content {
	float: none;
	min-height: 450px;
    background: #ECEEE4 url(../img/sidebar-bg.png) repeat-x 0 0; 
}

#start #main {
	margin: 0;
	padding: 30px 50px;
	background: transparent;
}


.list-ressources {
	float: left;
	width: 210px;
	margin: 0 20px 30px 0px;
}

.list-ressources.last {
	margin-right: 0;
}

.list-ressources h3 {
	margin: 0 0 5px 0;
	padding: 10px 15px;
	background: #96C503;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	font-size: 13px;
}

#start ul, #start ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#start .list-ressources li {
	border-bottom: 1px solid #CBD1B6;
}

#start .list-ressources li.last {
	border-bottom: none;
}


.list-ressources li a {
	display: block;
	padding: 10px 0px 10px 10px;

	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #065420;
	background: url(../img/navleft-bullet-li.png) no-repeat center left;
}

.list-ressources li a:hover  {
	color: #000;
	text-decoration: underline;
}