/* 
################################################################################################################################################
### RESET
################################################################################################################################################


####################################
### DEFAULT HTML CSS
####################################
*/	html {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}

/*
####################################
### DEFAULT BODY CSS
####################################
*/	body {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-family: Verdana, Arial;
		font-size: 10px;
		color: #414042;
		background:#F1F1F1 url(images/bg.jpg) center top repeat-x;
	}
	
/*
####################################
### DEFAULT div CSS
####################################
*/	div {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT span CSS
####################################
*/	span {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT object CSS
####################################
*/	object {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT iframe CSS
####################################
*/	iframe {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT h1 CSS
####################################
*/	h1 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		color: #FFFFFF;
		font-size: 30px;
		font-weight: normal;
		text-shadow: 2px 2px 2px #000000;
		width: 95%\9;
		width: 95%/**/;
		opacity: 0.5;
	}

/*
####################################
### DEFAULT h2 CSS
####################################
*/	h2 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		color: #414042;
	}
	
/*
####################################
### DEFAULT h3 CSS
####################################
*/	h3 {
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		color: #414042;
	}
	
/*
####################################
### DEFAULT h4 CSS
####################################
*/	h4 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT h5 CSS
####################################
*/	h5 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT h6 CSS
####################################
*/	h6 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT p CSS
####################################
*/	p {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		text-align: justify;
	}

/*
####################################
### DEFAULT img CSS
####################################
*/	img {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT q CSS
####################################
*/	q {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		quotes: none;
	}
	
/*
####################################
### DEFAULT s CSS
####################################
*/	s {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT small CSS
####################################
*/	small {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT strong/b CSS
####################################
*/	strong,
	b {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT u CSS
####################################
*/	u {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT i CSS
####################################
*/	i {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT dl CSS
####################################
*/	dl {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT dt CSS
####################################
*/	dt {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT dd CSS
####################################
*/	dd {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT ol CSS
####################################
*/	ol {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		list-style: none;
	}

/*
####################################
### DEFAULT ul CSS
####################################
*/	ul {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		list-style: none;
	}
	
/*
####################################
### DEFAULT li CSS
####################################
*/	li {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT fieldset CSS
####################################
*/	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT form CSS
####################################
*/	form {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT label CSS
####################################
*/	label {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}	
	
/*
####################################
### DEFAULT table CSS
####################################
*/	table {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
/*
####################################
### DEFAULT tr CSS
####################################
*/	tr {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

/*
####################################
### DEFAULT th CSS
####################################
*/	th {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT td CSS
####################################
*/	td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
/*
####################################
### DEFAULT pre CSS
####################################
*/	pre {
		position: absolute;
		top: 20px;
		left: 20px;
		background: #FFFFFF;
		margin: 0;
		padding: 20px;
		border: 2px solid red;
		outline: 0;
		color: #414042;
		z-index: 9999;
	}
	
/*
####################################
### DEFAULT a CSS
####################################
*/	a {
		margin: 0;
		padding: 0;
		background: transparent;
		text-decoration: none;
		color: #851182;
	}

/*
####################################
### DEFAULT :focus CSS
####################################
*/	:focus {
		outline: 0;
	}
	
/*
####################################
### DEFAULT input CSS
####################################
*/	input {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: #FFFFFF;
	}
	
/*
####################################
### DEFAULT select CSS
####################################
*/	select {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: #FFFFFF;
	}

	
	
/*
################################################################################################################################################
### Style
################################################################################################################################################


####################################
### PAGE CENTER
####################################
*/ 
.wrapper {
    margin: 0 auto;
    max-width: 1000px; /*Für Dynamisch MAXIMAL 1380px*/
    min-width: 1000px; /*Für Statisch max/min-width löschen und width eintragen*/
    padding: 0;
    text-align: center;
    width: 100%;
}
.main {
	float: left;
    text-align: left;
    width: 100%;
}

/*
####################################
### TOP
####################################
*/ 
#top {
	float: left;
	width: 100%;
	height: 95px;
	margin: 0 20px;
}
#top img {
	float: left;
	margin: 25px 0;
}

/*
####################################
### CONTENT
####################################
*/
.content_bg {
	float: left;
	width: 100%;
	background:transparent url(images/bg_pattern.png) repeat left top;
}
#content {
	float: left;
	width: 100%;
}
.col1 {
    float: left;
    overflow: hidden;
    width: 187px;
	margin: 0 13px 0 0;
	display: none; /* LÖSCHEN zum anzeigen von der LEFTCOL */
}
.col2 {
    overflow: hidden;
    position: relative;
    width: auto;
	margin: 0 20px; /* LÖSCHEN BEI MEHRERN COLS */
}
.col3 {
	float: right;
	overflow: hidden;
	width: 187px;
	margin: 0 0 0 13px;
	display: none; /* LÖSCHEN zum anzeigen von der RIGHTCOL */
}
.box {
	float: left;
	width: 100%;
	margin: 13px 0 0 0;
	overflow: visible;
}
.box .topic {
	float: left;
	height: 60px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	background:#A8101B url(images/bg_pattern.png) repeat left top;
	width: 100%;
	width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
	overflow: visible;	
}
.box .topic h1,
.box .topic h2 {
	float: left;
	width: auto;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: 60px;
	text-transform: uppercase;	
	font-size: 24px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000000;
	width: 95%\9;
	width: 95%/**/;
	opacity: 0.5;
}
.box .content_box {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	overflow: hidden;
	width: 100%;
	width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
	overflow: visible;
	-moz-box-shadow: 0 1px 5px 0 #555555;
	-webkit-box-shadow: 0 1px 5px 0 #555555;
	box-shadow: 0 1px 5px 0 #555555;	
}
.box .content_box .padding_box {
	float: left;
	padding: 0 15px;
	width: 100%;
	width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.box .content_box .padding_box2 {
	float: left;
	padding: 15px 7px;
	width: 100%;
	width: -moz-calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
}
.box .content_box .padding_box3 {
	float: left;
	padding: 15px 7px;
	width: 100%;
	width: -moz-calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
	text-align: center;
}
.box .content_box .padding_box_img {
	padding: 0;
	width: 100%;
	text-align: center;
}

/*
####################################
### CONTENT - IMAGES
####################################
*/
.box.images {
	margin: 40px 20px 38px 20px;
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}
.box.images .content_box {
	float: left;
	height: 430px;
	text-align: center;
	vertical-align: center;
	padding: 10px 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 2px 5px 0 #111111;
	-webkit-box-shadow: 0 2px 5px 0 #111111;
	box-shadow: 0 2px 5px 0 #111111;
}
.box.images .small_pics {
	float: left;
	height: 85px;
	margin-top: 13px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.box.images .small_pics img {
	float: none;
	height: 75px;
	width: 104px;
	margin-left: 12px;
	transition: opacity 0.5s ease;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 2px 5px 0 #111111;
	background-color: #FFFFFF;
	padding: 2px;
}
.box.images .small_pics img.first {
	margin-left: 0;
}
.box.images .small_pics img:hover {
	opacity: 0.5;
}

/*
####################################
### CONTENT - TEXT
####################################
*/
.col2 .box.text .content_box .padding_box {
	padding: 15px;
}
.col2 .box.text .content_box p {
	padding: 5px 0;
	width: 100%;
	font-size: 14px;
}
.col2 .box.text .content_box ul {
    margin: 0 0 15px 0;
	width: 100%;

}
.col2 .box.text .content_box ul li {
    padding: 8px 0 0 25px;
	font-size: 14px;
	background:transparent url(images/arrow-li.gif) no-repeat left -3px;
}

/*
####################################
### CONTENT - SAFE
####################################
*/
.col2 .box.safe .content_box {
	background:transparent url(images/vorteile_bg.jpg) repeat-x;
}
.col2 .box.safe .content_box .safe_box {
	background:transparent url(images/bannerbox_trans_bg.png) repeat-x;
    float: left;
    height: 85px;
    margin: 0 1%;
    padding: 0 1%;
    text-align: center;
    width: 21%;
}
.col2 .box.safe .content_box .safe_box:hover {
	opacity: 0.7;
}
.col2 .box.safe .content_box .safe_box img {
	margin: 5px 0;
}
.col2 .box.safe .content_box .safe_box p {
	color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    opacity: 0.5;
	text-align: center;
}

/*
####################################
### CONTENT - GALLERIE
####################################
*/ 
.col2 .box.gallerie .content_box img {
	margin: 20px 0;
}
.col2 .box.gallerie .content_box hr {
	height: 1px;
	background-color: #CCCCCC;
	border: none;
}

/*
####################################
### CONTENT - ABOUTUS
####################################
*/
.col2 .box.aboutus .content_box p {
	margin-bottom: 8px;
}
.col2 .box.aboutus .content_box h3 {
	width: 100%;
	border-bottom: 1px dashed #cccccc;
	margin: 15px 0;
	width: 100%;
}

/*
####################################
### CONTENT - STORE
####################################
*/
.col2 .box.store {
	margin-bottom: 20px; 
}
.col2 .box.store .content_box {
	text-align: center;
}
.col2 .box.store .content_box img {
	float:none;
	box-shadow: 0 2px 5px 0 #111111;
	margin: 0 18px 36px; 
}
.col2 .box.store .content_box img.last {
	margin: 0 18px; 
}