/* Stylesheet Fotograf-Bern */
/* aug 2010 */

body {
background: #c6c6c6;
/* background: #3f808a;  gruen*/
/* background-image:url(http://www.fotograf-bern.ch/fileadmin/fotograf/template/background.jpg);*/
background-repeat: no-repeat;
color:black;


/*
background: #282c2f;
margin: 0px 0px 0px 0px;
*/
}

/* zentrieren in IE5Win und verbergen vor NN4 IE4 IE5Mac*/
@media all {
body {text-align: center;}
}
/* Ende zentrieren */


/* Normale Links */
a:link {
	color:#000000;
	background-color:transparent;
	text-decoration:underline;
}
a:visited {
	color: #909090;
	background-color:transparent;
	text-decoration:underline;
}
a:hover {
	color: #909090;
	background-color:transparent;
	text-decoration:underline;
}
a:active {
	color:#00dfa6;
	background-color:transparent;
	text-decoration:underline;
	}

/* Ueberschriften Links  */

h1 a:link {
	color:#990000;
	background-color:transparent;
	text-decoration:underline;
}
h1 a:visited {
	color: #990000;
	background-color:transparent;
	text-decoration:none;
}
h1 a:hover {
	color: #909090;
	background-color:transparent;
	text-decoration:underline;
}
h1 a:active {
	color: #909090;
	background-color:transparent;
	text-decoration:underline;
	}


/* Text-Formatierungen */

a, abbr, acronym, address, applet, area, b, bdo, big, blockquote, body, br,
button, caption, center, cite, code, dd, del, dfn, dir, div, dl,
dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, hr, i,
iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu,
noframes, noscript, object, ol, optgroup, option, p, pre, q, s, samp, 
span, strike, strong, sub, sup, textarea, tfoot, tt, u, ul, var

/*{
	font-family: Arial, Helvetica, Geneva, Swiss, SunS, sans-serif; font-size: 12px;
}*/


/* Formatierung einzelner Elemente */

h1, h2, h3, h4, h5, h6 {
	color:#000000;
	}

h1 {
	font-size: 150%;
	padding:0 0 2px 0;
	}
h2 {
	font-size: 140%;
	padding:0 0 2px 0;
	}
h3 {
	font-size: 130%;
	padding:0 0 2px 0;
	}
h4 {
	font-size: 120%;
	padding:0 0 1px 0;

	}
h5 {
	font-size: 110%;
	padding:0 0 1px 0;
	}
h6 {
	font-size: 100%;
	padding:0 0 1px 0;
	}

small {
	font-size: 10px;
	}

/* Einzelne Elemente */

hr {
	height:  1px;
	color: #000000;
	width: 100%;
	text-align:center;
}

#container {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 34px;*/
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	width:762px; 
	}
	@media all {
#container {
 	voice-family: "\"}\""; 
 	voice-family:inherit;
	width: 756px;
}
}
html>body #container {width: 756px;}

#header {
	margin-top: 2px;
        margin-left: 0px; 
        margin-right:0px; 
        margin-bottom: 0px; 
        padding: 0;
	border-left: 1px solid #000000;
border-right: 1px solid #000000;
	background-color: #FFFFFF;
	width:760px; 
}


/* Formular */
label { /* Alle Labels UND Formularelemente ausw&#65533;hlen */
  display: inline;
  float: none;
  width: 150px; /* Breite.*/
}

.csc-mailform {border:none;}

 /* Navigation */

#navigation {
         float: left;
	padding:0;
	margin: 0 10px 5px 15px;
	font-size: small;
	font-weight: normal;
	background: #dbdbdb;
         width: 165px;
         border: solid 1px #999;

}



/* End Navigation */




.hide {display:none;}


 /* LEFTNAVI */
ul#primary {
	margin:0px;
	padding:2px;
	}
ul#primary li {
	text-align:left;
	padding:1px 1px 1px 1px;
	border:none;
	list-style-type: none;
	}
ul#primary li a:link  {
	margin:1px;
	padding:0 0 0 5px;
	background-color:#f3f3f3;
        border: solid 1px #f3f3f3;
	color:#000000;
	display:block;
	text-decoration:none;
	}
ul#primary li a:visited {
	margin:1px;
	padding:0 0 0 5px;
	background-color:#f3f3f3;
        border: solid 1px #f3f3f3;
	color:#000000;
	display:block;
	text-decoration:none;
	}
ul#primary li a:hover {
	margin:1px;
	padding:0 0 0 5px;
	background-color: #ffffff;
        border: solid 1px #666666;
	color:#000000;
	display:block;
	text-decoration:none;
	}
ul#primary li a:active {
	margin:1px;
	padding:0 0 0 5px;
	background-color: #ffffff;
        border: solid 1px #666666;
	color:#000000;
	display:block;
	text-decoration:none;
	}

/* LEFTNAVI  Sekundaernavigation*/

ul#primary li.secondary a {
                font-family : Arial, Helvetica, Geneva, Swiss, SunS, sans-serif;  
                font-weight : normal; 
                border: none;
                text-align : left; 
                margin-left : 16px;

}
ul#primary li.secondary a:link {
                margin : 1px; 
                padding-left : 2px; 
                background-color : #c4746f; 
                display : block; 
                text-decoration : none; 
                margin-left : 16px;
}
  
ul#primary li.secondary a:visited {
margin : 1px; 
padding-left : 2px; 
background-color : #c4746f; 
display : block; 
text-decoration : none; 
margin-left : 16px;

} 
ul#primary li.secondary a:hover {
margin : 1px; 
padding-left : 2px; 
background-color:#f9938d;
display : block; 
text-decoration : none; 
margin-left : 16px;
} 

ul#primary li.secondary a:active {
/*margin : 1px; 
padding : 2px; */
background-color : #f9938d; 
display : block; 
text-decoration : none; 
margin-left : 16px;
}


/*Active Seite in der zweiten NaviEbene*/
ul#primary li.secondary-cur a,
ul#primary li.secondary-cur a:visited,
ul#primary li.secondary-cur a:hover,
ul#primary li.secondary-cur a:active {
margin : 1px; 
padding-left : 2px; 
background-color:#f9938d;
display : block; 
text-decoration : none; 
margin-left : 16px;
} 



/*****************/




/* TOPNAVI */
#topnav {
	margin-top: 1px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width:762px; 
}
	@media all {
#topnav {
 	voice-family: "\"}\""; 
 	voice-family:inherit;

	width: 754px;
	/*
	border:solid 10px #2B5482
	*/
}
}
html>body #container {width: 754px;}



#topnav ul {
	list-style-type: none;
	margin-left: 95px;
	display: inline; 
	margin-top: 2px;
}


/* margin fuer IE6 */
* html #topnav ul {margin-left: 90px;}

#topnav li { 
	display: inline; 
}

#topnav li.horizontalnav a {
	text-decoration: none;
	border: solid 1px  #000000;
	padding-left: 19px;
	padding-right: 19px;
	margin-bottom: 2px;
	background-color: #910e06;
	color: #dbdbdb;
                font-size:12px
}


#topnav li.horizontalnav a:link {
	text-decoration: none;
	border: solid 1px #000000;
	padding-left: 19px;
	padding-right: 19px;
	margin-bottom: 2px;
	background-color: #910e06;
	color: #dbdbdb;
}

#topnav li.horizontalnav a:hover {
	text-decoration: none;
                padding-left: 19px;
	padding-right: 19px;
	background-color: #E6F4F1;
	color: #dbdbdb;
}

#topnav li.horizontalnav a:active {
	text-decoration: none;
                padding-left: 19px;
	padding-right: 19px;
	background-color: #CCEAE2;
	color: #dbdbdb;
}

/*****************************************/
/* TOPNAVI Active */


#horizontalnavactive  a {
	text-decoration: none;
	border: solid 1px #000000;
	padding-left: 19px;
	padding-right: 19px;
	margin-bottom: 2px;
	background-color: #E6F4F1;
	color: #000000;
}


/*******************************************/

.fullbox {
	padding: 5px;
	margin-top: 2px;
	border: 1px solid #000000;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	
	width:762px; 
	}
	@media all {
.fullbox {
 	voice-family: "\"}\""; 
 	voice-family:inherit;

	width: 750px;
	/*
	border:solid 10px #2B5482
	*/
}
}
html>body div.fullbox {width: 750px;}

/* style fuer seite ohnenavigation  */
.smallbox {
	padding: 5px;
	margin-top: 2px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	width:300px; 
	}
	@media all {
.smallbox {
 	voice-family: "\"}\""; 
 	voice-family:inherit;

	width: 300px;
	/*
	border:solid 10px #2B5482
	*/
}
}
html>body div.smallbox {width: 300px;}


/* Styles vor NN4 und IE4 WinMac IE5 Mac verbergen*/

@media all {
div.inhalt {
	 
	padding: 8px 0 0 0;
	font-size: 12px;
	color: #000;
	text-align: left;
}
}
/* ende @media */


.inhalt p {
	text-align: left;
}

#inhalt {
        margin-left: 20px;

        }

p.bodytext {color: #000000;}

/* hinweis zu width: tanteks hack 
die erste width-angabe ist f&#65533;r ie5
die zweite ist f&#65533;r i6
die dritte ist f&#65533;r moz und opera */


/* unordered list sitemap etc */
div.csc-menu {margin-left: 10px;}


div.smallinhalt {
	width:250px;
	
	padding: 8px 0 0 0;
	float: left;
	font-size: 12px;
	color: #000;
	text-align: left;
}


#footer {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	position: relative;
	top: 1px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	width:762px; 
	}
	@media all {


#footer {	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 754px;
}
}
html>body #footer {width: 754px;}


#smallfooter {
	
	padding: 3px;
	
	border: 1px solid #000000;
	background-color: #FFFFFF;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	width:300px; 
	}
	@media all {


#smallfooter {	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 300px;
}
}
html>body #smallfooter {width: 300px;}


 /* Kontakt */


#kontakt {
    
	margin: 25px 10px 5px 15px;
         height: auto;
	float: left;
         text-align: left;
	padding:15px;
	font-size: small;
	font-weight: normal;
         color: #000000;
	background: #dbdbdb;
         border: solid 1px #999;
         width: 160px;
         vertical-align: baseline;
                
}

/* End Kontakt */


/* Benutzeranmeldung */
.tx-newloginbox-pi1-username {
color:red;
border: solid 1px;
margin: 0 0 50px 0px;
padding: 0 0 0 0;
} 

.tx-newloginbox-pi1-submit{
color:red;

border: solid 1px;
margin: 0 0 10px 0px;
padding: 0 0 0 0;

}

div.csc-frame-rulerAfter {border-bottom: solid 1px #ababab; }




/* -----------------------------------------------
   Postcards extension   
-----------------------------------------------*/



/* Postcards   sr_sendcard extension   */
.tx-srsendcard-pi1-card-form fieldset {width: 450px;}
.tx-srsendcard-pi1 textarea {width: 300px;}
.tx-srsendcard-pi1 input, .tx-srsendcard-pi1 select, .tx-srsendcard-pi1 textarea 

{
background-color: #ffffff;
color: #000000;
}




.tx-srsendcard-pi1 {
      width: 350px;
        }


.tx-srsendcard-pi1 
div.tx-srsendcard-pi1-card-form {

      text-align: left;
      float: left
      width: 250px;
      margin: 5px;
      padding: 0;

}

	
.tx-srsendcard-pi1 textarea {
	width: 240px;
	}
	
 
.tx-srsendcard-pi1 select, 
.tx-srsendcard-pi1 textarea {
	background-color: #ffffff;
	color: #000000;
	width: 240px;
	}
	
.tx-srsendcard-pi1-card-image-wrap {
	border: none;
	width: 400px;
	margin-left: 0px;
	padding: 0;
        }

.tx-srsendcard-pi1-card-caption {
        font-size: 14px;
        font-weight: bold;
        margin-left: 0px;

         }


.tx-srsendcard-pi1 label, 
.tx-srsendcard-pi1 
.tx-srsendcard-pi1-field {

       margin-top: 0.3em;

       margin-right: 0pt;

       margin-bottom: 0.3em;

       margin-left: 0pt;
       
       width: 200px;

        }

.tx-srsendcard-pi1 
.tx-srsendcard-pi1-card-form fieldset 
div.tx-srsendcard-pi1-field {

        width: 250px;

        /* float: right; */
        
        text-align: left;

        }

.tx-srsendcard-pi1 fieldset {

        margin-top: 0.5em;

        margin-right: 5%;

        margin-bottom: 0.5em;

        margin-left: 5%;

          }

.tx-srsendcard-pi1 
.tx-srsendcard-pi1-card-form fieldset {

       width: 350px;

       border-top-width: 1px;

       border-right-width: 1px;

       border-bottom-width: 1px;

       border-left-width: 1px;

       border-top-style: solid;

       border-right-style: solid;

       border-bottom-style: solid;

       border-left-style: solid;

       border-top-color: #949494;

       border-right-color: #949494;

       border-bottom-color: #949494;

       border-left-color: #949494;

       }


/* Buttons   sr_sendcard extension   */

.tx-srsendcard-pi1 input
{
background-color: #ffffff;
color: #FF0000;
}

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-selection-prompt { font-weight: bold; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-series-header { text-align: center; font-weight: bold; font-size: 1em; margin: 0; padding-top: 1.1em; padding-bottom: 0; width: 96%; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector { margin: 0; padding: 0; border-style: none; width: 100%; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-image-selector-column { margin:0; padding:0;  }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-first-column { clear: left; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt { padding: 0.5em 0; text-align: center; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { margin: 0; padding: 0.5em 0; text-align: center; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt a, .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd a { margin: 0 auto; padding: 0; border-style: none; width: auto; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector img { margin: 0; padding: 0; border-style: none; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-video-clip-highlight { color: red; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-flash-clip-highlight { color: red; }

.tx-srsendcard-pi1-error-message {
 	color: red;
 	font-weight: bold;
	}



/* End Postcards */

/* gallery2 */

div#gallery {font-size: 80%; 
             background: #dbdbdb;
             width: 595px;
             }


div#gallery div#gsHeader,

div#gallery div#gsSidebarCol,
div#gallery a#showSidebarTab,


div#gallery div.block-core-ItemInfo .date,
div#gallery div.block-core-ItemInfo .size,
div#gallery div.block-core-ItemInfo .giNew,
div#gallery div.block-core-ItemInfo .giUpdate,
div#gallery div.block-core-ItemInfo .owner,
div#gallery div.block-core-ItemInfo .viewCount,
div#gallery div.block-core-ItemInfo .summary,
div#gallery div.block-core-PhotoSizes,
div#gallery div#gsContent div.gcBackground1 h2,

div#gsFooter {
	display: none;
}

div#gallery div#gbTitleBar {
	
}

div#gallery div#gbTitleBar p.giDescription {
	margin: 0;
	padding: 0;
	margin-right: 5px;
	text-align: right;
	font-size: 80%;
}

/* Gallery2 */

/*
.block-core-LoginBlock {
	position: absolute; 
	top: 280px;
	left: -178px;
	margin: 0px;
	}
	
.block-search-SearchBlock form {
	position: absolute; 
	top: 250px;
	left: -178px;
	margin: 0px;
	}
	
*/

.block-albumselect-AlbumSelect select {
	color: red; 
	background: #dbdbdb; 
	/*position: absolute; 
	top: 220px;
	left: -178px;*/
	margin: 0px;
        width: 175px;
	}
	

 .inputTypeSubmit {
        margin-top: 2px;
        padding: 2px;
        width: 195px;
        display: block;
        }
        
 #giFormUsername, #giFormPassword {
        margin-top: 2px;
        padding: 2px;
        width: 153px;
        display: block;
                
        }


/*turnoff gallery left column */
#gsSidebarCol {
        display: none;
        }


/* text fontsize of each foto */
.gbItemAlbum ul.giInfo {
        font-size: 100%;
        }
/*eCard sent*/
h2.giSuccess {
        color: #ff0000;
        }

/*  Cart */

.block-core-ItemLinks a, .block-core-ItemLinks a:visited {
        border: solid 2px; 
        background-color: #dbdbdb;
        }
.block-core-ItemLinks a:hover {
        border: solid 1px; 
        color: #ff0000; 
        text-decoration: none;
}

/* gallery2 label passwortgeschuetzte galerien */
 p.giDescription label {color: #ffffff; text-decoration:underline; background: #990000; border: solid 2px red;}

/* downloads */
#sb_download_flexWrap {margin: 5px; padding: 2px;border: solid 1px; font-weight: bold; font-size: 12px;}
#sb_download_flexWrap  .title {margin: 1px; padding: 0px;border: solid 1px; font-weight: bold; font-size: 14px;}
#sb_download_flexWrap  .dl-link {background: #aa3300; border: dotted 2px #dbdbdb; margin: 1px; padding: 0px; font-weight: bold; font-size: 14px;}

#gallery2-anmelden {display: none;}
#imagelogo  {text-decoration: none; border: none;}


/* Recentimage aktuelle zufaellige bilder im bildarchiv */
.recentrandomitem-0 {position: absolute; left: 350px; margin: 10px 10px 10px 10px; padding: 0;}
.recentrandomitem-1 {position: absolute; left: 550px; margin: 10px 10px 10px 10px; padding: 0;}
.recentrandomitem-2 {position: absolute; left: 750px; margin: 10px 10px 10px 10px; padding: 0;}
.one-image .giThumbnail { border:solid 2px #333333;}

/*IE7 STAR PLUS HTML HACK*/
* + html  .recentrandomitem-0 {	
	
	position: absolute; left: 120px; margin: 10px 10px 10px 10px; padding: 0;
}
* + html  .recentrandomitem-1 {	
	
	position: absolute; left: 320px; margin: 10px 10px 10px 10px; padding: 0;
}

* + html  .recentrandomitem-2 {	
	
	position: absolute; left: 520px; margin: 10px 10px 10px 10px; padding: 0;
}
/*IE 6 STAR HTML HACK*/

*html  .recentrandomitem-0 {	
	
	position: absolute; left: 120px; margin: 10px 10px 10px 10px; padding: 0;
}
*html  .recentrandomitem-1 {	
	
	position: absolute; left: 320px; margin: 10px 10px 10px 10px; padding: 0;
}

*html  .recentrandomitem-2 {	
	
	position: absolute; left: 520px; margin: 10px 10px 10px 10px; padding: 0;
}

/* End Gallery2*/


/* Plugin iframe */


.tx-ffiframe-pi1 {
	width: 400px;margin-top: 20px;
	margin-left: 0px;
	}

/* Kleinanzeigen .tx-kesmallads-pi1 */

.tx-kesmallads-pi1-listrow{
	margin: 20px 10px 20px 10px; padding: 5px;
	border: solid 1px #dbdbdb;
	background: #ffffff;
	}
.tx-kesmallads-pi1-listrow-odd{
	margin: 20px 10px 20px 10px; padding: 5px;
	border: solid 1px #dbdbdb;
	background: #dbdbdb;
	}
.tx-kesmallads-pi1-modeSelector {
	margin: 20px 10px 20px 10px; padding: 5px;
	border: solid 1px #dbdbdb;
	}
.tx-kesmallads-pi1-modeSelector a,  .tx-kesmallads-pi1-modeSelector a:visited, .tx-kesmallads-pi1-modeSelector a:link  {

	display: block; 
	padding: 2px 12px 2px 2px; 
	border-right: solid 1px #dbdbdb;
	}
.tx-kesmallads-pi1-modeSelector a:hover   {
	display: block;
	color: #000000;
	background: #dbdbdb;
	}
.tx-kesmallads-pi1-searchbox input{
 	margin-left: 5px; 
	padding: 0px 12px; 
 	background: #ffffff; 
	border: solid 1px #dfdfdf;
	}
.tx-kesmallads-pi1-searchbox input:hover{
 	margin-left: 5px; 
	padding: 0px 12px; 
 	background: #ffffff; 
	border: solid 1px #ff0000;
	}

.tx-kesmallads-pi1-editlink, .tx-kesmallads-pi1-deletelink {
        font-weight: bold; 
	margin: 0;
	padding: 0; 
 	background: #dbdbdb; 
	}
.tx-kesmallads-pi1-endDate {
        margin: 10px; 
	padding: 5px; 
 	background: #ffffff; 
	}
.tx-kesmallads-pi1-category {
        font-weight: bold; 
        margin-top: 10px;  
        margin-bottom: 0px; 
        width: 50px; 
	}
/* Ende Kleinanzeigen*/

/* Startseite Bildwechsel imagecycle*/
.tx-imagecycle-pi1 #imagecycle_c1139 {border: solid 20px;}

/* FLV Player */
#tx_flvplayer_pi1 embed {background: #000; border: solid 25px; margin: 0; padding: 0 0 25px 0; }

/* Video Flowplayer*/
.video {border: solid 5px #999999; padding: 0 0 0 0px;margin: 0px;}

#kontaktformular input, textarea, radio, select {border: dotted; color: #ff0066; display: block;}
#kontaktformular:hover input, textarea, radio, select {border: dotted; background-color: #dbdbdb; display: block;}
