/*
############# CSS für Startseite imot.ch #####################

################# dieseStellemit*ersetzen ####################

*/

/* --------------- Allgemeines ---------------------- */
h1, h2, h3, h4, h5, h6, p, ul, li, ol {
	margin:0px;
	padding:0px;
	font-family:Verdana, sans-serif;
	line-height: 120%;
}

body {
   background-color: #666;
   font-family: arial,helvetica,sans-serif;
   font-size: 16px
 }
 
a { text-decoration: none; font-size:12px; }
 
h3, h4 {font-size:90%;}
p {font-size:80%;}

/* -------------------- Ausrichtung der Container ------------- */
#contAll {
	margin: 0px auto;
   padding: 0px;
   margin-bottom: 3px;
 	border-top: 4px solid #FF9400;
	border-bottom: 4px solid #FF9400;
	color: #EFEFEF;
 }
/* IE BoxModelHack   */
#contAll {width: 780px; voice-family: "\"}\""; voice-family: inherit; width: 785px; }
html>body #contAll { width: 780px; }
/* BMH ende */

#contHeadText {
	float:left;
 	width:570px;
   background:#888888 url(img/mountain_text.jpg);
   text-align: left;
   margin: 5px;
   padding: 0px;
 }
/* IE BoxModelHack */
#contHeadText {height: 150px; voice-family: "\"}\""; voice-family: inherit; height: 170px; }
html>body #contHeadText { height: 150px; }
/* BMH ende */

#contHeadButton {
	float:left;
 	width:190px;
   background-color: #E9FFBB;
   text-align: left;
   margin: 5px;
   padding: 0px;
 }
/* IE BoxModelHack */
#contHeadButton {height: 150px; voice-family: "\"}\""; voice-family: inherit; height: 170px; }
html>body #contHeadButton { height: 150px; }
/* BMH ende */
 
.Button {
 	width:180px;
   text-align: left;
   /*background: #555555;*/
   margin: 5px;
   padding: 0px;
 }
/* IE BoxModelHack */
.Button {height: 67.5px; voice-family: "\"}\""; voice-family: inherit; height: 77.5px; }
html>body .Button { height: 67.5px; }
/* BMH ende */


.picFrame {
 	float:left;
 	width:250px;
 	height: 280px;
   background-color: #A3C2E0;
   text-align: center;
   margin: 5px;
   padding: 0px;
 }

 
.galerie { width:240px; height: 290px; text-align: left; margin: 5px; padding: 0px; }


.klar {clear: both;}
 
 
/* ---------------- Containerinhalt Formatierungen ---------------------- */
.Button h3 a{font-size:90%; color:#424242; margin-top: 15px;}
.Button h3 a:hover{color:#A3CC52;}
.Button p {font-size:65%; color:#424242; line-height:100%;}

.galerie h4, .galerie p {color:#27507a;}
.galerie h4, .galerie img {margin:0 0 10px 0;}
.galerie img {border:5px solid #ffffff;}
.galerie p {font-size:70%;}

#contPic h2 {margin:7px 0px 0px 5px; font-size:100%;}