/* stile sheet designed by bzart.ch - brigitte zurbriggen 2012
please respect copyright, thks */

html {
    overflow-y: scroll;			/*wenn es keinen scrollbalken hat einblenden, damit die seiten nicht hin und herspringen*/
}


body {
	background-color:#ecebeb;
	color:#262727;
	font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
}


#container {
	background-color:#f7f7f7;       
	margin:auto;
	margin-top:-7px;
	width:960px;
	
}


#titelbalken {					/* navigation im titelbalken */
	background-color:#f7f7f7;
	float:left;
	height:150px;
	padding-top:20px;
	padding-left:45px;
	padding-bottom:70px;
	text-decoration:none;
	width:915px;	
	}
				
#titelbalken ul {
background-color:#f7f7f7;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:50px;
font-size:28px;
font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
margin:0;
padding:0;

}


#titelbalken li
{
display:block;
float:left;
margin-right:50px;
padding-left:60px;
width: 100px;

}

.logo zentriert
{
	position: relative;
	
	}

/* KONTAKTFORMULAR LINKE SPALTE */
form {
 	background-color:#f93e30;
   	color: #f7f7f7;
	float:left;
  	font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
  	font-size:20px;
  	height: 1000px;
	letter-spacing:0.7px;
  	margin-top:5px;
  	width: 45.7%; /* Breite des Formulars */
    padding-left:40px;
  	padding-right:5px;
	
}

form h4 {
	font-size:28px;
	font-weight:300;
}
# p {
	color:#f93e30;
	font-size:28px;
	font-weight:300;	
}

#links p {
	font-size:28px;
	font-weight:300;
}

.black {
	color:#000;
}

/*damit das img keinen rand um das bild hat*/
.absenden {
	
	border:0px;
}


/* RECHTE SPALTE KONTAKTFORMULAR FÜR LINKS*/

#links {
	background-color: #f7f7f7;
	color:#f93e30;
	float:right;
	font-size:20px;
	height: 1000px;
	letter-spacing:0.7px;
	margin-top:5px;
	margin-left:5px;
	width:45.7%;
	padding-left:30px;
	
}

/* Beschriftung auf eigener Zeile */
label { 
  cursor: pointer; /* Mauszeiger wird zur Hand */
  display: block;
  
}

input:focus, textarea:focus {
    background-color: #ecebeb;
	font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
	font-size:20px;
	letter-spacing:1px;
}

input#Vorname,
textarea {

  background-color:#ecebeb;
  border: 1px dotted #8c8c8c;
  font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  margin-bottom: 1em;
  width: 400px;
 
}
input#Name,
textarea {

  background-color:#ecebeb;
  border: 1px dotted #8c8c8c;
  font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  margin-bottom: 1em;
  width: 400px;
}
input#Email,
textarea {

  background-color:#ecebeb;
  border: 1px dotted #8c8c8c;
  font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  margin-bottom: 1em;
  width: 400px;
}

textarea {
  background-color:#ecebeb;
  font-family: "Open Sans Condensed", "Arial Narrow", Trebuchet, Calibri, sans-serif;
  height: 80px;
  margin-bottom: 1em;
  width:400px;
}

.zentriert p{
	padding-left:25px;	
	}
	
	
.pics {  
    height:  450px;
	width:   450px; 
	margin:  0;  
    padding: 0;  
    
} 
 
.pics img {  
   
    border:  1px solid #ccc;  
    background-color: #eee;
	padding: 0px;    
    height: 435px; 
	width:  435px; 
    top:  0; 
    left: 0; 
} 

.fett{
	font-size:23px;
	font-weight:580;
	letter-spacing:0.7px;
	
}

/*FARBE BEI EINZELNEN WÖRTERN DEFINIEREN*/
.rot {
	color:#f93e30;
		
}

.weiss {
	color:#fff;

}

.schwarz {
	font-weight:600;
}

/*HOVER EFFEKT BEIM LOGO*/

.logo-link {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	
}

.logo1 {
	background: url(bilder/logo.png) no-repeat;
}

.logo-link:hover {
	background-position: 0 -100px;
}
/*SENDEN BUTTON*/
.logo-link2 {
	width: 90px;
	height: 35px;
	display: block;
	margin: 0 auto;
}

/*HOVER EFFEKT BEIM SENDEN BUTTON*/
.logo2 {
	background: url(images/senden.png) no-repeat;
	float: left
}

.logo-link2:hover {
	background-position: 0 -35px;
}


/*HOVER EFFEKT BEI DEN LINKS*/
a:link {
	color:#000;
	text-decoration:none;
	border:none;
}

a:visited {
	color:#000;
	text-decoration:none;
	border:none;
}

a:hover {
	color:#f93e30;
	text-decoration:none;
	border:none;
}

a:active {
	color:#fff;
	text-decoration:none;
	border:none;
}
	
#motto {
	background-color:#f7f7f7;		/* Farbe gleich wie container */
	color:#262727;
	float:left;
	font-size:60px;
	padding-top:0px;
	text-align:center;
	width:960px;
	height:200px;
	
}



/*INDEX*/
#inhalt {
	background-color:#f7f7f7;		/* Farbe gleich wie container */
	color:#000;
	font-size:18px;
	letter-spacing:0.9px;
	margin:auto;
	text-align:justify;
	width:960px;
}




/* IMPRESSUM LI*/
#spalte_imp {
	background:#f7f7f7;
	color:#000;
	float:left;
	font-size:16px;
	height:1000px;
	letter-spacing:0.9px;
	line-height:22px;
	margin-top:5px;
	padding-top:5px;
	padding-right:15px;
	padding-left:35px;
	width:44.75%;	
} 

#spalte_imp_re {
	background:#f7f7f7;
	color:#000;
	float:left;
	font-size:16px;
	height:1000px;
	letter-spacing:0.9px;
	line-height:22px;
	margin-top:5px;
	padding-top:5px;
	padding-right:30px;
	padding-left:20px;
	width:44.75%;	
} 
/*AUSSTELLUNGEN = RECHTE SPALTE + UEBER MICH RECHTE SPALT*/
#spalte2 {
	background:#f7f7f7;
	color:#000;
	float:right;
	font-size:18px;
	height:800px;
	letter-spacing:0.9px;
	line-height:22px;
	margin-top:5px;
	padding-right:20px;
	padding-left:22px;
	padding-top:5px;
	text-align:justify;
	width:45.75%;		
} 


/*  RAKU TEXT NEBEN SLIDER = RECHTE SPALTE */
#spalte2b {
	background:#f7f7f7;
	color:#000;
	float:left;
	font-size:18px;
	height:800px;
	letter-spacing:0.9px;
	line-height:22px;
	margin-top:5px;
	padding-left:24px;
	padding-right:20px;
	padding-top:5px;
	text-align:justify;
	width:437px;		
} 
/*RAKU LI SLIDER - AUSSTELLUNGEN = LINKE SPALTE *//*  UEBER MICH = BILD LINKE SPALTE */
#spalte1 {
	background:#f7f7f7;
	color:#000;
	float:left;
	font-size:18px;
	height:800px;
	letter-spacing:0.9px;
	line-height:22px;
	margin-top:5px;
	padding-top:22px;
	padding-right:20px;
	padding-left:20px;
	width:45.70%;	
} 


/* INDEX BILD LINKS */
#spalte5 {
	background:#f7f7f7;
	float:left;
	height:800px;
	letter-spacing:0.6px;
	margin-top:0.6%;
	width:33.33%;
}

/* INDEX BILD MITTE */
#spalte6 {
	background:#f7f7f7;
	float:left;
	height:800px;
	letter-spacing:0.6px;
	margin-top:0.6%;
	width:33.33%;
}

/* INDEX BILD RE */
#spalte7 {
	background:#f7f7f7;
	float:left;
	height:800px;
	margin-top:0.6%;
	width:33.33%;
}

#ganzunten {
	background: url(bilder/transwhite.png);
	border:1px dotted #ecebeb;
	font-size:14px;
	height:50px;
	left:0px;
	letter-spacing:1px;
	bottom:0px;
	padding-top:10px;
	position:fixed;		/* soll stehen bleiben beim scrollen */
	text-align:center;
	width:100%;

}