/*
 * SBf.ch Stylesheet
 * @4eyes GmbH
 * www.4eyes.ch 
 */

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
    line-height: 17px;
}

a {
    text-decoration: none;
    color: #0099CC;
}

.header {
    margin-top: 15px;
}

.menu-container a {
    text-decoration: none;
    color: #999999;
}

.menu-container a:hover,
.menu-container a:focus,
.menu-container .act a,
.menu ul li.act ul li a:hover,
.menu ul li.act ul li a:focus,
.menu ul li.act ul li.act a,
.menu ul li.act ul li.act ul li a:hover,
.menu ul li.act ul li.act ul li a:focus,
.menu ul li.act ul li.act ul li.act a {
    text-decoration: none;
    color: #0099CC;
}

.container {
	width:970px;
	margin:0px auto;
}

.logo {
	float:left;
	width:461px;
	height: 120px;
}

.werbung {
	margin-top: 43px;
    margin-left: 25px;
	float: left;
    height: 76px;
	width: 482px;
    overflow: hidden;
}

.menu-container {
	margin-top:15px;
	background-color:#EBEBEB;
	height: 25px;
    background-image: url(../images/1.png);
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu ul {
    list-style-type: none;
    font-size: 11px;
    margin: 0;
}

.menu ul li {
    float: left;
    background-image: url(../images/m-border.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 11px;
    padding-left: 11px;
    height: auto;
	min-height:20px;
}

.menu ul li ul li {
    background: url(../images/select.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding: 0;
    padding-left: 20px;
}

.menu ul li ul li a,
.menu ul li.act ul li a,
.menu ul li.act ul li.act ul li a {
    padding-right: 20px;
    padding-left: 11px;
    color: #999999;
}

.menu ul li ul {
    line-height: 18px;
}


.menu {
    float: left;
    margin-left: 1px;
}


.nav-container {
    font-size: 10px;
    float: right;
    margin-top: -1px;
    text-transform: uppercase;
}


.lang {
    margin-left: 5px;
    margin-right: -1px;
    float: right;
    line-height: 25px;
}

.lang ul {
    list-style-type: none;
}

.lang ul li {
    float: left;
}

.lang ul li a {
    height: 10px;
    line-height: 10px;
    padding: 0;
    border-left: #999999 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 25px;
}

.lang ul li.first a {
    border-left: none;
}


.service {
    margin-left: 3px;
    margin-right: 5px;
    float: right;
}


.service ul {
    list-style-type: none;
}

.service ul li {
    float: left;
    padding-right: 6px;
    padding-left: 6px;
}


.path {
	margin-top: 34px;
    margin-bottom:20px;
    font-size: 11px;
}

.path li {
	display: inline;
}

.path a {
	text-decoration: none;
	color: #999999;
}

.content-wrap {
	border-bottom: #E6E6E6 2px solid;
}

.content {
	float:left;
	width:600px;
}

.content .bodytext{
	color: #999999;
}

.picture {
    margin-top: 34px;
    margin-bottom: 5px;
}

.csc-textpic-caption {
    margin-bottom: 21px;
    font-weight: bold;
    margin-top: 5px;
}

#c84 img {
    margin-top: 34px;
    margin-bottom: 5px;
}

#c84 {
    margin-bottom: 25px;
}

#c86 {
    margin-top: 24px;
}

#c86 li {
    margin-bottom: 0;
}

.csc-textpic-image,
.csc-textpic-firstcol {
    margin-bottom: 0;
}

.bottom-img {
    margin-top: 22px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.img_a {
	float:left;
	width:193px;
	height:115px;
	margin-right:10px;
}

.img_b {
	float:left;
	width:193px;
	height:115px;
	margin-right:10px;
}

.img_c {
	float:left;
	width:193px;
	height:115px;
}


.right {
	float:left;
    margin-top: -4px;
	margin-left: 63px;
	width:307px;
}

.bottom,
.bottom a {
	margin-top:5px;
    margin-bottom: 10px;
	text-align:right;
    font-weight: normal;
    font-size: 10px;
    color: #999999;
}

.clear {
	clear:left;
}

.news-list-item a,
.news-list-morelink a {
	color:#0099CC;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
	text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

.news-list-item,
.news-latest-item {
    padding-bottom: 17px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 6px;
    color: #999999;
}

.clearer {
    display: none;
}

.linkbox {
    margin-top: 59px;
}

.link {
    border-bottom: #E6E6E6 2px solid;
    padding-top: 6px;
    padding-bottom: 5px;
    color: #0099CC;
}


.region {
    padding-top: 5px;
    padding-bottom: 12px;
}

.content h1,
.news-list-item h2 {
	color:#0099CC;
	font-family: Times New Roman, Times, Serif !important;
	font-size:22px !important;
    margin-bottom: 16px;
    text-transform: uppercase;
    line-height: 25px !important;
}

.news-wrap {
    color: #999999;
}

.news-wrap h1 {
	color:#0099CC;
	font-family: Times New Roman, Times, Serif !important;
	font-size:22px !important;
    margin-bottom: 16px;
    text-transform: uppercase;
    line-height: 25px;
}

.content a {
	color:#0099CC;
    text-decoration: none;
}

.content h2 {
	color:#0099CC;
    margin-bottom: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
    line-height: 17px;
}

.sektion {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       line-height: 17px;
       font-weight: bold;
       font-variant: normal;
       color: #ef0d48;
}
.news-list-container h2,
.newsbox h2 {
	color:#0099CC;
	font-family: Arial, Helvetica, Sans-serif !important;
	font-size: 12px !important;
    line-height: 17px !important;
}

h2#award {
    text-transform: uppercase;
    font-weight: normal;
}

h3 {
	color:#0099CC;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9px;
    margin-bottom: 13px;
    text-transform: uppercase;
}

h3#award {
    text-transform: none;
    color: #858585;
    font-weight: normal;
    font-size: 11px;
}

.right h1 {
    color:#0099CC;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top: 17px;
}

h4,
h4 A:link,
h4 A:visited,
h4 A:active,
h4 A:hover {
	color:#0099CC;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
	text-decoration: none;
    text-transform: uppercase;
}

h2#hinweis {
    margin-top: 28px;
    margin-bottom: 15px;
}

.news-clear {
    border: 0;
    display: none;
}

.news-wrap,
.news-wrap A:link,
.news-wrap A:visited,
.news-wrap A:active,
.news-wrap A:hover {
    text-decoration: none;
}

.news-wrap h1 {
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    margin-top: 5px;
}

.newsbox {
    /*border-top: 1px solid #999999; 
    border-bottom: 1px solid #999999;*/
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.news-single-backlink a {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

#login_container {
    margin-top: 43px;
    margin-bottom: 44px;
}

.b_text {
    width: 100px;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: middle;
    line-height: 25px;
}

#b_form {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 500px;
    float: left;
    height: 25px;
}

#p_form {
    border-bottom: 1px solid #CCCCCC;
    width: 500px;
    float: left;
    height: 25px;
}

input#user,
input#pass,
input#pass2 {
    width: 500px;
    border: none;
    height: 24px;
    font-size: 12px;
    color: black;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
    width: 488px;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-left: none;
    border-right: none;
    height: 23px;
    margin-bottom: 10px;
    font-size: 12px;
    color: black;
}

.tx-indexedsearch-search-submit input.form-button,
#login_container input[type="submit"],
#mailformformtype_mail{
	width: auto!important; 
    height: 25px;
	font-family: verdana,arial,sans-serif;
    line-height: 25px;        
    border-top: none;
    font-size: 12px!important;
    color: #999999;
    margin-left: 25px; 
	margin-top:0px;
	margin-bottom: 40px; 
	padding-left: 6px;
    /*background:url("../images/btn_bg.gif") no-repeat scroll 0 10px transparent;*/
	
}

.tx-indexedsearch .searchbox-tmpl-css label {
    width: 100px;
    line-height: 27px;
    text-transform: uppercase;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
	text-align: left;
}

.tx-indexedsearch-browsebox{
	margin-bottom: 20px;	
}

.tx-indexedsearch-res h3{
	margin-bottom: 4px;	
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
	float:right;
	font-weight:normal;
	letter-spacing:0;
	margin-top: 0;
}

.info-tmpl-css{
	padding-left: 4px;	
}




#login_container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.csc-textpic-image {
    margin-top: 10px;
}

.csc-header.csc-header-n1 {
    border-bottom: 1px #D9D9D9 solid;
    border-top: 1px #D9D9D9 solid;
    margin-bottom: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}

h1.csc-firstHeader {
    margin: 0;
}

.csc-default {
    padding-bottom: 18px;
}

.csc-default {
    padding-bottom: 20px;
}

.csc-default a {
    text-decoration: none;
}

.csc-sitemap ul {
    margin-left: 20px;
}

.csc-sitemap li {
	list-style-type: disc;
}

.csc-sitemap li li {
	list-style-type: circle;
}

.csc-sitemap li li li {
	list-style-type: square;
}

input.tx-srfeuserregister-pi1-text,
input.tx-srfeuserregister-pi1-password {
    height: 18px;
    color: black;
    font-size: 12px;
    border: solid 1px #CCCCCC;
}

#tx-srfeuserregister-pi1-password_again {
    /*width: 70px;*/
}

.content .csc-header,
.content .csc-header-n1 {
    border: none;
}

.news-list-item h4 a {
    color: #888888;
}

.csc-mailform-field label {
    display: block;
    min-width: 90px;
    max-width: 200px;
    float: left;
    height: 25px;
    line-height: 25px;
}

.csc-mailform-field input {
    height: 24px;
    width: 490px;
    color: black;
    font-size: 12px;
    border-top: solid 1px #CCCCCC;
    float: left;
}

.csc-mailform-field textarea {
    border: 1px solid #CCCCCC;
    width: 503px;
    height: 100px;
}

.csc-mailform-radio {
    height: auto;
    border: 1px solid #CCCCCC;
}

.csc-mailform-field select{
	height: auto;
}

.csc-mailform-field .csc-mailform-check {
    width: auto;
    margin-right: 475px;
    /*height: 25px;*/
	position:relative;
	top:1px;
	border:0;
}

input {
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 10px;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#mailformformtype_mail {
    width: 80px;
    color: #999999;
    font-size: 10px;
    margin-left: 83px;
	margin-top: 20px;
    border: none;
	float:none !important;
}

#c188 #mailformname {
    width: 190px;
    /*margin-right: 10px;*/
}

#c208 #mailformemail {
    border-bottom: 1px solid #CCCCCC;
}

#c188 #mailformname,
#c188 #mailformemail {
    /*margin-bottom: 20px;*/
}
 
#mailformemail,
#mailformname{
	width:505px!important;
}

#c188 select{
	margin: 4px 0 3px 0;
}

#c188 #mailformemail{
	/*border-bottom:1px solid #CCCCCC*/
}

.csc-mailform-field input,
.csc-mailform-field label{
	display:inline-block;
	float:none;
	vertical-align: top;
}

.csc-mailform-field input[type="text"]{
	width: 505px!important;
}

/*Anmeldeformular*/

.csc-mailform-field #mailformbsn label,
.csc-mailform-field #mailformbem label,
.csc-mailform-field #mailformosfl label,
.csc-mailform-field #mailformsi label,
.csc-mailform-field #mailformrr label,
.csc-mailform-field #mailformzzs label {
    display: block;
    width: 200px;
    line-height: 15px;
}

.csc-mailform-field #mailformbsn,
.csc-mailform-field #mailformbem,
.csc-mailform-field #mailformosfl,
.csc-mailform-field #mailformsi,
.csc-mailform-field #mailformrr,
.csc-mailform-field #mailformzzs {
/*    margin-right: 0;*/
}

.csc-mailform-field #mailformname,
.csc-mailform-field #mailformvorname,
.csc-mailform-field #mailformadresse,
.csc-mailform-field #mailformplz,
.csc-mailform-field #mailformtelefon,
.csc-mailform-field #mailformfax,
.csc-mailform-field #mailformemail,
.csc-mailform-field #mailformhomepage,
.csc-mailform-field #mailformzusatz,
.csc-mailform-field #mailformfirma {
    width: 200px;
}

.csc-mailform-field #mailformzusatz,
.csc-mailform-field #mailformfirma {
    /*margin-right: 290px;*/
}

.csc-mailform-field #mailformhomepage{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
#c188 .csc-mailform-field #mailformhomepage,
#c201 .csc-mailform-field #mailformhomepage{
	margin-bottom: 0;
	border-bottom:0;
}

#c188 .csc-mailform-field textarea{
	margin: 0 0 20px 0;
	border-width: 1px 0 1px 0;
}

#c201 .csc-mailform-field textarea{
	margin: 0 0 0 0;
	border-width: 1px 0 1px 0;
}

#c195 #mailformhomepage{
	margin-bottom: 20px;
}

#c195 #mailformemail,
#c195 #mailformvorname,
#c195 #mailformhomepage,
#c188 #mailformname,
#c188 #mailformemail {
    /*border-bottom: 1px solid #CCCCCC;*/
}

#c195 #mailformname,
#c195 #mailformadresse,
#c195 #mailformtelefon,
#c195 #mailformemail {
    /*margin-right: 10px;*/
}

#c195 .csc-mailform-check {
	margin: 0 4px 0 90px;
	float: left;
}

#c195 #mailformSektion_Basel{
	margin-top: 3px;	
}

/*suckerfish dropdown menu*/
  ul#h-menu li {
    list-style: none;
    float: left;
    position: relative;
  }

  ul#h-menu li ul {
    position: absolute;
    display: none;
    font-size: 9px;
    text-transform: none;
  }

  ul#h-menu li:hover ul,
  ul#h-menu li.sfHover ul {
    display: block;
  }

  ul#h-menu li ul {
    width: 161px;
    margin-left: -12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    background-image: url(../images/m-back.png);
    z-index: 99;
  }

ul#h-menu li ul li {
    float: none;
    display: block;
}

  ul#h-menu a, ul#h-menu span {
    display: block;
  }


ul#h-menu a:hover, ul#h-menu span, li a#aktuell {
    
}

ul#h-menu li:hover ul li ul,
ul#h-menu li.sfHover ul li ul {
    position: absolute;
    display: none;
}

ul#h-menu li ul li:hover ul,
ul#h-menu li ul li.sfHover ul {
    display: block;
}


ul#h-menu li ul li ul {
    width: 180px;
    margin-left: 141px;
    margin-top: -20px;
    padding-top: 0px;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    background-image: url(../images/m-back.png);
}

.tx-felogin-pi1 legend{
	display: none;	
}

.tx-felogin-pi1 .forgot-form{
	margin: 20px 0 30px 0;
}

.tx-felogin-pi1 .forgot-form .b_text{
	width: 225px;
}

.tx-felogin-pi1 .forgot-form #b_form,
.tx-felogin-pi1 .forgot-form #p_form{
	width: 375px;
}

.tx-felogin-pi1 .forgot-form input.forgot-input {
	border: medium none;
	color: black;
	font-size: 12px;
	height: 23px;
	width: 325px;
}
	
.tx-srfeuserregister-pi1 label {
    /*width: 130px;*/
    display: block;
    float: left;
    text-transform: uppercase;
	text-align: left;
	margin-top: 5px;
	line-height: 24px;
} 

.tx-srfeuserregister-pi1 p,
.tx-srfeuserregister-pi1 legend{
	padding:0;
}

.tx-srfeuserregister-pi1 label.tx-srfeuserregister-pi1-password-again {
	float: left;
}
	
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password-again {
	
}
	
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password-again,
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password {
	width: 123px;
	float: left;
}

.tx-srfeuserregister-pi1 dd{
	width: auto;
}	
	
.tx-srfeuserregister-pi1 textarea#tx-srfeuserregister-pi1-comments {
	border: 1px solid #CCCCCC;
}	
	
.tx-srfeuserregister-pi1 input {
    width: 386px;
    height: 27px;
    line-height: 25px;        
	border: 0 none;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
    color: black;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit{
	border: 0 none;
	width: auto;
	color: #999999;
}

.tx-srfeuserregister-pi1 .editorWrap{
	margin-bottom: 15px;
	border-top: #ccc 1px solid;
	padding-top: 10px;	
}

.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
	padding: 0;
}

.tx-x4eportfolio-pi1 select{
	margin-top: 10px;
}
	
.tx-x4eportfolio-pi1 select#section,
.tx-x4eportfolio-pi1 select#membership{
	margin-left:4px;
}
	
.tx-x4eportfolio-pi1 select#category{
	margin-left: 100px;
}

input[type="submit"],
input[type="reset"]{
	cursor:pointer;
}

.tx-x4eportfolio-pi1 input[type="submit"],
.tx-x4eportfolio-pi1 input[type="reset"]{
	width:auto!important;
}

/* Random Image */
/*
.randomImage img{
	max-width: 307px;
	max-height: 317px;	
}
*/
div.tx-sremailsubscribe-pi1 input,
.newsletter_new {
	border-top:1px solid #CCCCCC;
	color:black;
	font-size:12px;
	height:24px;
	line-height:25px;
	padding-bottom:1px;
	width:438px;
}

#newsletter_email {
    border-bottom: 1px solid #CCCCCC;
}

div.tx-sremailsubscribe-pi1 label,
.newsletter_form_new label {
	display:block;
	float:left;
	line-height:24px;
	margin-top:2px;
	text-transform:uppercase;
	width:100px;
	text-align:left;
}

.newsletter_form_new p {
    margin: 10px 0 20px 0;
}

input.tx-sremailsubscribe-pi1-checkbox {
	float:left;
	width:100px;
}

.tx-sremailsubscribe-pi1 legend {
	padding:0px!important;
}

.tx-sremailsubscribe-pi1 input[type="radio"], .tx-sremailsubscribe-pi1 input[type="checkbox"]{
	width:14px;
}

.tx-sremailsubscribe-pi1 dt {
	width:100px;
}

.tx-sremailsubscribe-pi1-submit {
	text-align:left;
	border-top:0px!important;
    border-bottom:0px!important;
	color:#999999!important;
}

label.support-html {
	line-height:14px!important;
	margin-top:5px!important;
}

.tx-sremailsubscribe-pi1 p {
	padding:0px!important;
}

.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-notice {
	font-style:normal;
}

.tx-sremailsubscribe-pi1 p.tx-sremailsubscribe-pi1-click-to-edit {
	margin-left:0px!important;
}

dd.checkbox {
	width:438px;
	border-top:1px solid #CCCCCC;
	padding:0 0.5em 0 0;
}

/* css styled content */

.uploads-description,
.uploads-label{
	padding-right: 7px;		
}

.newsletter_check {
    width: 20px;
    margin-left: -3px;
    margin-right: 430px;
    margin-bottom: 30px;
}

.newsletter_submit {
}

#stor {
    border-bottom: 1px solid #CCCCCC !important;
}

.newsletter_a {
    background-image:url("../../../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif");
    background-position:0 60%;
    background-repeat:no-repeat;
    padding-left:14px;
}

.newsletter_form_new h4 {
    margin-top:0;
}

.newsletter_form_new p {
    margin: 0 0 0 0 !important;
    margin-top:0.5em !important;
}