/* CSS Document */


/* ### MAIN ###*/

body {
  font-family: Microsoft Sans Serif,  Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background:white url("") no-repeat;
	z-index:-2
}

h1{
  
  font-weight:normal;
}

h2{
  color:#C00000;
  font-weight:normal;
}

h2 a {
  color:#C00000;
  font-weight:normal;
}

h3{
  color:#47a0d1
}

p {
  color:#404040;
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

/* --- bg colors --- */

.white_transp{
  background:  url("../images/white_transp.png");
}

.black_transp{
  background:  url("../images/black_transp.png");
}

.silver{
  background:#efefef;
}

.white{
  background:#fff;
}

.shadow{
  box-shadow:0 -2px 4px gray
}

/* ### Page Look and Feel ###*/

#header,.content_width {
  margin: 0 auto;
  padding:10px 0;
  max-width:1100px;
  
}

#site, #content {
  margin: 0 auto;
  /* here site width e.g.: max-width:1100px or full screen */
    
}

#site {
	background:  url("") no-repeat;
  box-shadow:0 3px 15px gray;
  
	/*  Solution with position absolute: 
  -------------------------------------    
    position: absolute;
  	left: 50%;
  	margin-left: -490px;
  */
}

#bild{
  height:180px
}
/* Using Background image for the site in the background:
  -------------------------------------------------------
  img.bg {
	min-height: 100%;background: url(../../../../../../tmp/error_log) no-repeat;
	width: 0px;
	height: 0px;
	
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
*/
#kachel_design{
  float:left;
  
  width:4%;
  height:230px;
  margin-left:17%;

}

#kachel_design.last{
margin: 0;
}

#bg {
	min-height: 500px;
	
	width: 100%;
	height: 180px;
	/* position:absolute and fixed for scroling with pic or not */
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1
}

#content{
  
}

.block{
  
  border-bottom:solid 1px silver;
  padding:10px 0;
}



.col { 
  
 
  
}

/* ### HEADER ### */

#header {
	height: 70px;
	position:relative
}

#logo {
	float: left;
	width: 400px;
	height: 70px;
	margin: 0;
	font-size:40px;

}

#slogan {
	margin:50px 0 0 50px;
	color: silver;
	position:absolute;
	font-size:18px;
	font-style: italic;
}


/* ### NAVIGATION ### */






#navi ul{
  /* define here the navigation position: max-width:1100px or full screen (delete max-width) */
  max-width:1100px;
  margin: 0 auto;
}

#navi ul li{
  list-style: none;
	float: right;
	font-size: 93%;
}
#navi ul li:hover{
  background:url(../images/white_transp.png);
  box-shadow:none;
}

#navi ul li a{
  display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	font-size:14px;
}

#navi ul li.mobile{
   visibility:hidden;
    text-align:right;
}

#navi ul li ul li.hp{
    text-align:left;
    visibility:visible
}
  
  


#navi ul li.active{
  background:url(../images/black_transp.png);
  box-shadow:none;  
}



#navi{
position:relative;
  margin-left:45%;
}

#navi ul{
  /* define here the navigation position: max-width:1100px or full screen (delete max-width) */
  max-width:1100px;
  margin: 0 auto;
	padding: 0;
}

#navi ul li{
  list-style: none;
	float: left;
	font-size: 93%;
}
#navi ul li:hover{
  background:url(../images/black_transp.png);
  box-shadow:none;  
}

#navi ul li a{
  display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	
}
/* ### CONTENT ### */

#content {
	min-height: 300px;
}

.item{
  margin:10px;
}

.item img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
/* ### FOOTER ### */

#footer {
	min-height: 100px;
	background: silver url("") no-repeat;
}
/* End of Basics */

/* ### RESPONSIVE ### */

@media screen and (max-width: 640px) {
  	div.tablet-collapse{
		width: auto;
		float: none;
		margin-right: 0;
    clear: both;
	}
	
  .c33{
  width:49%; 
  }
  
  .c25{
    width:49%;
  }
  
  
  
  .second{
   
		margin-right: 0;
  }
	
}

@media screen and (max-width: 480px) {
	

	div.nav ul li {
		width: 50%;
		font-size: 85%;
	}

	div.mobile-collapse{
		width: auto;
		float: none;
		margin-right: 0;
		clear: both;
		

	}
	
	.hide-mobile {
		display: none;
	}
	
	#navi ul{
    float:right
  }
 
 
 #navi ul li.mobile{

   visibility:visible;
   
  }

#navi ul li.mobile:hover a{
color:white
}

#navi ul li.mobile ul li{
     
    visibility:hidden;
    float: none;
    border-bottom:dashed 1px gray
    
  }
  
#navi ul li.mobile:hover > ul li{
    visibility:visible;
  }
}

/* System-Erweiterung form */
.csc-mailform ol,
.csc-mailform li {
    list-style-type: none;
    margin: 0;
    padding: 10;
}

.csc-mailform label strong {
    display: block;
    color: #f00;
}

.csc-mailform li {
    overflow: hidden;
    margin: 0 0 1em 0;
}

.csc-mailform label {
    float: left;
    width: 250px;
}

.csc-mailform textarea, 
.csc-mailform input,
.csc-mailform select {
    float: left;
    width: 200px;
    height: 20px;
}

.csc-mailform textarea { height:80px; }

.buttons {
	margin-left: 250px;
	cursor: pointer;
	font: 12px Verdana,sans-serif;
	color: #FFF;
	border: 1px solid #000000;
	background-color: #C00000;
	width: 120px;
	line-height: 130%;
}
/* Specific */
/* End of specific */