/*******************isio-design aus osnabrück ***********************/

html {
    min-height: 101%;

}
body {
	 background: url(../images/blau.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#container {
    margin:0px;
	padding:0px;
    width: 100%;
	float:left;
	
}
#oben {
	padding:0px;
    width: 100%;
	height:95px;
	position:fixed;
	background-image: url(../images/balken.png);
    background-repeat:repeat-x;
	z-index:100;
		
}
#mitte {
    float:left;
	padding:0px;
    width: 100%;
	height:100%;
	position:absolute;
	z-index:90;
}




/******************* oberer container 1 ***********************/


#c1 {
    margin:auto auto;
    height: 70px;
    width: 935px;
	padding:0px;
	
		
}

#user1 {
    float: left;
	padding:0px;
	
	

}


#topmenu{
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 0; 
	height:30px;
	width:930px;
	

}

/******************* oberer container 2 ***********************/


#c2 {
    margin:auto auto;
    width: 935px;
	padding:0px;
			
}

#c22 {
    float: left;
    width: 935px;
	background-image: url(../images/hintergrund.png);	
	-moz-box-shadow:-3px 0px 30px #000, 3px 0px 30px #000;
    -webkit-box-shadow:-3px 0px 30px #000, 3px 0px 30px #000;
    box-shadow: -3px 10px 30px #000, 3px 10px 30px #000;
}

#user2 {
    float: left;
    height: 510px;
    width: 935px;	
	background-image: url(../images/bild.jpg);	
}


#user3 {
   float: left;
    margin:260px 0px 0px 370px;
    width: 600px;
	height:150px;
	padding:0px;
	
	
	
}
#navi{
	float:left;
	height:45px; 
	width:930px;
	margin:20px 0px 0px 3px;
}

#user4 {
    float: left;
    margin:0px 0px 0px 45px;
    width: 350px;
	height:50px;
	padding:0px;
	

}

#user5 {
    float: right;
    margin:30px 0px 0px 0px;
    width: 200px;
	height:30px;
	padding:0px;
	

}


/******************* mitte ***********************/


#inhalt {
	padding:0px;
	margin:0px;
			
}


#content{
   float:left;
   margin: 30px 0px 0px 50px;
   width:850px;


}


/*******************  container unten ***********************/


#fuss {
    margin:0px;
	padding:0px;
			
}


#footer {
    float: left;
    height: 60px;
    width: 900px;
	margin:0px 0px 0px 18px;
	text-align:center;
}





/******************************schriften*************************************/


h1{
  color: #6184d6;
  font-family:calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:35px;
  font-weight:normal;
  letter-spacing:0.5pt;
  text-decoration:none;

}

h2{
  color:#666;
  font-family: calibri,Verdana, Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:normal;
  letter-spacing:1pt;
  text-decoration:none;
}

h3{
  font-family: calibri,Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: normal;
  color:#ccc;
  text-decoration: none;
  letter-spacing:1px;



}

h4{
  color:#888;
  font-family:calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:1pt;
  line-height:14px;
  text-decoration:none;  
}

h5{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: #6184d6;
  text-decoration: none;
  letter-spacing:1pt;
  line-height:18px;
}
h6{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  line-height:10px;
}


.item-page{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #444;
  text-decoration: none;
  line-height:30px;

}

code{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #600;
  text-decoration: none;
  letter-spacing:1pt;
  line-height:12px;}

.contentheading {
  font-size:18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#600;
  padding-top:30px;

}





/*********************navigation*******************************/



a{
	font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #6184d6;
	text-decoration: underline;
}
a:hover{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #888;
  text-decoration:none;
}



.menu_menu {margin-top:0px;}
.menu_menu li {list-style-type:none;  float:left;}


.menu_menu li a {
  font-family:calibri,verdana,arial,sans-serif;
  font-size:22px;
  font-weight:normal;
  color: #fff;
  text-decoration: none;
  margin:0px 20px 0px 20px;
  text-transform:uppercase;

 }
.menu_menu li a:hover {text-decoration:none;color:#888;}



.menu_impressum{font-family:calibri,verdana,arial,sans-serif;margin:0;padding:0;}
.menu_impressum li {float:left;margin:0px 20px 0px 20px;padding:0;list-style:none;}
.menu_impressum li a {
  font-family:calibri,verdana,arial,sans-serif;
  font-size:18px;
  font-weight:normal;
  color: #6184d6;
  text-decoration: none;
  margin:0px 10px 0px 10px;
  text-transform:uppercase;
}
.menu_impressum li a:hover {text-decoration:none;color:#fff;}




/*********************module*******************************/

.custom_footer a{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: #6184d6;
  text-decoration: none;
  letter-spacing:1pt;
  line-height:18px;
 }

.custom_footer a:hover{text-decoration:underline;}

.custom_footer p {
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #6184d6;
  text-decoration: none;
  letter-spacing:1pt;

 }
 .customteaser p {
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #888;
  text-decoration: none;

 }
 
 /*********************  teaser und blog   *******************************/

.leading-0 {
  width:820px;
  height:220px;
  float:left;
  margin:10px 0px;
  padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;

 }

.column-1 {
  width:250px;
  height:240px;
  float:left;
  margin:10px 0px;
  padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;

 }
 .column-2 {
  width:240px;
  height:240px;
  float:left;
  margin:10px 25px;
  padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;
 }
 .column-3 {
  width:240px;
  height:240px;
  float:left;
  margin:10px 0px;
  padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;
 }
 
.column-1 h1, .column-2 h1, .column-3 h1 {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:24px; line-height:16px;font-weight:bold;}
.column-1 p, .column-2 p, .column-3 p {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px; color:#444}
.column-1 a, .column-2 a, .column-3 a {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;letter-spacing:1pt;}
.leading-0 p {
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #444;
  text-decoration: none;

}



/******************************** Kontaktformular **********************************/

#jform_contact_name, #jform_contact_email {
   border:none;
   background-color:#d8d8d8;
   opacity:0.4;
   width:330px;
   height:25px;
   padding:2px 8px;
    margin:20px 0px 20px 0px;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;
}
#jform_contact_emailmsg{
   border:none;
   background-color:#d8d8d8;
   opacity:0.4;
   width:430px;
   height:25px;
   padding:2px 8px;
    margin:10px 0px 20px 0px;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;	 
	 
}
#jform_contact_message {
   border:none;
   background-color:#d8d8d8;
   opacity:0.4;
   width:600px;
   height:75px;
   padding:2px 8px;
    margin:10px 0px 20px 0px;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 5px #000;
    -webkit-box-shadow: inset 2px 2px 5px #000;
    box-shadow: inset 2px 2px 5px #000;
}


.contact-name {
  color: #6184d6;
  font-family:calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:35px;
  font-weight:normal;
  letter-spacing:0.5pt;
  text-decoration:none;
}
.contact-address {margin-left:-37px;}


.contact h3 {display: none;}

fieldset {border:none;margin:50px 0px 20px 0px;}

.jicons-icons {display:none;}

.form-validate legend{
	color: #888;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}



/**************************bilder**************************/

.img{border:0px;}

.schatten {
    -moz-box-shadow:1px 3px 10px 3px #888;
    -webkit-box-shadow: 1px 3px 10px 3px #888;
    box-shadow: 1px 3px 10px 3px #888;

}

/************************** module **************************/

.cameraContents {display:none;}

div.camera_pag {width:555px;margin-top:-30px;}



/************************** mobil **************************/

@media screen and (max-width:600px) {
	
.column-1 h1, .column-2 h1, .column-3 h1 {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:18px; line-height:14px;font-weight:bold;letter-spacing:0px;}	
.column-1 p, .column-2 p, .column-3 p {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px; color:#444;line-height:16px;}
.column-1 a, .column-2 a, .column-3 a {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;letter-spacing:1pt;}

h5{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #6184d6;
  text-decoration: none;
  letter-spacing:0px;
  line-height:18px;
}

h1{
  color: #6184d6;
  font-family:calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:35px;
  font-weight:normal;
  letter-spacing:0.5pt;
  text-decoration:none;
  line-height:20px;

}
	
}

@media screen and (max-width:1024px) {
	
.column-1 h1, .column-2 h1, .column-3 h1 {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:20px; line-height:14px;font-weight:bold;letter-spacing:0px;}
.column-1 p, .column-2 p, .column-3 p {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px; color:#444;line-height:16px;}
.column-1 a, .column-2 a, .column-3 a {font-family: calibri, Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;letter-spacing:1pt;}

h5{
  font-family: calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #6184d6;
  text-decoration: none;
  letter-spacing:0px;
  line-height:18px;
}

h1{
  color: #6184d6;
  font-family:calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:35px;
  font-weight:normal;
  letter-spacing:0.5pt;
  text-decoration:none;
  line-height:20px;

}
	
}