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

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

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

	background-color:	white;
}

a {
	color:				black;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

a.link-ext {
}

a.link-mailto {
}

a.link-print {
}

h1 {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			24px;
	font-weight:		bold;
	color:				black;
}

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

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

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:				black;

	background-color:	white;
}

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

	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 black;

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

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

#top-area {
	z-index:			3;

	position:			absolute;

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

#rootline {
	z-index:			+30;

	position:			absolute;

	top:				80px;
	left:				20px;
	right:				20px;

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

#content-area {
	z-index:			2;

	position:			relative;

	top:				120px;
	min-height:			395px;
	left:				0px;

	margin:				0px;
	padding:			0px;

	background-color:	white;
}

#footer-area {
	z-index:			0;

	position:			relative;

	margin-top:			100px;
}

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

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

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

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

	position:			absolute;

	top:				10px;
	right:				0px;
}

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

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

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

.footer {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			9px;
	line-height:		13px;
	color:				black;
}

/*-----------------------------------------------------------------*
 *----->> 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:				black;
}

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

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

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

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

.text-sword {
	font-weight:		bold;
	color:				black;
}

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

.adress-field {
	padding:			8px;
	padding-left:		45px;
	float:				left;
	background-image:	url(http://www.kalme.net/fileadmin/_img/div/address.gif);
	background-repeat:	no-repeat;
	background-position: 15px 10px;
}

.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 black;
	background-color:	white;

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

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

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

	background-color:	#C3C3C3;
	border:				1px solid black;
	border-bottom:		none;

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

.tbl-cell-top-1, 
.tbl-cell-top-1-t, 
.tbl-cell-top-1-l, 
.tbl-cell-top-1-tl {
	padding:			2px;
	background-color:	#F3F3F3;
	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:	#E8E8E8;
	font-weight:		bold;
}

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

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

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

.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:	white;
}

.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 black;
}

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

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

.tbl-footer {
	padding:			2px;

	border:				1px solid black;
	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:				black;
}

.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:				black;

	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;
}