/* -- HTML/globale Elemente -- */
body {
	margin:0;
	padding:0;
	color:#000;
	font:11px Verdana, Arial, sans-serif;
	background:url(../img/body.gif) center;
}

a:link,
a:visited {
	
	text-decoration:none;
}

a:hover, 
a:active {
	text-decoration:underline;
}

img {
	border:0;
}

h1,
h2,
h3 {
	margin:0;
	padding:0;
}

h1 {
	padding:0 0 5px 0;
	color:#2B2B62;
	font-size:18px;
	font-weight:bold;
	line-height:1em !important;
	border-bottom:1px solid;
	/*border-width:500px;*/
}

h2 {
	padding:10px 0 5px 0;
	font-size:15px;
	font-weight:bold;
}

h3,
h4,
h5,
h6 {
	padding:8px 0 3px 0;
	font-size:12px;
	font-weight:bold;
}

div.clearer {
	clear:both;
}

/* -- Formularelemente -- */
form {
	margin:0;
	padding:0;
	display:inline;
}

label {
	color:#2B2B62;
	cursor:pointer;
}

input,
textarea,
select,
option {
	font:11px Verdana, Arial, sans-serif;
}

input.input_option,
input.tx-newloginbox-pi3-searchbox-sword {
	border:1px solid #666;
}

input.submit_option,
input.tx-newloginbox-pi3-searchbox-button {
	color:#D3333C;
	cursor:pointer;
	background:#EEE;
	border:1px solid #2B2B62;
}

/* -- Haupt Elemente -- */
div#main_wrapper {
	width:925px;
	margin:0 auto;
	padding:0 3px 0 5px;
	
}

/* -- Header -- */
div#mast_head {
	height:172px;
	position:relative;
	background:url(../img/mast_head.gif);
}

	div#mast_head_img {
		position:absolute;
		top:10px;
		left:175px;
	}

	div#global_headline {
		width:339px;
		height:51px;
		position:absolute;
		top:75px;
		left:214px;
		background:url(../img/global_headline.png);
	}
	
	/* -- Navbar -- */
	div#mast_head ul {
		margin:0;
		padding:0;
		position:absolute;
		top:154px;
		left:21px;
		list-style:none;
	}

		div#mast_head li {
			/*padding:0 6px 0 0;*/
			display:inline;
		}

		div#mast_head li.active a {
			color:#EEE !important;
			font-weight:bold;
			/*background:#FFF;*/
		}

			div#mast_head a {
				/*padding:6px 4px 5px 4px;*/
				padding:0 10px 0 0;
				color:#FFF;
			}

/* -- Content -- */
div#content {

}

	div#left_col,
	div#main_col,
	div#right_col {
		float:left;
	}

	/* -- linke Spalte, Navigation -- */
	div#left_col {
		width:175px;
	}

		ul#main_nav {
			margin:28px 0 0 0;
			padding:0;
			list-style:none;
			border-top:1px solid #2B2B62;
		}
		
			ul#main_nav a {
				height:100%;
				padding:11px 8px 8px 20px;
				display:block;
				background:url(../img/nav_bullet.gif) no-repeat 8px 15px;
				border-bottom:1px solid #2B2B62;
			}

			ul#main_nav a:link,
			ul#main_nav a:visited {
				color:#000;
			}

			ul#main_nav a:hover,
			ul#main_nav a:active {
				color:#555;
			}

				/* -- Subnavigation, 3. Ebene -- */
				ul#sub_nav {
					margin:0;
					padding:0;
					list-style:none;
				}

					ul#sub_nav a {
						padding:9px 8px 6px 20px !important;
						background:transparent !important;
						border-bottom:1px solid #AAA !important;
					}

					ul#sub_nav a:link,
					ul#sub_nav a:visited {
						color:#666;
					}

					ul#sub_nav a:hover,
					ul#sub_nav a:active {
						color:#888;
					}

			/* -- Service Navigation -- */
			ul#service_nav {
				margin:0;
				padding:20px 0 0 0;
				list-style:none;
			}

				ul#service_nav li {
					padding:0 0 5px 0;
				}

				ul#service_nav a {
					padding:0 8px 0 20px;
					background:url(../img/service_bullet.gif) no-repeat 8px 5px;
				}

				ul#service_nav a:link,
				ul#service_nav a:visited {
					color:#ACACAC;
				}

				ul#service_nav a:hover,
				ul#service_nav a:active {
					color:#FFF;
				}

	/* -- mittlere Spalte, Content -- */
	div#main_col {
		width:500px;
		padding:33px 50px 20px 50px;
		line-height:1.7em;
	}

		div#main_col ul {
			margin:10px 0;
			padding:0;
			list-style:square inside;
			line-height:normal !important;
		}
	
		/* -- Möglichkeit zur Spaltenbildung im Content -- */
		div.with_cols div#content_col_right,
		div.with_cols div#content_col_left {
			width:228px;
			padding:0 20px 0 0;
			float:left;
		}

		div#main_col p {
			margin:0;
			padding:10px 0;
		}

		div#main_col a:link,
		div#main_col a:visited {
			color:#D3333C;
			text-decoration:underline;
		}

		div#main_col a:hover,
		div#main_col a:active {
			color:#555;
			text-decoration:none;
		}

		div#main_col_footer {
			height:104px;
			padding:15px;
			background:url(../img/content_footer.gif) no-repeat bottom;
		}

	/* -- rechte Spalte, News o.ä. -- */
	div#right_col {
		width:147px; /* 3px Platz für IE berücksichtigt. */
		padding:33px 0 0 0;
	}

		div#right_col h2 {
			padding:0 0 5px 0;
			color:#2B2B62;
			font-size:100%;
			font-weight:bold;
		}

		div#right_col input.input_option {
			width:100px;
			margin:0 0 5px 0;
		}

		div.right_item {
			padding:4px 10px 4px 15px;
			border-left:1px solid #2B2B62;
		}
		
/************************************************************************************************************
 *                                              EXT STYLES                                                  *
 ************************************************************************************************************/
/* -- CSS STYLED CONTENT - Text mit Bild Styles -- */ 
dl.csc-textpic-image {
	margin:0;
	padding:10px 0 0 0;
}

	dl.csc-textpic-image dd {
		margin:0;
		padding:0;
	}

/* -- oben links -- */
div.csc-textpic-left dl {
	padding-right:10px;
}

div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}

/* -- oben mittig -- */
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
	text-align:center;
}

div.csc-textpic-center div.csc-textpic-text {
	clear:left;
}

div.csc-textpic-center dl {
	padding-left:4px;
}

/* -- oben rechts -- */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}

div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}

div.csc-textpic-right dl {
	padding-left:10px;
}

/* -- mehrere Bilder nebeneinander -- */
div.csc-textpic-left dl,
div.csc-textpic-right dl,
div.csc-textpic-center dl,
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl,
div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl  {
	float:left;
}

/* -- im Text rechts -- */
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	margin:0 0 0 10px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float:right;
}

div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	padding-left:10px;
}

/* -- im Text links -- */
div.csc-textpic-intext-left dl, 
div.csc-textpic-intext-left-nowrap dl {
	margin:0 10px 0 0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    float:left;
}

div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl {
	padding-right:10px;
}

/* -- Bildunterschrift -- */
div.csc-textpic-caption-l dd.csc-textpic-caption {
	text-align:left;
}

div.csc-textpic-caption-r dd.csc-textpic-caption {
	text-align:right;
}

div.csc-textpic-caption-c dd.csc-textpic-caption {
	text-align:center;
}

/* -- Newloginbox -- */
div.tx-newloginbox-pi3-searchbox {
	padding:10px 0 0 0;
}

	div.tx-newloginbox-pi3-searchbox table {
		border-collapse:collapse;
	}