/************************************************************* HTML TAGS */
html {}

body { background:	#c9ced4 url(/pics/layout/image_1254213392724.jpeg) repeat-x left -6px; }

a {
	margin:			0;
	padding:		0;
	color:			#012f6a;
	text-decoration:none;
}

a:hover { text-decoration: underline; }

img { border:	0; }


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0 0 15px;
	text-align: center;}
div.page {
	margin: 0 auto;	width			: 1022px;
	text-align		: left;
	background		: #FFFFFF;
	
}
div.bg1, div.bg2, div.bg3, div.bg4{
	width:	100%;
	margin:	0;
}
div.main-bg1{
	clear				: both;
	position			: relative;
	background			: url(/pics/layout/schatt_cnt_right.gif) repeat-y top right;	
}
div.main-bg2{
	background			: url(/pics/layout/schatt_cnt_left.gif) repeat-y top left;	
}
div.main-bg3{
	padding-bottom		: 17px;
	background			: url(/pics/layout/schatt_cnt_bottom.gif) repeat-x bottom left;	
}

div.side-bg {
	position			: absolute;
	left				: 990px;
}
div.bg_schatt_top_left{
	position		: absolute;
	top				: 0px;
	left			: 1px;
	width			: 20px;
	height			: 20px;
	background		: url(/pics/layout/bg_cnt_top_left.gif) no-repeat top left;	
}

div.bg_schatt_top_right{
	position		: absolute;
	top				: 0px;
	right			: 1px;
	width			: 20px;
	height			: 20px;
	background		: url(/pics/layout/bg_cnt_top_right.gif) no-repeat top right;	
}
div.bg_schatt_bottom_right{
	position		: absolute;
	bottom			: 1px;
	right			: 0px;
	width			: 20px;
	height			: 20px;
	background		: url(/pics/layout/bg_cnt_bottom_right.gif) no-repeat bottom right;	
}
div.bg_schatt_bottom_left{
	position		: absolute;
	bottom			: 1px;
	left			: 0px;
	width			: 20px;
	height			: 20px;
	background		: url(/pics/layout/bg_cnt_bottom_left.gif) no-repeat bottom left;	
}
/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier könnte inline-block ausreichen? Validiert nicht! */
div.tailer {
	zoom			: 100%; 
	position		: relative;
}


/************************************************************* HEADER */
div.header {
	width			: 962px;
	clear			: both; 
	padding			: 20px 30px 7px;
	height:83px;
	float			: left;
	background		: #012f6a  url(/pics/layout/bg_header.gif) no-repeat top left; 
}
div.logo{
	float			: left;
	width			: 170px;
}
div.logo_links{
	float			: left;
	width			: 150px;
	padding			: 0 0 0 20px;
}
div.logo_links a{
	font-size		: 16px;
	color			:#FFFFFF;
}
div.header_navi_suche{
	float			: right;
	/*width			: 360px;*/
	width			: 395px;
}
.meta a{
	color			: #FFFFFF;
	font-size		: 14px;
	padding			: 0 6px;
	text-transform	: uppercase; 	
}
div.suche{
	clear			: both;
	float			: right;
	width			: 210px;
	margin			: 10px 0;
}
input#suche_input_text{
	width			: 175px;
}
input#suche_input_button{
	margin			: 4px 0 0 3px;
}
p.logo {
	display:		block;
	background:		url(/pics/layout/image_1255006368211.gif) no-repeat top left;
}
p.logo a {
	display:		block;
	width:			170px;
	height:			65px;
	text-decoration:none;
}
.header-img {
	width			: 950px;
	height			: 180px;
	margin			: 20px 0 20px;
	background		: url(/pics/layout/image_1255005523259.jpeg) no-repeat top left;
}
*+ HTML .header-img {
	margin			: 30px 0 20px;
}
p.logo span { display:	none; }


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	border-bottom:	2px solid #FFFFFF;
	background:		#FFFFFF;
}
div.hmenu-workspace {
	display:	block;
	height:		1.4em;
	padding:	3px 7px;
}

ul.hmenu1 { list-style-type:	none; }

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		1px 10px;
	color:			#012f6a;
	font-size:		1em;
	text-decoration:none;
	background:		#FFFFFF;
}
a.hmenu:hover {
	color:			#012f6a;
	text-decoration:none;
}
a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
	background:		#FFFFFF;
}
a.hmenu1:hover {
	text-decoration:none;
	background:		#012f6a;
}
a.hmenu1-active {
	color:		#FFFFFF;
	background:	#eaeef1;
}


/************************************************************* MAIN */
div.main {
	clear			: both;
	width			: 950px;
	min-height		: 480px;
	text-align		: center;
	margin			: 0 16px; 
	padding			: 16px 20px 0; 
	background		: url(/pics/layout/schatt_cnt_top.gif) no-repeat top left;	
}

* html div.main {
	height			: 480px;
	position		: relative;
}

/* warum steht das auskommentiert hier drin?
div.main div.vmenu, div.main div.content, div.main div.container { min-height:	480px; }
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	margin: 0 auto 2px;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	3px 5px;
	font-size:	0.75em;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI {
	display:	inline;
	float:		left;
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		3px 10px;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-decoration:none;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#012f6a;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */
div.vmenu {
		float:		left;
	width:		155px;
	margin:		0 -155px 0 0;
	overflow:	hidden;
}

div.vmenu-workspace { margin:	0 0 9px 0; }

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }

li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4 { display:	inline; }

a.vmenu {
	display:		block;
	margin:			0 0 0px;
	padding:		4px 5px 2px;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		left;
	text-decoration:none;
	background:		#012f6a;
}

a.vmenu:hover { 
	color				: #012f6a; 
	text-decoration		: none;
}

a.vmenu1 {
	padding:		4px 0 2px 10px;
	font-weight:	400;
	color:			#FFFFFF;
	border-bottom	: 1px solid #011d40;
	border-top	: 1px solid #56749c;
	background:		#012f6a;
}

a.vmenu1:hover { 
	color:			#FFFFFF;
	text-decoration	: none; 
	font-weight		: 700;
	background		: #01224d;
}

a.vmenu1-active {
	padding:		3px 10px;
	font-weight:	700;
	background:		#01224d;
}
a.vmenu2 {
	padding:		4px 0 2px 10px;
	color:			#012f6a;
	font-size:		0.75em;
	font-weight:	400;
	background:		#dee1e4;
}

a.vmenu2:hover { 
	font-weight		: 700;
	color			: #012f6a;
}

a.vmenu2-active {
	font-weight		: 700;
	color			:#012f6a;
}
a.vmenu3 {
	padding:		4px 0 2px 30px;
	color:			#012f6a;
	font-size:		0.75em;
	font-weight:	400;
	background:		#eaeef1;
}

a.vmenu3:hover { 
	font-weight:	400;
}

a.vmenu3-active {
	font-weight		: 400;
	font-size		: 0.75em;
}
a.vmenu4 {
	padding:		3px 0 3px 40px;
	color:			#FFFFFF;
	font-size:		0.70em;
	font-weight:	400;
	background:		#FFFFFF;
}

a.vmenu4:hover { 
}

a.vmenu4-active {
	font-size:	0.70em;
}


/************************************************************* CONTAINER */
div.container {
	display: none;	float:		right;
	width:		0px;
	margin:		0 0 0 0;
	text-align:	left;
}
div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:	right;
	width:	0px;
}

div.container-menu { width:	155px; }

div.container-top { width:	0px; }

div.container-bottom { width:	0px; }

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 9px 0;
}
div.container-headline {
	padding:		8px 0 7px 10px;
	color:			#FFFFFF;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	background:	#012f6a;
}
div.container-content {
	padding			:	8px 5px 4px;
	color			:	#5c6168;
	font-size		:	0.70em;
}

div.container-content a { 
	color			: #de332d;
	display			: block; 
}

h3.container {
	display:	inline;
	font-size:	0.75em;
	color:		#FFFFFF;
}

img.border-image { float:	left; }

div.containerimage{
	margin			: 0 auto 9px;
	text-align		: center;
	
}
image.containerimage{
	margin			: 0 auto;
	text-align		: center;
}

/************************************************************* CONTENT */
div.content {
	width:		757px;
	margin:		0 0px 0 155px;
	padding:	0 19px 0 19px;
	text-align:	left;
	background:	#FFFFFF;
}
* HTML div.content {
	padding			: 0px;
}

div.content-wrap {
	width:	100%;
	float		: left;
	margin:	0 auto;
}
div.content-workspace { margin:	0 auto 9px auto; }
div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left:	17px; }
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding:		3px 0px;
	color:			#c9ced4;
	text-align:		left;
	font-weight:	700;
	background:		#FFFFFF;
}
div.content-text {
	height:		100%;
	margin:		0 0 0px;
	padding:	10px 0px 0;
	color:		#5c6168;
	text-align:	left;
	font-size:	0.75em;
}
h3.content-title {
	display:	inline;
	color:		#012f6a;
	font-size:	21px;
}


/************************************************************* FOOTER */
div.footer {
	clear:		both;
	margin:		0;
	padding:	0px 7px;
	font-size:	0.75em;
	color:		#5c6168;
	text-align:	left;
	height			: 2em;
	background: #c9ced4;
}

.footer a {
	display:		block;
	float:			left;
	padding:		0px 10px;
	color:			#5c6168;
	font-size:		1em;
	font-weight:	400;
	text-decoration:none;
}

.footer a:hover {
	color:			#5c6168;
	text-decoration:none;
}

/************************************************************* STANDARDS */
div.paging-inlay{
	text-align:			center;
	height:				18px;
}

span.paging {color: #012F6A; padding: 3px; }
span.paging a {color: #5C6168; padding: 3px; }
.paging { background:	#FFFFFF; }

span.site-of-pager{
	padding-right:8px;
}

span.jump-to-pager{
	padding-left:8px;
}

span.backlink-pager a, span.forlink-pager a{
	vertical-align:middle;
}

input.jump-to-pager{
	margin-top:			-2px;	
	text-align:			center;
	width:				25px;	
	padding:			0px !important;
}

input.submit-pager{
	height:				20px;
	vertical-align:		top;
}

.border1 { border:	1px solid #000000; }

div.form-begin {
	border:		1px solid #000000;
	background:	#eaeef1;
}

textarea, input.text { border:	1px solid #000000; }

input.button {
	color:	#5c6168;
	border:	1px outset #01224d;
}
option {
	color:		#5c6168;
	background:	#FFFFFF;
}
button {
	color:	#5c6168;
	border:	1px solid #000000;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #000000;
}

legend {
	padding:	2px 10px;
	border:		1px solid #000000;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#eaeef1;
}

#submit_kontakt_form{
	border:0px !important;
	margin-top:3px;
}

* HTML #submit_kontakt_form{
	border:0px !important;
	margin-top:1px;
}


.tab-container {
  	width: 100%;
  	margin-bottom:16px;
}
 
.tab {
  	border-bottom: 0px;
  	cursor: pointer;
  	float: left;
  	height: 15px;
  	margin-right: 0px;
  	padding: 4px;
  	text-align: center;
	background:	#c9ced4;
	width	: 54px !important;
}

.tab-active{
 	border-bottom: 0px;
  	cursor: pointer;
  	float: left;
  	height: 15px;
  	padding: 4px;
  	text-align: center;
 	color		:#FFFFFF;
	background:	#012f6a;
}
div.container-content .tab-active a{
 	color		:#FFFFFF !important;
 }
 div.container-content .tab a{
 	color		:#012f6a;
 }
 .tab a:hover{
 	color		:#FFFFFF;
 }
#tab-content {
  	clear: both;
  	padding:5px;
}
#around-content {
  	clear: both;
}

#around-content .container-workspace .container-headline{
	display:none;
}

#around-content .container-workspace {
	font-size:1.4em;
}

.tab-left{	
	float:left;
}

.tab-right{
	float:left;
}