/* @override 
	http://127.0.0.1:8080/typo3SG/fileadmin/template/sgbern.css
	http://localhost:8888/sgbern/fileadmin/template/sgbern.css
	http://ww2.sgbern.ch/fileadmin/template/sgbern.css
	http://www.sgbern.ch/fileadmin/template/sgbern.css
*/

* {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
}



body {
	background-color: #2772f4;
	margin: 0;
}

#wrapper {
	height: 300px;
	width: 100%;
}

#header {
	height: 100px;
	margin: 10px;
	/*background-image: url(pictures/1.jpg);*/
}

#contentwrapper { 
	margin-right: 10px;
	margin-left: 10px;
}

#leftcolumn {
	width: 200px;
	float: left;
}

#logo {
	height: 86px;
	border-top: 1px solid #3be0ff;
	border-left: 1px solid #3be0ff;
	border-bottom: 1px solid #3be0ff;
	background-image: url(pictures/sgbern-F.png);
}

#logo h1 {
	text-align: left;
	font-size: 26px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
	font-weight: bold;
	color: #fcb300;
}

#logo p {
	text-align: left;
	margin-top: 0;
	font-size: 12px;
}

#menuc {
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 5px;
	border-top: 1px solid #3be0ff;
	border-left: 1px solid #3be0ff;
	border-bottom: 1px solid #3be0ff;
	padding-bottom: 5px;
}


#menuc a.level1 {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #13217d;
}

#menuc a.level1:active {
	color: #fff;
	text-decoration: underline;
}

#menuc a.level1:hover {
	color: #fff;
}


#menuc a.level2 {
	font-size: 12px;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

#menuc a.level2:active {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#menuc a.level2:hover {
	color: #13217d;
}






#rightcolumn {
	float: right;
	width: 200px;
}

#loginfield {
	border-top: 1px solid #3be0ff;
	border-right: 1px solid #3be0ff;
	border-bottom: 1px solid #3be0ff;
	margin: 0;
	height: 86px;
}

#loginfield input {
	color: #13217d;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	border: 0px solid #5078af;
	width: 100%;
	margin: 2px 0 0 0px;
}

#loginfield form.loginform {
	margin: 0;
	padding: 2px 5px 0;
}


#loginfield form.loginform div.logoutname {
	font-size: 12px;
	margin-left: 0;
	margin-top: 0px;
	border-style: solid;
	border-width: 0px;
	margin-bottom: 10px;
}

#loginfield form.loginform input.submit {
	background-color: #ffffff;
	width: 100%;
	font-size: 12px;
	font-style: normal;
	border: 0px solid #5078af;
	text-align: left;
}


#pdf {
	padding-left: 5px;
	padding-top: 5px;
	border-top: 1px solid #5078af;
	border-right: 1px solid #5078af;
	border-bottom: 1px solid #5078af;
	padding-bottom: 10px;
	margin-top: 10px;
	visibility: hidden;
}

#pdf p {
	font-size: 12px;
}


#widget {
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 5px;
	border-top: 1px solid #5078af;
	border-right: 1px solid #5078af;
	border-bottom: 1px solid #5078af;
	visibility: hidden;
}

#middlecolumn {
	font-size: 12px;
	border-left: 1px solid #3be0ff;
	border-bottom: 1px solid #3be0ff;
	border-right: 1px solid #3be0ff;
	margin-right: 200px;
	margin-left: 200px;
	margin-bottom: 20px;
	border-top: 1px solid #3be0ff;
	min-height: 300px;
}

#middlecolumn div.content {
	border-bottom: 0px solid #3be0ff;
	margin-bottom: -1px;
}

#path {
	height: 15px;
	background-color: #336799;
	padding-left: 5px;
	padding-top: 1px;
}

#path a {
	margin-left: 0px;
	margin-right: 5px;
	text-decoration: none;
}

#middlecolumn ol li {
	margin-right: 5px;
}

#middlecolumn ul li {
	margin-right: 5px;
	list-style-position: outside;
	list-style-image: url(pictures/strich.png);
}

#middlecolumn h1 {
	font-size: 13px;
	color: #13217d;
	margin-left: 0;
	margin-top: -1px;
	margin-bottom: 5px;
	padding: 5px 5px 2px;
	font-weight: bold;

}

#middlecolumn div.tx-odsfeuseredit-pi1 input textarea table {
	color: #13217d;
}


#middlecolumn div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol dt a img {
	margin-left: 5px;
}


#middlecolumn p {
	line-height: 17px;
	text-align: left;
	margin-right: 5px;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}

#middlecolumn div.content div.news-latest-container div.news-latest-item p {
	line-height: 12px;
	text-align: left;
	margin-right: 5px;
	font-size: 12px;
	padding: 0 5px;
}

#middlecolumn input {
	color: #13217d;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin-left: 0px;
	border: 0px solid #5078af;
	margin-top: 2px;
	margin-right: 10px;
	background-color: white;
}

#middlecolumn textarea {
	color: #13217d;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin-left: 0px;
	border: 0px solid #5078af;
	margin-top: 2px;
	margin-right: 0;
	background-color: white;
}

#middlecolumn form {
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 12px;
}


#middlecolumn div.news-latest-container {
	margin-left: 0px;
}

#middlecolumn div.news-latest-container span.news-latest-date{
	font-size: 12px;
	margin-right: 20px;
	float: left;
	margin-left: 5px;
}

#middlecolumn div.content table {
	margin-left: 5px;
}


#middlecolumn div.news-latest-container h2 a {
	float: left;
	text-decoration: underline;
	font-size: 12px;
	margin-right: 20px;
	}

#middlecolumn div.news-latest-item {
	margin-top: 0;
}



#middlecolumn div.news-latest-item a p{
	text-decoration: none;
	font-size: 13px;
}

#middlecolumn div.news-list-container div.news-list-item {
	padding-top: 10px;
}

span.news-list-date {
	padding-left: 5px;
}

#middlecolumn div.news-list-container div.news-list-item hr.clearer {
	height: 1px;
	border-top: 1px solid #5078af;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

#middlecolumn div.news-list-container div.news-list-item a img {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#middlecolumn div.news-single-item {
	margin-top: -1px;
}

#middlecolumn div.news-single-item div.news-single-rightbox {
	padding-left: 5px;
}

#middlecolumn div.news-single-item div.news-single-img a img {
	padding-left: 5px;
}

#middlecolumn div.news-list-container div.news-list-item h2 a {
	line-height: 1px;
	font-size: 13px;
}

#middlecolumn div.news-list-container div.news-list-item p {
	padding-left: 5px;
	line-height: 17px;
	padding-right: 5px;
}

#middlecolumn div.news-list-container div.news-list-item div.news-list-category {
	padding-left: 5px;
}

#middlecolumn div.news-list-container div.news-list-item h1 a {
	font-size: 13px;
	color: #13217d;
	margin-left: 0;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
}

#middlecolumn div table.imgtext-table tbody tr td a img {
	padding-left: 1px;
	margin-left: 5px;
}

#middlecolumn table.imgtext-table tbody tr td a img {
	margin-left: 5px;
	margin-right: 15px;
}

#middlecolumn ul {
	list-style-position: inside;
}

#middlecolumn table.imgtext-table tbody tr td font b {
	margin-left: 5px;
}

#middlecolumn div table.imgtext-table tbody tr td img {
	margin-left: 5px;
	list-style-position: outside;
}

#middlecolumn div.news-single-item h2 {
	font-size: 12px;
	margin-top: 2px;
	padding-left: 0;
}

#middlecolumn div.news-single-item div.news-single-backlink a {

	margin-left: 5px;
	line-height: 50px;
}

#menuc a.usel1 {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #13217d;
}

#menuc a.usel2 {
	font-size: 12px;
	margin-left: 0px;
	text-decoration: underline;
	color: white;
	font-weight: bold;
}

div#sg {
	margin-left: 5px;
}



/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation3.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
	font-size: 12px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #3be0ff;
	padding-left: 20px;
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 20px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	font-size: 12px;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-size: 12px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-size: 12px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 12px;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


div.tx-powermail-pi1_confirmation input.tx-powermail-pi1_confirmation_back {
	/* submit button */
	margin: 0 0 10px 20px;
	font-size: 12px;
	float: left;
}

div.tx-powermail-pi1_confirmation input.tx-powermail-pi1_confirmation_submit {
	/* submit button */
	margin: 0 0 10px 20px;
	font-size: 12px;
	clear: both;
}

div.thanx h1 {
	font-size: 14px;
}

div.thanx h2 {
	font-size: 12px;
	margin-left: 20px;
	font-weight: normal;
	font-style: normal;
	margin-right: 20px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 0px 0px 0px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

div.tx-powermailfrontend-pi1 {
	font-size: 12px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
div.powermailfe_listitem,
div.powermailfe_latestitem {
	border: 0 solid #3be0ff;  
	margin-bottom: 2px;
	border-top-width: 1px;
}
div.powermailfe_listitem_even,
div.powermailfe_latestitem_even {
	margin-bottom: 2px;
}
dt.pfe_all_dl {
	font-weight: bold;
	float: left;
	clear: both;
	width: 150px;
	height: 20px;
	display: block;
}
dd.pfe_all_dl {
	height: 20px;
	display: block;
}

div.powermailfe_filter_div label {
	float: left;
	clear: both;
	margin-right: 15px;
	width: 180px;
	font-weight: bold;
}
div.powermailfe_filter_div {
	clear: both;
}
input.powermailfe_filter_submit {
	margin: 5px 0 0 195px;
}

	/* Edit */
div.powermailfe_edititem dl dd {
	margin: 10px 0;
}
input.powermail_frontend_edit {
	width: 250px;
}

div.list1 {
	display: block;
	width: 150px;
	float: left;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.list2 {
	width: 150px;
	display: block;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.list3 {
	width: 300px;
	display: inline-block;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.list4 {
	width: 105px;
	display: inline-block;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}



/*Weitere Ebenen  */

ul.menu, ul.menu ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
}


ul.menu a {
    display: block;
    padding: 0px;
    font-weight: bold;
	width: 200px;
	text-decoration: none;
	font-size: 12px;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #2772f4;
}

/* Zweite Ebene */
ul.menu ul {
	margin: -10px 0 0 75px;
    padding: 0;
    position: absolute;
    background-color: #336799;
    border: 1px solid #3be0ff;
    display: none;
    width: 200px;
}

ul.menu ul {
	margin: -10px 0 0 75px;
    padding: 0;
    position: absolute;
    background-color: #336799;
    border: 1px solid #3be0ff;
    display: none;
    width: 200px;
}


/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
	display: block;
}



/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	display: none;
    margin-left: 75px; /* Breite eines Listenelements - Überlagerung */		margin-top: -10px; /* Höhe eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
	display: block;
}





/* Vierte Ebene */

     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {

                  display: none;

    }



   /* Vierte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {

               display: block;

   }