@charset "utf-8";
/**
 * Stylesheet für ZWG
 * 
 * @author Niels Bobogk <niels.bobogk@googlemail.com>
 */

/* Reset
 ******************************************************************/
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html, 
body {
	height: 100%;
	width: 100%;
}
body {
	font: 72.1%/1.4em Verdana, Arial, Helvetica, sans-serif normal;
	color: #666;
	background: #cb0a25 url(../img/bg-body.jpg) repeat-x;
	text-align: center;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
hr {
	border: none;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	margin: auto 0 1em 0;
	clear: both;
}
h1 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 0.4em 0;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 1em 0;
	clear: both;
}
h3, 
h4, 
h5, 
h6 {
	font-size: 1em;
	margin: 0.6em 0 1em 0;
	clear: both;
}
p, 
ul, 
ol, 
dl, 
form {
	line-height: 1.3em;
	margin: 0 0 1em 0;
}
ul ul, 
ol ol {
	margin-bottom: 0;
}
td, 
th {
	line-height: 1.4em;
}

/* Layout
******************************************************************/
#swfBgCotainer {
background: url(../img/bg-folgeseiten.png) 0 0 repeat-y;
min-height: 1024px;
margin-top: -20px;
}

#wrap {
	position: absolute;
	width: 1280px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -640px;
	z-index: 1;
}
#outer {
	position: absolute;
	top: 0;
	left: 130px;
	width: 1020px;
	min-height: 300px;
	z-index: 2;
	text-align: left;
}
#content {
	margin: 50px 0 10px 0;
	padding: 0 0 0 770px;
/*background: url(../img/bg-folgeseiten.png) 0 0 no-repeat;*/
}
#content .colLeft {
	width: 770px;
	float: left;
	margin: 0 0 0 -770px;
}
#content .colLeft .top {
	background: url(../img/bg-content-top.png) 0 0 no-repeat;
	height: 20px;
	overflow: hidden;
}
#content .colLeft .outer {
	background: url(../img/bg-content.png) repeat-y;
}
#content .colLeft .outer .inner {
	background: url(../img/bg-content-center.png) no-repeat;
	min-height: 400px;
	padding: 0 10px 0 290px;
}
#content .colLeft .outer .inner .navi {
	float: left;
	margin: 0 0 0 -261px;
	width: 240px;
	background: url(../img/bg-nav-left.png) repeat-y;
}
#content .colLeft .outer .inner .colRightInner {
	float: right;
	width: 430px;
	margin: 10px 40px 10px auto;
}
#content .colLeft .bottom {
	background: url(../img/bg-content-bottom.png) 0 0 no-repeat;
	height: 20px;
	overflow: hidden;
}

#content .colRight {
	float: right;
	width: 261px;
	margin: 60px 20px 0 0;
}
#content .colRight .box {
	background: url(../img/bg-box.png) repeat-y;
	margin: 0 0 2px 0;
}
#content .colRight .box .inner {
	background: url(../img/bg-box-inner.png) no-repeat;
	padding: 12px 30px 5px 30px;
}

#footer {
	clear: both;
	color: #cb848e;
	padding: 0 30px;
	margin-top: -10px;
	font-size: 1.1em !Important;
}
#footer a {
	color: #cb848e;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
}

/* Layout 2 - keine Marginalspalte*/
.layout_2 #content {
	padding: 0;
}
.layout_2 #content .colLeft {
	margin: 0;
	width: 1022px;
}
.layout_2 #content .colLeft .top {
	background: url(../img/bg-content-top-2.png) 0 0 no-repeat;
}
.layout_2 #content .colLeft .outer {
	background: url(../img/bg-content-2.png) repeat-y;
}
.layout_2 #content .colLeft .outer .inner {
	background: url(../img/bg-content-center-2.png) no-repeat;
}
.layout_2 #content .colLeft .bottom {
	background: url(../img/bg-content-bottom-2.png) 0 0 no-repeat;
}
.layout_2 #content .colLeft .outer .inner .colRightInner {
	width: 680px;
}

/* Startseite */
.layout_start #content {
	position: absolute;
	left: 0;
	top: 535px;
	height: 315px;
	width: 1020px;
	padding: 0;
	margin: 0;
	float: none;
}
.layout_start #content .box_1 {
	position: absolute;
	left: 29px;
	top: 5px;
	width: 230px;
	height: 270px;
}
.layout_start #content .box_2 {
	position: absolute;
	left: 280px;
	top: 5px;
	width: 280px;
	height: 270px;
}
.layout_start #content .box_3 {
height:270px;
left:583px;
position:absolute;
top:37px;
width:418px;
}
.layout_start #content .box_1 a,
.layout_start #content .box_2 a {
	margin: 10px 20px auto 0px;
	padding:  200px 20px 0 20px !important;
	display: block;
	background: url(../img/doppelpfeil-rechts.png) right bottom no-repeat;
	color: #fff;
}
.layout_start #content .box_3 .video {
	position: absolute;
	top: 32px;
	left: 3px;
	background: purple;
	width: 406px;
	height: 222px;
	z-index: 100;
}
.layout_start #footer {
	position: absolute;
	top: 820px;
	left: 28px;
	width: 963px;
	padding: 0;
}

/* Navigation
******************************************************************/
/* oben - erste Ebene */
#header ul.navi {
	list-style-type: none;
	position: absolute;
	left: 30px;
	top: 160px;
	width: 964px;
}
#header ul.navi li {
	float: left;
}
#header ul.navi li  a {
	float: left;
	padding-left: 0 !important;
}

#header ul.navi li.last {
	position: absolute;
	right: 0;
}

/* links - zweite Ebene */
#content .colLeft .navi h1 {
	color: #fff;
	background: url(../img/bg-nav-left-h1.png) repeat-y;
	padding: 7px 18px 6px 12px;
	margin: 0;
}
#content .colLeft .navi ul {
	list-style-type: none;
	margin: 0 0 5px 0;
}
#content .colLeft .navi ul li {
	background: url(../img/bg-nav-left-li.png) repeat-y;
	margin: 0 0 2px 0;
}
#content .colLeft .navi ul li a {
	display: block;
	color: #ededed;
	background: url(../img/doppelpfeil-rechts.png) 210px center no-repeat;
	/*padding: 5px 20px 4px 12px !important;*/	
	padding: 5px 40px 4px 14px !important;
	text-decoration: none;
}
#content .colLeft .navi ul li ul li a {
	background: none;
}
#content .colLeft .navi ul li.active,
#content .colLeft .navi ul li.hover {
	background: url(../img/bg-nav-left-li-active.png) repeat-x;
}

/* links - dritte Ebene */
#content .colLeft .navi ul li ul {
	margin: 2px 10px 0 0;
}
#content .colLeft .navi ul li ul li {
	background: none;
}
#content .colLeft .navi ul li ul li a {
	color: #a6a6a6;
	padding-left: 30px !important;
}
#content .colLeft .navi ul li ul li.active a {
	background: #b5152d;
	color: #fff;
	font-weight: bold;
	padding-right: 20px !Important;
}

#content .colLeft .navi ul li a:hover {
	color: #fff;
}

/* Footer */
#footer ul.navi {
	list-style-type: none;
	float: right;
	margin-right: -10px;
}
#footer ul.navi li {
	float: left;
	border-right: 1px solid #cb848e;
}
#footer ul.navi li a {
	display: block;
	margin: 0 8px 2px 8px;
color: #ccc !important;
}
#footer ul.navi li.last {
	border: none;	
}
#footer ul.navi li.last a {
	margin: 0 0 2px 10px;	
}

/* Brotkrumen */
.breadcrumbs {
	font-size: 0.95em;
}


/* Formulare
******************************************************************/


/* Tabellen
******************************************************************/
#tabelle td {
	padding: 5px;}

#tabelle_kopf {color: #ffffff;}



/* Content
******************************************************************/
#content .colRight hr {
	width: 435px;
	margin-left: -3px;
}

/* Tabs
******************************************************************/


/* Forms 
******************************************************************/

.csc-mailform SELECT {

  color: #000000;
  background-color: #EDEFF1;
  border: 0px solid #CCCCCC;
}	

.csc-mailform TEXTAREA {
  color: #000000;
  font-weight : normal;
    border: 1px solid #666666;
    font-size: 12px !important;
    width: 190px !important;
}

.csc-mailform label {
width: 100px !important;
display: block;
float: left;
}

.csc-mailform INPUT {
  color: #000000;
width: 190px !important;
  border: 1px solid #666666;
}

.csc-mailform BUTTON {

  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #EDEFF1;
padding: 5px 0 0 0;
}

.csc-mailform {
  width: 300px;
  border: 0px none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  padding: 10px 0 0 0;
}

.csc-mailform-field {
  margin-bottom: 8px;
  line-height: 18px;
/*clear: left;*/
}



/* Sonstiges
******************************************************************/
.hidden {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.right {
	text-align: right;
}

div.csc-textpic-clear {
padding: 5px 0;
}

div.paginator a {
background: none !important;
padding-left: 0 !important;
}

/* Icons
****************/

div.colRightInner a {
	background: url(../img/zwg_link.png) 0 0 no-repeat;
	padding-left: 19px;
	margin: 4px 0 0 0;
}

div.colRight div.middle a  {
	background: none !important;
	padding-left: 0 !important;
}

a.external-link-new-window, a.external-link {
	background: url(../img/zwg_externer_link.png) 0 0 no-repeat !important;
}

.csc-textpic-image a {
	background: none !important;
	padding-left: 0 !important;
	margin: 0 !important;
}

.colRightInner ul li {
	list-style-type: none;
	background: url(../img/zwg_aufzaehlung.png) 0 -1px no-repeat;
	padding-left: 19px;
	margin: 4px 0 0 0;
}

#zwgTabNavi ul li {
	list-style-type: none;
	background: none !important;
	padding-left: 0px !important;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
height:1%;
overflow:auto;
padding-left: 0 !important;
}

div.colRightInner ol li {
	list-style-type: none;
	background: url(../img/zwgzwg_haekchen.png) 0 1px no-repeat;
	padding-left: 19px;
	margin: 4px 0 0 0;
}

div.colRight b {
	font-weight: bold;
}


div.colRightInner a.mail {
	background: url(../img/zwg_mail.png) 0 0 no-repeat !important;
}

div.colRight div.box div.inner a.mail {
	background: url(../img/zwg_mail.png) 0 0 no-repeat !important;
	padding-left: 19px;
}

div.colRight div.box div.inner  a.external-link-new-window, a.external-link {
padding-left: 19px !important;
}

div.colRightInner a.download {
	background: url(../img/zwg_download.png) 0 0 no-repeat !important;
}

span.detail a.download {
	background: url(../img/zwg_pdf.png) 0 0 no-repeat !important;
	padding: 1px;
}

.colRightInner a.pdf {
	background: url(../img/zwg_pdf.png) 0 0 no-repeat !important;
	padding: 1px 0 0 19px;
}

i a.internal-link {background: none !important; padding-left: 5px !important;}

a.no-icon {background: none !important; padding-left: 0 !important;}

#nbTabControl_Media .nbTabBody a, p.breadcrumbs a {
padding-left: 0 !important;
background: none !important;
}

/****
* Login
*****/

.tx-felogin-pi1 fieldset, .tx-changepassword-pi1 fieldset {
border: none !important;
margin: 10px 0;
}
.tx-felogin-pi1 fieldset legend {
display: none !important;
}

.tx-felogin-pi1 fieldset input {
margin: 5px 0;
}


.tx-changepassword-pi1 legend {
padding: 10px 0;
font-weight: bold;
font-size: 1.2em;
}

.tx-changepassword-pi1 label {
width: 180px;
display: block;
font-weight: bold;
}