html,body

{

    width: 100%;

    height: auto;

    margin: 0px;

    padding: 0px;

    overflow-x: hidden; 

}



#siteWrapper {

	width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

	overflow-x: hidden; 

}





.wrapper {

	max-width: 960px;

	margin: 0 auto 0 auto;

}



header {

   height: auto;

   min-height: 100px;

   margin-bottom: 10px;

}



#main {

	display: block;

	height:auto;

	overflow: hidden;

	padding-top: 10px;

	padding-bottom: 40px;

	margin-bottom: 10px;

}





.container:after {

  content: ;

  display: block;

  clear: both;

  font-size: 0;

  height: 0;

  visibility: hidden;

}



/* IE-Patch für IE 7*/

*:first-child+html .container { min-height: 0; }



/* IE-Patch für IE 6*/

* html .container { height: 1%; }







.siteLogo {

	display: inline;

	float: left;

	padding-top: 10px;

	padding-left:0;

	width: auto;

	height: auto;
	
	margin-top: 10px;

}







/*- GRID */



.row {

	display: table;

	height:auto;

	overflow: auto;

}



.moduleContainer {

	display: table-cell;

	float: left;

	position:relative;

	height: auto;

	margin-right: 1.875%;

	margin-bottom: 1.875%;

	padding: 1%;

}



.moduleContent {

	display: block;

}



.moduleContent h1,

.moduleContent h2,

.moduleContent h3,

.moduleContent h4,

.moduleContent h5,

.moduleContent h6 {

	margin-top: 0;

}





.columnWidth_11 div { width: 98%; }

.columnWidth_5 div { width: 47.0625%; }

.columnWidth_4 div { width: 47.0625%; }

.columnWidth_3 div { width: 30.0833333333%; }

.columnWidth_2 div { width: 21.59375%; }

.columnWidth_1 div { width: 13.10416666666667%; }



.span_6 { width: 98% !important }

.span_5 { width: 47.0625% !important }

.span_4 { width: 30.0833333333% !important }

.span_3 { width: 21.59375% !important }

.span_2 { width: 16.5% !important; }

.span_1 {width: 13.10416666666667% !important; }



.row div:last-child,

.end,

.span_1 {

        margin-right: 0%;

}



.row div div {

	width: 100%;

}



.row div img {

	max-width: 100%;

	display: block;

}



.breadcrumbs,

.item-page {

	padding:1%;

}



/* SLIDER -------------------------------------*/



#ct_sliderWrapper, #ct_sliderShadow {

	width: 960px;

	overflow: hidden;

}

#ct_sliderWrapper 

{

	position: relative;

	z-index: 300;

	height: auto;

	margin-top: 10px;


}

#ct_sliderShadow

{

	width: auto;

	height: 40px;

	margin-left: auto;

	margin-righ: auto;

	background-position:  top center;

	background-repeat: no-repeat;

}

#ct_sliderContent

{

	height: 100%;

	margin: auto;

}

#ct_sliderContent .moduletable

{

	background-color: transparent !important;

	padding: 10px !important;

}



.flex-direction-nav li .next {

    right: -16px !important;

}

.flex-direction-nav li .prev {

    left: -16px !important;

}





/* BANNERS ----------------------------------------*/



.banneritem img {

	width: 100%;

}



/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* Styles */

  	.moduleContainer {

		margin-left: 2%;

		margin-right: 3%;

	}

	

	.columnWidth_6 div, 

	.columnWidth_5 div,

	.columnWidth_4 div, 

	.columnWidth_3 div,

	.columnWidth_2 div,

	.columnWidth_1 div { width: 95%;}

	

	.span_6,

	.span_5,

	.span_4,

	.span_3,

	.span_2, 

	.span_1 { width: 95% !important }

	

	.row div:last-child,

	.end,

	.span_1 {	

	}

	

	.columnWidth_6 .moduleContainer, 

	.columnWidth_5 .moduleContainer,

	.columnWidth_4 .moduleContainer, 

	.columnWidth_3 .moduleContainer,

	.columnWidth_2 .moduleContainer,

	.columnWidth_1 .moduleContainer { 

		border-bottom: 1px dotted #666; 

		margin-bottom: 6%;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

}



/* Smartphones (landscape) ----------- */

@media only screen

and (min-width : 321px) {

/* Styles */

}



/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

  /* Styles */ 

    .moduleContainer {

		margin-left: 2%;

		margin-right: 3%;

	}

	

	.columnWidth_6 div, 

	.columnWidth_5 div,

	.columnWidth_4 div, 

	.columnWidth_3 div,

	.columnWidth_2 div,

	.columnWidth_1 div { width: 95%;}

	

	.span_6,

	.span_5,

	.span_4,

	.span_3,

	.span_2, 

	.span_1 { width: 95% !important }

	

	.row div:last-child,

	.end,

	.span_1 {	

	}

	

	.columnWidth_6 .moduleContainer, 

	.columnWidth_5 .moduleContainer,

	.columnWidth_4 .moduleContainer, 

	.columnWidth_3 .moduleContainer,

	.columnWidth_2 .moduleContainer,

	.columnWidth_1 .moduleContainer { 

		border-bottom: 1px dotted #666; 

		margin-bottom: 6%;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

	

}



@media only screen

and (min-width : 321px)

and (max-width : 768px) {

  /* Styles */

  

  	.moduleContainer {

		margin-left: 0.9375%;

		margin-right: 0.9375%;

	}

	

	.columnWidth_11 div, .columnWidth_5 div { width: 98%; }

	.columnWidth_4 div, .columnWidth_3 div { width: 46.125%; }

	.columnWidth_2 div, .columnWidth_1 div { width: 46.125%; }

	

	.span_6, .span_5 { width: 98% !important }

	.span_4, .span_3 { width: 46.125% !important }

	.span_2, .span_1 { width: 30.0833333333% !important }

	

	.row div:last-child,

	.end,

	.span_1 {	

		margin-right: 0%;

	}

	

	.columnWidth_6 .moduleContainer, 

	.columnWidth_5 .moduleContainer,

	.columnWidth_4 .moduleContainer, 

	.columnWidth_3 .moduleContainer,

	.columnWidth_2 .moduleContainer,

	.columnWidth_1 .moduleContainer { 

		border-bottom: none;

		margin-bottom: 1,875%;

	}

	

	.siteLogo {

		display: block;

		width: 100%;

		float: none;

		position: relative;

		text-align: center;

	}

  

	#ct_sliderWrapper, #ct_sliderShadow {

		width: 98%;

		overflow: hidden;

	}

	

}



/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {



}



/* iPads (landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

/* Styles */

}



/* iPads (portrait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

/* Styles */



}



/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

/* Styles */

}



/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

/* Styles */

}



/* iPhone 4 ----------- */

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* Styles */

}