/*##################################################################
#------------------------------------------------------------------#
#  Style Sheeds kalme.org
#------------------------------------------------------------------#
###################################################################*/

/*-----------------------------------------------------------------*
 *----->> HTML-Objects
 *-----------------------------------------------------------------*/

body {
	margin:				0px;
	padding:			0px;

	background-color:	white;
	background-image:	url(/fileadmin/_img/interface/bg.gif);
}

a {
	color:				#982F58;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

a.link-ext {
	padding-left:		13px;

	background-image:	url(/fileadmin/_img/div/link_ext.gif);
	background-repeat:	no-repeat;
	background-position: 0px 3px;
}

a.link-mailto {
	padding-left:		15px;

	background-image:	url(/fileadmin/_img/div/link_mailto.gif);
	background-repeat:	no-repeat;
	background-position: 0px 3px;
}

a.link-print {
	padding-left:		15px;

	background-image:	url(/fileadmin/_img/div/print.gif);
	background-repeat:	no-repeat;
	background-position: 0px 0px;
}

h1 {
	padding-top:		20px;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			24px;
	font-weight:		bold;
	color:				#333;
}

h2 {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#982F58;
}

h3, 
h4, 
h5, 
h6 {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	color:				#333;
}

dfn, 
.hidden {
	display:			none;
}

dl {
	margin:				0px;
}

dl dt {
	font-weight:		bold;
}

dl dd {
	margin-left:		8px;
}

dl dd img {
	margin-right:		5px;
}

form {
	margin:				0px;
	padding:			0px;
}

fieldset {
	padding:			0px;
	border:				none;
}

.content label {
	font-weight:		bold;
}

.content input, 
.content textarea, 
.content select {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		11px;
	color:				#333;

	background-color:	white;
}

.btn-default {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		normal;
	line-height:		10px;
	color:				#333;

	background-color:	white;
}

.btn-submit {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	line-height:		10px;
	color:				black;

	background-color:	white;
}

.nav-search {
	width:				170px;

	margin:				3px 0px 3px 5px;

	border:				1px solid #999;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	color:				#333;
}

/*-----------------------------------------------------------------*
 *----->> areas
 *-----------------------------------------------------------------*/

#top-area {
	z-index:			3;

	position:			absolute;

	top:				0px;
	left:				0px;
	right:				0px;
}

#rootline {
	z-index:			+30;

	position:			absolute;

	top:				102px;
	left:				325px;
	right:				10px;

	width:				580px;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#333;
}

#leftnav-area {
	z-index:			1;

	position:			absolute;

	top:				170px;
	left:				10px;
	width:				180px;

	margin:				0px;
	padding:			0px;

	overflow:			hidden;
}

#content-area {
	z-index:			2;

	position:			relative;

	top:				110px;
	width:				702px;
	min-height:			395px;
	left:				200px;

	margin:				0px;
	padding:			0px;

	border:				1px solid #333;
	border-top:			none;

	background-color:	#F0F0F0;
}

#footer-area {
	z-index:			0;

	position:			relative;

	margin-top:			110px;
	width:				702px;
	margin-left:		200px;

	border:				1px solid #ccc;
	border-top:			none;
}

/*-----------------------------------------------------------------*
 *----->> #top-area
 *-----------------------------------------------------------------*/

#top-area .head-logo {
	position:			absolute;

	top:				0px;
	left:				0px;
	width:				530px;
	height:				171px;
}

#top-area .head-banner {
	position:			relative;

	top:				0px;
	height:				100px;

	margin:				0px 0px 0px 530px;

	background-color:	white;
	background-image:	url(/fileadmin/_img/interface/top_bg.gif);
	background-repeat:	no-repeat;

	border-bottom:		1px solid #CCC;
}

#top-area .banner {
	position:			relative;

	top:				13px;
	left:				0px;
	padding-right:		10px;
}

#top-area .rootline-bg {
	z-index:			-5;

	position:			absolute;

	top:				99px;
	left:				200px;
	height:				18px;
	width:				702px;

	margin:				0px;

	background-color:	white;

	border-left:		1px solid #333;
	border-right:		1px solid #333;
	border-bottom:		1px solid #CCC;
}

/*-----------------------------------------------------------------*
 *----->> #leftnav-area .nav-level
 *-----------------------------------------------------------------*/

#leftnav-area ul.nav-level0 {
	width:				178px;

	margin:				0px;
	padding:			0px;

	list-style-type:	none;
	list-style-position: outside;

	background-color:	#F5F5F5;
	border:				1px solid #999;
	border-bottom:		none;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	line-height:		19px;
}

#leftnav-area li.nav-level0, 
#leftnav-area li.nav-level0-cur {
	padding:			0px;

	display:			list-item;

	background-image:	url(/fileadmin/_img/leftnav/bg_0.gif);
	background-repeat:	no-repeat;

	border-bottom:		1px solid #999;
}

#leftnav-area li.nav-level0:hover {
	background-image:	url(/fileadmin/_img/leftnav/bg_1.gif);
}

#leftnav-area li.nav-level0-cur {
	background-image:	url(/fileadmin/_img/leftnav/bg_2.gif);
}

#leftnav-area a.nav-level0 {
	width:				100%;
	padding-left:		20px;
}

#leftnav-area a.nav-level0-cur {
	width:				100%;
	padding-left:		20px;
}

#leftnav-area ul.nav-level1, 
#leftnav-area ul.nav-level2 {
	list-style-type:	none;
	list-style-position: outside;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		normal;
	line-height:		11px;
}

#leftnav-area ul.nav-level1 {
	margin:				0px;
	padding:			0px;
}

#leftnav-area ul.nav-level2 {
	margin:				0px;
	margin-top:			2px;
	padding:			0px;
	padding-left:		13px;
}

#leftnav-area li.nav-level1, 
#leftnav-area li.nav-level1-cur {
	padding-top:		2px;
	padding-left:		25px;
	padding-bottom:		2px;

	display:			list-item;

	border-top:			1px dotted #999;
}

#leftnav-area li.nav-level2, 
#leftnav-area li.nav-level2-cur {
	margin-left:		-13px;

	padding-top:		2px;
	padding-left:		13px;
	padding-bottom:		2px;

	display:			list-item;

	border-top:			1px dotted #999;
}


#leftnav-area li.nav-level1-cur, 
#leftnav-area li.nav-level1:hover {
	background-image:	url(/fileadmin/_img/leftnav/point.gif);
	background-repeat:	no-repeat;
	background-position: 9px 0px;
}

#leftnav-area li.nav-level2-cur, 
#leftnav-area li.nav-level2:hover {
	background-image:	url(/fileadmin/_img/leftnav/point.gif);
	background-repeat:	no-repeat;
	background-position: 3px 0px;
}

/*-----------------------------------------------------------------*
 *----->> #leftnav-area .service-level
 *-----------------------------------------------------------------*/

#leftnav-area .service-text {
	margin:				0px;
	padding:			0px;
	padding-left:		29px;

	background-image:	url(/fileadmin/_img/service/service.gif);
	background-repeat:	no-repeat;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	font-weight:		bold;
	line-height:		13px;
	color:				white;
}

#leftnav-area .service {
	margin:				0px;
	padding:			0px;

	background-color:	#F5F5F5;
	border:				1px solid #999;
	border-top:			none;
}

#leftnav-area ul.service-level0 {
	width:				178px;

	margin:				0px;
	padding:			0px;

	list-style-type:	none;
	list-style-position: outside;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	font-weight:		normal;
	line-height:		13px;
}

#leftnav-area li.service-level0, 
#leftnav-area li.service-level0-cur {
	padding:			0px;

	display:			list-item;

	background-image:	url(/fileadmin/_img/service/bg_0.gif);
	background-repeat:	no-repeat;

	border-top:			1px solid #999;
}

#leftnav-area li.service-level0:hover {
	background-image:	url(/fileadmin/_img/service/bg_1.gif);
}

#leftnav-area li.service-level0-cur {
	background-image:	url(/fileadmin/_img/service/bg_2.gif);
}

#leftnav-area a.service-level0 {
	width:				100%;
	padding-left:		20px;
}

#leftnav-area a.service-level0-cur {
	width:				100%;
	padding-left:		20px;
}

/*-----------------------------------------------------------------*
 *----->> #content-area
 *-----------------------------------------------------------------*/

.content {
	margin:				0px 25px 0px 25px;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		16px;
	color:				#333;
}

/*-----------------------------------------------------------------*
 *----->> #footer-area
 *-----------------------------------------------------------------*/

.footer {
	margin:				0px 25px 0px 25px;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	line-height:		13px;
	color:				#333;
}

#footer-area .service-footer {
	margin:				0px;
	padding:			0px;

	list-style-type:	none;
	list-style-position: outside;

	display:			inline;
}

/*-----------------------------------------------------------------*
 *----->> feature-news
 *-----------------------------------------------------------------*/

.feature-news-press {
	position:			relative;
}

.feature-news-container {
	position:			relative;

	top:				0px;
	left:				0px;
	width:				315px;
}

.feature-projects-container {
	position:			absolute;

	top:				0px;
	left:				335px;
	width:				315px;
}

h3.feature {
	margin:				0px;
	font-size:			11px;
}

.feature-box-left {
	position:			relative;

	margin-top:			0px;
	margin-left:		335px;

	width:				300px;
}

.feature-box-right {
	position:			relative;

	margin-top:			0px;
	margin-left:		0px;

	width:				300px;

	float:				left;
}

/*-----------------------------------------------------------------*
 *----->> text formats
 *-----------------------------------------------------------------*/

.text {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		16px;
	color:				#333;
}

.text-small {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		13px;
	color:				#333;
}

.text-vsmall {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	line-height:		12px;
	color:				#333;
}

.text-error {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	line-height:		16px;
	color:				#990000;
}

.text-code {
	font-family:		Andale Mono, Lucida Console, Lucida Typewriter, Courier, monospace;
	font-size:			12px;
	line-height:		16px;
	color:				#333;
}

.text-sword {
	padding:			0px 3px 2px 3px;

	background-color:	#F0E68C;
	-moz-border-radius:	6px;

	font-weight:		bold;
}

/*-----------------------------------------------------------------*
 *----->> special content formats
 *-----------------------------------------------------------------*/

.box-field {
	padding:			8px;

	background-color:	white;

	border:				1px solid #ccc;
	-moz-border-radius:	6px;
}

.address-field {
	padding:			8px;
	padding-left:		35px;
	float:				left;

	background-color:	white;
	background-image:	url(/fileadmin/_img/div/address.gif);
	background-repeat:	no-repeat;
	background-position: 10px 10px;

	border:				1px solid #ccc;
	-moz-border-radius:	6px;
}

.foto-gallery-field {
	padding:			8px;
	padding-left:		35px;

	background-color:	white;
	background-repeat:	no-repeat;
	background-position: 10px 10px;

	border:				1px solid #ccc;
	-moz-border-radius:	6px;
}

/*-----------------------------------------------------------------*
 *----->> image-frame
 *-----------------------------------------------------------------*/

.image-frame {
	width:				250px;
	text-align:			left;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			9px;
	line-height:		12px;
	color:				black;
}

.image-frame-left {
	float:				left;
	margin:				0 10px 5px 0;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			9px;
	line-height:		12px;
	color:				black;
}

.image-frame-right {
	float:				right;
	margin:				0 0px 5px 20px;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			9px;
	line-height:		12px;
	color:				black;
}

/*-----------------------------------------------------------------*
 *----->> table formats
 *-----------------------------------------------------------------*/

.tbl, 
.tbl-t {
	border:				1px solid #982F58;
	background-color:	white;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		16px;
	color:				#333;
}

.tbl-t {
	border-top:			none;
}

.tbl-caption {
	margin:				0px;
	padding:			2px;

	background-color:	#D5B4C1;
	border:				1px solid #982F58;
	border-bottom:		none;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	line-height:		13px;
	text-align:			center;
	color:				#982F58;
}

.tbl-cell-top-1, 
.tbl-cell-top-1-t, 
.tbl-cell-top-1-l, 
.tbl-cell-top-1-tl {
	padding:			2px;
	background-color:	#F6F1F4;
	font-weight:		bold;
}

.tbl-cell-top-2, 
.tbl-cell-top-2-t, 
.tbl-cell-top-2-l, 
.tbl-cell-top-2-tl {
	padding:			2px;
	background-color:	#ECE4E8;
	font-weight:		bold;
}

.tbl-cell-top-1-t, 
.tbl-cell-top-2-t {
	border-top:			1px solid #ccc;
}

.tbl-cell-top-1-l, 
.tbl-cell-top-2-l {
	border-left:		1px solid #ccc;
}

.tbl-cell-top-1-tl, 
.tbl-cell-top-2-tl {
	border-top:			1px solid #ccc;
	border-left:		1px solid #ccc;
}

.tbl-cell-1, 
.tbl-cell-1-t, 
.tbl-cell-1-l, 
.tbl-cell-1-tl {
	padding:			2px;
	background-color:	white;
}

.tbl-cell-2, 
.tbl-cell-2-t, 
.tbl-cell-2-l, 
.tbl-cell-2-tl {
	padding:			2px;
	background-color:	#f5f5f5;
}

.tbl-cell-3, 
.tbl-cell-3-t, 
.tbl-cell-3-l, 
.tbl-cell-3-tl {
	padding:			2px;
	background-color:	#ebebeb;
}

.tbl-cell-1-t, 
.tbl-cell-2-t, 
.tbl-cell-3-t {
	border-top:			1px solid #ccc;
}

.tbl-cell-1-l, 
.tbl-cell-2-l, 
.tbl-cell-3-l {
	border-left:		1px solid #ccc;
}

.tbl-cell-1-tl, 
.tbl-cell-2-tl, 
.tbl-cell-3-tl {
	border-top:			1px solid #ccc;
	border-left:		1px solid #ccc;
}

.tbl-footer {
	padding:			2px;

	border:				1px solid #ccc;
	border-top:			none;

	background-color:	white;

	text-align:			center;
}

.list-box-nav-top-patter {
	background-image:	url(/fileadmin/_img/style_list/nav_top_patter.gif);
}

.list-box-nav-bottom-patter {
	background-image:	url(/fileadmin/_img/style_list/nav_bottom_patter.gif);
}

.list-box-nav-top-patter, 
.list-box-nav-bottom-patter {
	height:				15px;

	background-repeat:	repeat-x;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	font-weight:		bold;
	color:				#94297F;
}

.list-box-nav-top-patter a, 
.list-box-nav-top-patter a:hover, 
.list-box-nav-bottom-patter a:hover, 
.list-box-nav-bottom-patter a {
	height:				15px;

	background-repeat:	repeat-x;

	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	font-weight:		bold;
	color:				#666;

	text-decoration:	none;
}

.list-box-nav-top-patter img, 
.list-box-nav-bottom-patter img {
	vertical-align:		middle;
}

/*-----------------------------------------------------------------*
 *----->> list formats
 *-----------------------------------------------------------------*/

ul.menu {
	padding-left:		13px;
	margin-left:		0px;

	list-style-type:	none;
	list-style-position: outside;

	font-size:			11px;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		normal;
}

li.menu {
	padding-left:		13px;
	padding-bottom:		10px;


	font-weight:		bold;
}

li.menu-sub {
	padding-left:		0px;
	list-style-type:	square;
}

ul.text {
	padding-left:		13px;
	margin:				0px;

	list-style-type:	none;
	list-style-position: outside;

	font-size:			11px;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		normal;
}

ul.text li {
	padding-left:		0px;
	list-style-type:	square;
}

/*ul.text li {
	padding-left:		0px;
	list-style-type:	lower-roman;
}*/
