/* =============================================================
Filename: design.css
Created: Dienstag, 8. September 2009 (14:35:47)
Created by: SWG
Last Updated: Dienstag, 8. September 2009 (16:24:42)
Updated by: gsteigerstefan
Comments: 
============================================================= */

/* ================================ FORMAT WEBAGENTUR ======================================== */


/* --- Factory Framework --- */
@import url(/format/styles/slim/shared.base.css);
/* --- Frameworkklassen manipulieren --- */

/* --- Weblication-Includes --- */
@import url(wgl.css);
@import url(nav.css);
@import url(ie6.css);
@import url(formulargenerator.css);




/* BE BUTTONS */
#beButtons {float:right;margin:-390px 160px 0 0;padding:0;position:relative;} /* muss auf margin-20px sein, da sonst probl. mit js */
#beButtonPage {float:left;margin:0;padding:0}
#beButtonContent {float:left;}
.wglButtonText {background-color:#C9CED4;background-image:url(/weblication/grid/gui/wImages/wButtons/button_bg_n.gif);border-color:#BFBFBF #000000 #000000 #BFBFBF;border-style:solid;border-width:1px;color:#404040;cursor:pointer;font-size:11px;font-weight:normal;height:18px;line-height:18px;margin:0 2px 0 0;padding:1px 4px;text-decoration:none;white-space:nowrap;}
#headerinner .wglButtonContainer {position:absolute; margin:0 0 0 0}
#contentheaderinner .wglButtonContainer {position:absolute; margin:-1.5em 0 0 0}
#contentheaderinner .servicelinks .wglButtonContainer {position:absolute; margin:-3.5em 0 0 0}
#contentfooterinner .wglButtonContainer {position:absolute; margin:-1.5em 0 0 0}
.wglLinkTree ul li a {font-weight:bold;}
.wglLinkTree ul li ul li a {font-weight:normal;}
.wglLinkTree ul li ul li ul li a {font-style:italic;}


.wglInput {float:right;}
.wglSelect {float:right;}
.wglSelectS {float:right;}
.wglTextarea {float:right;}
.wglInputsetContent {float:left;}
.wglInputsetLabel {width:33.3%}



/* FONTS */
.small {padding:0;margin:0;font-size:smaller}

/* MODULE */
.leerzeile {padding:1em 0}
.newsfrontlist .wglPortletHead  {padding:3px 0 14px 0}
.wSitemap {padding:0 0 0 1em;}



/* NAVIGATION TOP/MAIN/LEFT*/
#headerinner .navLevel2Container {display:none;}
#contentheader ul li.navLevel1 {display:none;}
#contentheader ul li a.navLevel1OpenSelected {display:none;}
#contentheader ul li a.navLevel1Open {display:none;}
#contentheader ul li ul li ul.navLevel3Container {display:none;}


#contentinner ul li.navLevel1 {display:none;}
#contentinner ul li a.navLevel1Open {display:none;}
#contentinner ul li a.navLevel1OpenSelected {display:none;}

/*
#contentinner ul li ul li a.navLevel2OpenSelected {display:none;}
#contentinner ul li ul li a.navLevel2Selected {display:none;}
#contentinner ul li ul li a.navLevel2Open {display:none;}
#contentinner ul li.navLevel2 {display:none;}
#contentheader #navlvl2 ul li.navLevel1Open {}

/*#contentheader #navlvl2 .navLevel1Open {display:none}
#contentheader #navlvl2 li.navLevel1OpenSelected a.navLevel1OpenSelected {display:none}
#contentheader #navlvl2 li.navLevel1OpenSelected  ul ul.navLevel3Container {display:none}
#content #navlvl3 .navLevel1Open {display:none}
#content #navlvl3 ul li ul li.navLevel2 {display:none}
#content #navlvl3 ul li ul li a.navLevel2Open {display:none}
#content #navlvl3 ul li a.navLevel1OpenSelected {display:none;}*/
.fns_itemHide {height:1px;left:-1000em;position:absolute;top:-1000em;width:1px;}

#bodyCs1 .bgColor {	background: #1a4f77;color: #fff;}
#bodyCs2 .bgColor {	background: #3e94ca;color: #fff;}
#bodyCs3 .bgColor {	background: #709431;color: #fff;}


/*** allg. Elemente ***/
.elementForm .col1 {width:33%; height:20px; float:left;}
.elementForm .col2 {width:33%; height:20px; float:left;}
ul.spezNavi li {list-style-type: none;}
.newsblock .elementText h2 a {font-weight:bold; color:#fff !important}
.newsblock .elementText a {line-height:1.5em; color:#fff !important}
.newsblock .elementText a:hover {color:#fff !important}
#equalize {	background-color:#ff0000;}
fns_elementListEdit strong {}
.elementPictureBaustelle img {max-width:100%}
.fns_elementForm ul .column66p {margin:0 0 0 47.4%;}
#quicklinks .elementText {float:left;}
#quickLeft {float:left;}
#quickStart{}
a.fns_buttonRSS {padding:0 0 0 10px}
.wglListOnly {padding:2em 0 0 0}
li.wglListEntry {}


/*** übersteuerungen***/
.fns_elementForm ul li label {float:left;line-height:18px;margin:0;width:33.3%;}
.fns_elementForm select {width:52.7%;}
.fns_elementForm input {width:52%}
legend {padding:0;margin:0;font-weight:bold;border:none;}
.fns_regi {padding:2em 0 0 25em}
#beButtonPage  {letter-spacing: 0pt;}
.wglButtonExtended {font-size:0.9em;height:16px;}
.wglListEntry {background:none;}
.wList .wglListEntry .wglListInfoNewest {font-weight:normal;color:#aaa}

table.light {border:none}
table.light tr {border:none}
table.light td {border:none}
table.light tr:hover {background:none;}
table.light td:hover {background:none;}

/* shared.fns überst. */
#navlvl2 ul li ul {margin:0}
#navlvl3 ul li ul {margin:0}

.elementHeadline {padding:2em 0 0 0}
#blockRight a {text-decoration:underline;}
#blockRight h3 {margin:20px 0 10px 0}
#blockRight .elementSubheadline h3 {margin:10px 0 10px 0}

#content .elementText ul li {line-height:1.5em;list-style-image:url(de/img/punkt.gif);list-style-type:disc;list-style-position:outside;margin:0 0 0 15px;}
*+HTML #content .elementText ul li {line-height:1.5em;list-style-image:none;list-style-position:outside;list-style-type:disc;margin:0 0 0 15px;}
*HTML #content .elementText ul li {line-height:1.5em;list-style-image:none;list-style-position:outside;list-style-type:disc;margin:0 0 0 15px;}

/* NAVIGAITON COLORSHEME*/
#bodyCs1 div#navlvl2 ul li a {border:1px solid #1A4F77}
#bodyCs2 div#navlvl2 ul li a {border:1px solid #3E94CA}
#bodyCs3 div#navlvl2 ul li a {border:1px solid #709431}
#bodyCs1 div#navlvl2 ul li a:hover {border:1px solid #fff}
#bodyCs2 div#navlvl2 ul li a:hover {border:1px solid #fff}
#bodyCs3 div#navlvl2 ul li a:hover {border:1px solid #fff}

#bodyCs1 li.linkSelected {line-height:3em; border-bottom:2px solid #1A4F77;}
#bodyCs2 li.linkSelected {line-height:3em; border-bottom:2px solid #3E94CA;}
#bodyCs3 li.linkSelected {line-height:3em; border-bottom:2px solid #709431;}

#bodyCs1 div#navlvl2 ul li a.activetrail, #bodyCs1 div#navlvl2 ul li a.navLevel2Open 
{background-color:#fff;color:#1A4F77}

#bodyCs2 div#navlvl2 ul li a.activetrail, #bodyCs2 div#navlvl2 ul li a.navLevel2Open 
{background-color:#fff;color:#3E94CA}

#bodyCs3 div#navlvl2 ul li a.activetrail, #bodyCs3 div#navlvl2 ul li a.navLevel2Open 
{background-color:#fff;color:#709431}

#bodyCs1 .navLevel3Color1, #bodyCs1 .navLevel3SelectedColor1,
#bodyCs1 .navLevel3Color1 {color:#1A4F77}

#bodyCs2 .navLevel3Color2, #bodyCs2 .navLevel3SelectedColor2, 
#bodyCs2 .navLevel3Color2 {color:#3E94CA;}

#bodyCs3 .navLevel3Color3, #bodyCs3 .navLevel3SelectedColor3,
#bodyCs3 .navLevel3Color3 {color:#709431}

li.link {line-height:3em; border-bottom:1px solid #D1D1D1;}

/* TEXT LINKS */
#bodyCs1 #contentinner a {color:#1A4F77}
#bodyCs2 #contentinner a {color:#3E94CA}
#bodyCs3 #contentinner a {color:#709431}


.wglInputset {border:none;}

.elementAktuelleMeldungen {float:right;width:211px !important}
.elementAktuelleMeldungen h2 {font-size:1em;padding:0;margin:0 0 0.5em 0}
.elementAktuelleMeldungen h2 a {color:#1A4F77  !important;}
*+HTML .elementAktuelleMeldungen li.wglListEntryDetails {width:211px !important}

a.noLink:hover {text-decoration:none;color:#333}

/* ============================================================================= */
/* ================================ SWG ======================================== */
/* DER NACHFOLGENDE CODE IST VON SWG ERSTELLT WORDEN. BITTE STEHEN LASSEN
/* ============================================================================= */

/* browser default werte zurücksetzen*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 0 0.1em;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em,  th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
q:before, q:after {
	content:''; 
}
abbr, acronym {
	border:0;
}
/* farbwerte

body background / grau: #e0e0e0


blau dunkel:			#1a4f77
blau hell:				#3e94ca
grün:					#709431

Spalten:				1 Spalte = 212px + 10px margin-right = 212 | 10 -> 220px
						2 Spalten = 2 x 212px + min. 1 x 10px margin-right = 212 | 10 | 212 (| 10)
						etc.
						content panel width: 880px

*/




/* layout: basiselemente */

body {
	width: 100%;
}
div#page {
	width: 920px;
	margin: 0 auto;
}
div#pageinner {
	width: 100%;
}
div#quicklinks {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	height: 30px;
}
div#headerouter {
	width: 100%;
	float: left;
}
div#header {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
div#headerinner {
	padding: 0;
	margin: 20px 0 0 20px;
	width: 880px;
	height: 130px;
	float: left;
}
div#logo {
	width: 90px;
	height: 80px;
	margin: 30px 30px 0 0;
	float:right;
	clear: right;
}
div#headerimage {
	margin: 10px 0 10px 20px;
	width: 880px;
	height: 250px;
	float:left;
}
div#headerimageinnerfront {
	width: 880px;
	height: 250px;
}
div#headerimageinner {
	width: 880px;
	height: 240px;
}
div#contentpanel {
	width: 100%;
	float: left;
	clear: both;
	z-index: 100;
}
div#contentpanelinner {
	width: 890px;
	margin: 0 0 0 20px;
}
div#footer {
	width: 100%;
	padding: 40px 0 0 0;
	float: left;
	clear: both;
}
div#footerleft {
	width:60%;
  padding: 0 0 0 30px;
	float: left;
}
div#footerinner {
  padding: 0 30px 0 0;
	float: right;
}
/* innerhalb content panel */
div#contentheader {
	width: 100%;
	float: left;
}
div#contentheaderinner {
	width: 100%;
}
div#content {
	width: 100%;
	margin: 10px 0;
	float: left;
}
div#contentinner {
	width: 100%;
}
div#contentfooter {
	width: 100%;
	float: left;
	
}
div#contentfooterinner {
	width: 100%;
}
/* schnellformatierung für spaltenelemente (frontpage/contentseite)

3spaltige elemente (div.3col) werden immer nur rechts gefloatet. und sind bündig mit dem seitenrand auf der rechten seite (.curvedleft)

*/
.onecol {
	width: 192px;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px;
}
.twocol {
	width: 414px;
	margin: 0 10px 0 0;
	float: left;
	padding: 10px;
}
.threecol {
	width: 636px;
	margin: 0 10px 0 0;
	float: left;
	padding: 10px;
}
.threecolright {
	width: 658px;
	margin: 0;
	float: left;
	padding: 10px 0 10px 10px;
}

.wide {width:870px;}

/* servicelinks rechte seite */
.servicelinks {
	width: 204px;
	float: left;
	padding: 0 10px;
	min-height: 120px;
}

*HTML .startpage #contentheader .servicelinks {
	width: 204px;
	float: left;
	padding: 0;
	min-height: 120px;
}

.servicelinks ul {
	list-style: none;
	width: 100%;
}
.servicelinks ul li {
	display: block;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
.servicelinks ul li.last {
	display: block;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	border: none;
}
.servicelinks ul li a {
	padding: 0 0 0 15%;
    width: 85%;
	height: 100%;
	vertical-align:middle;
	display: block;
}

button.servicelink0 {
	background: url(/de/img/design/icon-suchen-off.gif) center left no-repeat;
	background-color:transparent;
	width:24px;
	height:20px;
	border:none;
}
button.servicelink0:hover {
	background: url(/de/img/design/icon-suchen.gif) center left no-repeat;
  background-color:transparent;
  width:24px;
	height:20px;
	border:none; 
}

a.servicelink0 {
	background: url(/de/img/design/icon-suchen-off.gif) center left no-repeat;
}
a.servicelink0:hover {
	background: url(/de/img/design/icon-suchen.gif) center left no-repeat; 
}
a.servicelink1 {
	background: url(/de/img/design/icon-rss-off.gif) center left no-repeat;
}
a.servicelink1:hover {
	background: url(/de/img/design/icon-rss.gif) center left no-repeat;
}
a.servicelink1active {
	background: url(/de/img/design/icon-rss.gif) center left no-repeat;
}
a.servicelink2 {
	background: url(/de/img/design/icon-pikett-off.gif) center left no-repeat;
}
a.servicelink2:hover {
	background: url(/de/img/design/icon-pikett.gif) center left no-repeat;
}
a.servicelink2active {
	background: url(/de/img/design/icon-pikett.gif) center left no-repeat;
}
a.servicelink3 {
	background: url(/de/img/design/icon-login-off.gif) center left no-repeat;
}
a.servicelink3:hover {
	background: url(/de/img/design/icon-login.gif) center left no-repeat;
}
a.servicelink3active {
	background: url(/de/img/design/icon-login.gif) center left no-repeat;
}
a.servicelink4 {
	background: url(/de/img/design/icon-webcam-off.gif) center left no-repeat;
}
a.servicelink4:hover {
	background: url(/de/img/design/icon-webcam.gif) center left no-repeat;
}
a.servicelink4active {
	background: url(/de/img/design/icon-webcam.gif) center left no-repeat;
}
a.servicelink5 {
	background: url(/de/img/design/icon-feedback-off.gif) center left no-repeat;
}
a.servicelink5:hover {
	background: url(/de/img/design/icon-feedback.gif) center left no-repeat;
}
a.servicelink5active {
	background: url(/de/img/design/icon-feedback.gif) center left no-repeat;
}
/* newsbox front */
.newsfront {
	width: 435px;
	padding: 0;
}
.newsfrontlist {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
}
.newsfrontlist ul {
	list-style: none;
	width: 100%;
}
.newsfrontlist ul li {
	display: block;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
.newsfrontlist ul li.last {
	display: block;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	border: none;
}
.newsfrontlist ul li a {
	width: 100%;
	vertical-align:middle;
}
/* servicelinks fussbereich links */
.footerservices {
	width: 190px;
	float: left;
	padding: 0 10px;
}
.footerservices ul {
	list-style: none;
	width: 100%;
}
.footerservices ul li {
	display: block;
	width: 100%;
	height: 20px;
	padding: 3px 0;
}
.servicelinks ul li a {
	padding: 0 0 0 15%;
	vertical-align:middle;
}
/* navigationsblock Intern */
div#navigationMainIntern {
	margin: 0;
}
.bgColorIntern {	background: #3e94ca;color: #fff;width: 880px;height: 40px;margin-top: -20px;z-index: 100;}
/* navigationsblöcke */
div#navigationMain {
	width: 85%;
	margin: 103px 0 0 0;
	float: left;
}
div#navlvl2 {
	width: 880px;
	height: 40px;
	margin-top: -20px;
	z-index: 100;
}
div#navlvl3 {
}
div#navsidebarright {
}
/* navigationsformatierung */
div#navigationMain ul {
	width: 100%;
	list-style: none;
}
div#navigationMain ul li {
	width: 212px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
	border-bottom: 2px solid #fff;
}
div#navigationMain ul li.link1 {
	border-bottom-color: #1a4f77;
}
div#navigationMain ul li.link2 {
	border-bottom-color: #3e94ca;
	clear: right;
}
div#navigationMain ul li.link3 {
	border-bottom-color: #709431;
}

div#navigationMain ul li a {
	width: 96%;
	text-decoration:none;
	display: block;
	padding: 0 2%;
}
div#navlvl2 ul {
	width: 100%;
	list-style: none;
}
div#navlvl2 ul li {
	float: left;
	display: block;
}
div#navlvl2 ul li a {
	color: #fff;
	text-decoration:none;
	display: block;
	padding: 5px;
	margin: 5px;
}
div#navlvl2 ul li a:link {
	color: #fff;
	text-decoration:none;
}
div#navlvl2.bgbluelight ul li a {
	border: 1px solid #3e94ca;
}
div#navlvl2.bgbluedark ul li a {
	border: 1px solid #1a4f77;
}
div#navlvl2.bggreen ul li a {
	border: 1px solid #709431;
}
div#navlvl2 ul li a:hover {
	border: 1px solid #fff;
}
div#navlvl2.bgbluelight ul li a.activetrail {
	color: #3e94ca;
	text-decoration:none;
	background: #fff;
}
div#navlvl2.bgbluedark ul li a.activetrail {
	color: #1a4f77;
	text-decoration:none;
	background: #fff;
}
div#navlvl2.bggreen ul li a.activetrail {
	color: #709431;
	text-decoration:none;
	background: #fff;
}
/* styling klassen für objekte */
.bgbody {
	background: url(/de/img/design/bgbody.png) top left repeat-x #e0e0e0;
}
.bgheader {
	background: url(/de/img/design/bgpageheader.png) top center no-repeat;
}
.bgfooter {
	background: url(/de/img/design/bgpagefooter.png) top center no-repeat #e0e0e0;
}
.bgcontent {
	background: url(/de/img/design/bgpagebody.png) top center repeat-y;
}
/* ugly hack: mixing webkit, gecko and css3. rounded corners for IE done the jQuery way (see header) … */
.curved {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.curvedleft {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.curvedbottom {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.bgbluedark {
	background: #1a4f77;
	color: #fff;
	height:9.68em;
}
.bgbluelight {
	background: #3e94ca;
	color: #fff;
	height:9.68em;
}
.bggreen {
	background: #709431;
	color: #fff;
	height:9.68em;
}

.bggraytop {
	background: url(/de/img/design/bgcontentgraytop.png) top left repeat-x #fff;
}
.bggraytopshort {
	background: url(/de/img/design/bgcontentgraytopshort.png) top left repeat-x #fff;
}

.bggraybottom {
	background: url(/de/img/design/bgcontentgraybottom.png) bottom left repeat-x #fff;
}
.headerimg1 {
	background: url(/de/img/design/header/1.jpg) top left no-repeat #fff;
}
/* typographie: basiswerte */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 15pt;
	letter-spacing: 0.5pt;
	color: #444;
}
p {
	margin: 0 0 7pt 0;
}
a, a:link {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #1a4f77;
	text-decoration: underline;
}
.newsfrontlist a, .footerservices a, .servicelinks a {
	font-size:13px;
}
.newsblock {
	color: #fff;
}
#quicklinks, #footerinner, #footerleft, #quicklinks a, #footerinner a {
	color: #888;
	font-size: 13px;
}
#navlvl1 a {
	font-size: 14px;
	color: #666;
}

h1, h2, h3, h4, h5 {
	line-height: 1.5em !important;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.5em;
	font-weight:normal;
	margin: 0 0 14pt 0;
}
h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0.2em 0 14pt 0;
}
h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 14pt 0;
	color: #666;
}
h4 {
	font-size: 1em;
	margin: 0 0 14pt 0;
	font-weight: bold;
	color: #666;
}
h5 {
}

/* tweaks */
div.clear {
	clear: both;
}

label.searchLabel {float:left;padding:0 1em 0 29em; margin:-0.1em -1em 0 0.9em}
#defaultSearch_wglButtonSubmit {margin:-0.2em 0 0 -12em}

*+HTML #defaultSearch_wglButtonSubmit {margin:-0.3em 0 0 -12em}

*HTML label.searchLabel  {margin:0em 0 0 -2em}
*HTML #defaultSearch_wglButtonSubmit {margin:-2em 0 0 -13em}