/* ### RESET ### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
	padding-bottom: 0.5em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ### RESET ENDE ### */


/* ### SCROLLER VISIBILITY ### */

html {
	height: 101%;
}

/* ### PAGE LAYOUT ### */
body {
	background-image: url(../img/background.png);
	background-repeat: repeat-x;
	background-color: #f3f3f3;
	font-family: Arial;
	padding-bottom: 20px;
}


a {
	color: #ff8a00;
	text-decoration: none;
}

#mainContent ul {
/* 	margin-top: -1.2em; */
	padding-left: 15px;
}

#mainContent li {
	list-style-type: circle;
	padding-left: 0px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

#top {
	margin: auto;
	margin-top: 15px;
	width: 914px;
	position: relative;
	overflow: hidden;
	padding-bottom: 17px;
	padding-right: 7px;
}

#topShadow {
	position: absolute;
	width: 921px;
	height: 199px;
	top: 0px;
	left: 0px;
	background-image: url(../img/header_schatten-trans.png);
}

#logoLink {
	height: 100px;
	width: 250px;
	display: block;
}

#head, #headBox  {
	height: 199px;
	width: 914px;
	position: relative;
}

#head {
	background-image: url(../img/header_2-trans.png);
	position: absolute;
	z-index: 4;
}

#mainMenuWrap, #mainMenu {
	position: absolute;
	top: 109px;
	left: 126px;
	width: 697px;
}

#mainMenuWrap {
	background-color: #ff8a00;
	z-index: 1;
	height: 30px;
}

#mainMenuShadow {
	position: absolute;
	height: 8px;
	background-image: url(../img/mainmenu_schatten.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	top: 30px;
	right: 4px;
	width: 600px;
	z-index: 1;
}

#rightEdge {
	background-image: url(../img/orangene_ecke_mit_schatten-trans.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 34px;
	width: 54px;
	height: 43px;
	position: absolute;
	right: -50px;
	top: -5px;
}

#mainMenu {
	z-index: 4;
	text-align: right;
}

#mainMenu li {
	height: 30px;
	font-size: 12px;
	display: block;
	padding: 0px 9px;
	display: block;
	float: right;
	position: relative;
	z-index: 1;
}

#mainMenu li a {
	color: #ffe8cc;
	text-decoration: none;
	line-height: 30px;
}

#mainMenu li.act {
	background-color: #ffe8cc;
	background-image: url(../img/mainmenu_active_shadow.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#mainMenu li a:hover {
	color: white;
}

#mainMenu li.act a,
#mainMenu li.act a:hover {
	color: #ff8a00;
}

#headSpace {
	position: absolute;
	bottom: 0px;
	width: 182px;
	top: 139px;
	background-color: #ffe8cc;
	z-index: 1;
}

#headCircle {
	position: absolute;
	bottom: 0px;
	left: 182px;
	background-image: url(../img/orangener_kreis_1-trans.png);
	width: 48px;
	height: 50px;
	z-index: 1;
}

#mainMenu .act .rightEdge {
	background-image: url(../img/orangener_kreis_2-trans.png);
	right: -7px;
	bottom: -17px;
	width: 20px;
	height: 20px;
	position: absolute;
}

#mainMenu .act .rightShadow {
	background-image: url(../img/menu_active_right_shadow.png);
	right: -7px;
	top: 0px;
	width: 7px;
	height: 27px;
	position: absolute;
	background-repeat: repeat-y;
}

#mainMenu .act .lineShadow {
	position: absolute;
	bottom: -17px;
	left: -4px;
	right: 13px;
	height: 17px;
	background-image: url(../img/active_line_shadow.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.lineShadow .colorField {
	background-color: #ffe8cc;
	position: absolute;
	right: 0px;
	left: -50px;
	top: 0px;
	bottom: 7px;
	z-index: 1;
}

#mainMenu .act .leftEdge {
	position: absolute;
	left: -13px;
	bottom: 0px;
	height: 13px;
	width: 13px;
	background-image: url(../img/orangener_kreis_3-trans.png);
}

#leftCol {
	float: left;
	width: 182px;
	background-image: url(../img/left_col_decoration.png);
	background-repeat: repeat-y;
	background-color: #ffe8cc;
	position: relative;
}

.menuBox {
	padding-left: 17px;
	width: 165px;
	padding-right: 7px;
	background-image: url(../img/menu_active_right_shadow.png);
	background-repeat: repeat-y;
	/*background-position: top right;*/
	overflow: show;
	position: relative;
	padding-top: 9px;
	padding-bottom: 28px;
	overflow: hidden;
	background-position: 182px 0px;
}

.menuBoxOben {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 178px;
	background-image: url(../img/orangene_box_oben.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 9px;
}

.menuBoxUnten {
	position: absolute;
	right: -1px;
	bottom: 0px;
	width: 180px;
	height: 28px;
	background-image: url(../img/orangene_box_unten.png);
	z-index: 0;
}

.menuBox .subMenu {
	padding: 0px;
	width: 170px;
}

.menuBox .subMenu li a {
	display: block;
	padding-left: 11px;
	color: #ff8a00;
	line-height: 27px;
	text-decoration: none;
	font-size: 12px;
	height: 35px;
	margin-bottom: -8px;
	position: relative;
	z-index: 1;
}

.menuBox .subMenu li a:hover {
	color: #ffb966;
}

.menuBox .subMenu li.act a,
.menuBox .subMenu li.act a:hover {
	background-image: url(../img/subnavi_auswahl-trans.png);
	background-position: 0px 0px;
	width: 161px;
	color: #5b5b5b;
/* 	background-color: #f3f3f3; */
}

#leftColFoot {
	position: absolute;
	bottom: -17px;
	background-image: url(../img/left_col_corner-trans.png);
	width: 16px;
	height: 17px;
}

.menuBox .inputRow {
	padding-left: 11px;
	margin-bottom: 4px;
	color: #ff8a00;
}

.csc-form-row {

  line-height: 18px;
}

.csc-form-label {
  width: 130px !important;
  float: none !important;
}

input.formfields[type='text'],
input.formfields[type='password'],
.tx-srfeuserregister-pi1-text, 
.tx-srfeuserregister-pi1-password,
.tx-srfeuserregister-pi1 select {
	border: 1px solid #ff8a00;
	background-color: white;
	padding-left: 8px;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 3px;
	padding-top: 1px;
	color: #5B5B5B;
}

/*
.formfields:focus {
	color: #5B5B5B;
}
*/

.menuBox input[type='text'],
.menuBox input[type='password'], 
.menuBox input.formfields[type='text'],
.menuBox input.formfields[type='password'] {
	width: 127px;
	color: #ffd099;
}

.mainContent input.formfields[type='text'],
.mainContent input.formfields[type='password'],{
  width: 296px !important;
  color: #5B5B5B !important;
}

.menuBoxHead {
	margin-top: 1px;
	padding-left: 11px;
	font-size: 12px;
	color: #ff8a00;
	margin-bottom: 10px;
}
.languageFlags {
	padding-left: 11px;
	overflow: hidden;
	height: 55px;
}

.flagRow {
	height: 20px;
	margin-bottom: 15px;
}

.languageFlags a {
	display: block;
	float: left;
	border: 1px solid #5b5b5b;
	margin-left: 28px;
}

.languageFlags a.act, .languageFlags a:hover {
	border: 1px solid #ff8a00;
}

#mainContent {
	margin-top: -20px;
	margin-left: 31px;
	
	/*position: absolute;
	top: 179px;
	left: 213px;*/
	float: left;
	width: 652px;
	color: #5b5b5b;
}

h1, h2, h3, h4, h5 ,h6 {
	color: #ff8a00;
	font-weight: bold !important;
	margin-bottom: 1.2em;
	line-height: 1.2;
}

h2 {
	margin-bottom: 0;
}

h1,h2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.twoCol {
	overflow: hidden;
}

.twoCol .col {
	width: 306px;
	float: left;
}

.col>a+h1,
.col>a+h2,
.col>a+div>h1,
.col>a+div>h2,
.col>div.news-list-container>div>h2,
div.news-list-container>div.twoCol>div.col>div>h2,
#mainContent>a+div>h1,
#mainContent>a+div>h2 {
	margin-top: 0px;
}

#mainContent li>ul {
	margin-top: 0.5em;
	padding-bottom: 0em;
}

p+ul {
	margin-top: -10px;
}

ul+a+div.csc-textpic .csc-textpic-imagewrap {
	margin-top: 8px;
}

.twoCol .col1 {
	margin-right: 40px;
}

/* TypoStyles */
p.bodytext {
	color: #5b5b5b;
	text-align: justify;
	line-height: 1.2;
	/*margin-top: 0.6em;*/
	margin-bottom: 1.2em;
}

dd.csc-textpic-caption {
	padding-top: 5px;
	color: #9B9B9B;
	line-height: 1.2em;
}

/* tt_news */
.news-list-item {
	height: 130px;
}

.news-list-date,
.news-latest-date {
	display: block;
/*	float: right;*/
	color: #5B5B5B;
	font-weight: normal !important;
}

.news-latest-date {
	margin-bottom: -1em;
}

.news-latest-item h2 a,
.news-list-item h2 a{
	color: #5B5B5B;
}

.news-single-img .news-img-cont {
	float: left;
	display: block;
	margin-right: 40px;
	width: 306px;
	margin-bottom: 20px;
}

.news-single-img {
	width: 692px;
	overflow: hidden;
}

.news-amenu-container ul,
.news-amenu-container li {
	list-style-type: none !important;
	padding: 0px !important;
	margin: 0px !important;
}

.news-single-imgcaption {
	margin-top: 5px;
}

li.news-amenu-item-year {
	margin-top: 1em !important;
	margin-bottom: 0.5em !important;
	font-weight: bold;
}

/* ### GoogleMap ### */
#treemenu1 li {
	width: 216px;
	float: left;
	list-style-type: none;
	padding: 0px !important;
	margin: 0px !important;
}

#treemenu1 {
	overflow: hidden;
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 10px !important;
}

#map {
	border: 1px solid #5B5B5B;
	margin-bottom: 20px;
}