/*--- global definitions ------------------------------------------------------------------------------*/

* {
    margin: 0pt;
    padding: 0pt;
}

html {
	height: 100%;
	overflow-y: scroll; 
}

body {
	background: #fff;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #57555a;
}

/*--- headlines ------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -0.05em
}

h1 { 
	background: #fff;
	color: #19171c;
	font-size: 20px;
	padding: 0;
}
h2 { 
	font-size: 24px; 
	padding-left: 20px;
	margin: 0 0 14px 0;
} 
h3 { 
	font-size: 20px;
	padding-left: 20px;
	margin: 30px 0 10px 0;
} 
h4 { 
	font-size: 16px;
	padding-left: 20px;
	margin: 30px 0 10px 0;
}
h5 { font-size: 100%;}
h6 { font-size: 100%;}

/* --- lists -------------------------------------------------------------------------------- */

ul, ol, dl { font-size: 1.4em; margin: 0 0 1em 40px; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li,dd { margin-left: 0.8em; line-height: 1.5em; }

dt { font-weight: bold; }

/* --- general text formatting ------------------------------------------ */

p { background: transparent; font-size: 14px; line-height: 1.5em; margin: 0 0 1em 0; padding: 0 0 0 22px }

blockquote, cite,q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote { margin: 0 0 1em 1.6em; color: #666; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}

sub, sup { font-size: 0.9em; }

hr {
	border: 0;
	border-bottom: 1px solid #19171c;
	clear: both;
	height: 1px;
	margin: 0.5em 0 0 0;
	padding: 0;
}

hr.CI {
	border-bottom: 1px solid #ffcd01;
	margin: 0.25em 0 2.2em 0;
}

img { border:none 0; }

/*--- links ---------------------------------------------------------------------------------------------- */

a, .bullet_list_1 a.list_link { 
	color:#1111CC; 
	background:transparent; 
	text-decoration: none;
}
a:visited  {  }

a:focus,
a:hover,
a:active,
a.active,
.bullet_list_1 a.list_link:hover { 
	text-decoration: underline;
	outline: none;
}
/*--- tabellen ---------------------------------------------------------------------------------------------- */

table {
	border-collapse: collapse;
	font-size: 1.4em;
	margin: 0 0 20px 20px;
	width: 770px;
}
table table {
	border-collapse: collapse;
	font-size: 1em;
	margin: 0;
	width: 100%;
}

table.tablePreise {
	margin-top: 20px
}

table ul {
	font-size: 1em;
	margin-left: 15px
}

th {
	background: #19171c;
	color: #fff;
	
}

th, td {
	padding: 4px
}

/* --- global content classes --------------------------------------------------------------------------- */

.highlight { color: #f60; }
.dimmed { color: #888; }
.smaller { font-size: small; }

.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
.error {}

.floatLeft { float: left;}

img.floatLeft {
	background:none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
	float:left;
	margin:0 20px 20px 0;
	padding:10px;
	}
img.floatRight {
	background:none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
	float:right;
	margin:0 20px 20px 0;
	padding:10px;
	}
.floatRight { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { display:block; text-align:center; margin: 0.5em auto; }

.alignRight {
	text-align: right;
}

.m { font-size: 21px }
.l { font-size: 22px }
.xl { font-size: 23px }

.CI {
	background: #ffcd01
}

h2.moreSpace {
	margin-top: 40px
}

/* 21st century clearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility:	hidden;
	float: none;
	clear: both;
	}
	
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
 html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* --- LAYOUT & Content stuff --------------------------------------------------------------------------- */
.teaser {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	float: left;
	background: #ffed00;
	padding: 20px;
	margin: 0 20px 0 0;
	width: 260px;
	position: relative;
	height: 200px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 50;
}

.last {
	margin-right: 0;
}

.teaser h2 {
	letter-spacing: normal;
	padding: 60px 0 0 0px
}

.teaser p {
	padding: 0;
}

.badges {
	background: url(/images/badges.png) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 65px;
	height: 65px;
	z-index: 1;
	padding: 20px;
	left:-20px;
	top:-40px;
	text-indent: -19999px
}

.aktion {
	background-position: 0 -110px;
}
.geschenkideen {
	background-position: 0 -220px;
}
.laserfoto {
	background-position: 0 -332px;
}

#badge:hover {
	text-decoration: none;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 940px;
}
	#branding {
		margin: 0 0 20px 0;
		overflow: hidden;
		position: relative;
		width: 940px; 
	}		
		h1 {
			margin: 10px 0 0 0;
		}
	/* navigation */	
		#nav_main, #nav_main ul {
			padding: 0;
			margin: 0;
			line-height: 1;
		}
		#nav_main {
			margin: 0px;
		}
			#nav_main li {
				float: left;
				list-style: none; 
				padding: 0;
				margin: 0 -1px 0 0;
				line-height: normal;
			}
				#nav_main a {
					background: #fff url(/images/nav_main_icon.png) no-repeat scroll 6px 3px;
					border: 1px solid #19171c;
					color:#19171c; 
					display:block;
					font-size: 14px;
					font-weight:bold;
					padding: 4px 0 2px 20px;
					text-decoration:none;
					width: 140px;
				}
				#nav_main a.first {
					width: 112px;
				}
				#nav_main a:hover {
					background-color: #19171c;
					color: #fff;
				}
				#nav_main li ul li a {
					background: #fff none;
					border-top: 0 none;
					font-weight: normal;
				}				
					#nav_main li ul li ul li a {
						background: #fff none;
						border-top: 0 none;
						width: 160px;
					}
					#nav_main li ul li ul li a.supp {
						background: #fff none;
						border-top: 1px solid #19171c;
					}
					#nav_main li ul li a:hover, #nav_main li ul li ul li a:hover.supp, #nav_main li a.active, #nav_main li a.supp.active {
						background-color: #19171c;
						color: #fff;
					}
						#nav_main li ul {
							position: absolute;
							width: 10em;
							left: -999em;
							z-index: 100;
						}
							#nav_main li:hover ul ul, #nav_main li.sfhover ul ul {
								left: -999em;
							}
							#nav_main li ul ul {
								margin: -23px 0 0 158px;
							}
								#nav_main li:hover ul, #nav_main li li:hover ul, #nav_main li.sfhover ul, #nav_main li li.sfhover ul {
									left: auto;
								}
	/* breadcrumb */	
		#breadcrumb {
			margin: 10px 0 40px 22px;
			font-size: 1em;
		}
			#breadcrumb li {
				display: inline;
				margin: 0;
				padding: 0;
			}
				 
				#breadcrumb li a {
					color: #57555a;
					text-decoration: none;
				}
				#breadcrumb li a:hover,
				#breadcrumb li a.active {
					color: #57555a;
					text-decoration: underline;
				}
	/* EMotionales Motiv */
		#emo_motive {
			padding: 0px;
		}
/* CONTENT STUFF*/			
	#content {
		padding: 0;
	}

	/* TOP THEMES */	

		#start_teaser {
			overflow: hidden;
			height: 100%;
			margin: 20px 0 60px 0;
			padding: 0 0 0 60px;
		}
		#start_teaser dl {
			background: url(/images/teaser_motive_bg.png) no-repeat 0 0;
			float: left;
			height: 180px;
			position: relative;
			width: 180px;
			margin: 0;
			padding: 0 40px 0 0;
			z-index: 10;
		}
		#start_teaser dt a {
			background: #fff url(/images/nav_main_icon.png) no-repeat scroll 6px 3px;
			border: 1px solid #19171c;
			bottom: 8px;
			color:#19171c; 
			display:block;
			font-size: 14px;
			font-weight:bold;
			left: 2px;
			padding: 4px 0 2px 22px;
			position:absolute;
			text-decoration:none;
			width: 130px;
			z-index:100;		
		}
			#start_teaser dt a:hover {
				background-color: #19171c;
				color: #fff;
			}
				#start_teaser dd {
					margin: 2px;
					position: absolute;
					z-index: 20;
				}
	/* BULLET LIST */	
		.bullet_list_1, .bullet_list_2 {
			font-size: 18px;
			margin: 0;
			padding: 0 0 0 20px;
		}
			.bullet_list_1 li {
				background: url(/images/list_item_1.png) no-repeat 0 4px;
				list-style: none;
				padding: 0 0 3px 28px;
				margin: 0;
			}
			.bullet_list_2 li {
				background: url(/images/list_item_2.png) no-repeat 0 7px;
				list-style: none;
				padding: 0 0 3px 22px;
				margin: 0;
			}
			.bullet_list_1 a, .bullet_list_2 a {
				text-decoration: underline;
				color: #57555a;
			}
			.bullet_list_1 a:hover, .bullet_list_2 a:hover {
				text-decoration: underline;
			}
	/* SITEMAP LIST*/
	ul#sitemap li {
		list-style: none;
	}
		ul#sitemap ul {
			font-size: 1em
		}
	
			
	/* Textblocks*/		
		.textblock_1 {
			background: url(/images/textblock_1_bg.jpg) repeat-x 0 0;
			margin: 40px 0;
			padding: 20px 20px 20px 0;
			overflow: hidden;
		}
		
		#imgTextList p {
			overflow: hidden;
		}
		#imgTextList p a {
			display: block;
			margin: 10px 0 0 0;
		}
	/* Rund ums Bild */
		ul.rundUmsBild {
			margin: 0;
		}
		ul.rundUmsBild li {
			list-style: none;
			padding: 0;
		}
	/* TEAM*/
		.team_block {
			overflow: hidden;
			padding: 0 0 0 20px;
		}
		.team_block a  {
			display: block;
			float: left;
			margin: 0 10px 0 0;
		}
		.team_block a.last  {
			margin: 0;
		}
		.team_block a:hover {
			text-decoration: none;
		}
		.team_block a img {
			border: 1px solid #57555a;
		}
		.team_block a:hover img {
			border: 1px solid  #ffcd01;
		}
		.team_block a strong {
			color: #57555a;
			display: block;
			font-size: 1.4em;
			margin: 10px 0 0 0;
			text-align: center;
		}
/* FOOTER*/	
	#site_info {
		background: #19171c;
		color: #FFFFFF;
		height: 38px;
		padding: 12px 10px 17px 10px;
		width: 920px;
		margin-top: 40px;	
	}
	#site_info .column {
		float: left;
	}
		#site_info p {
			margin: 0 0 4px 0;
			padding-left: 60px;
			font-size: 1em;
		}
		#site_info strong {
			color: #ffcd01;
		}
		#site_info a {
			color: #ffcd01;
			text-decoration: none;
		}
		#site_info a:hover {
			color: #ffcd01;
			text-decoration: underline;
		}
		#site_info #nav_supp {
			font-size: 1em;
			float: right;
			overflow: hidden;
		}
		#site_info #nav_supp li {
			display: inline;
			list-style: none;
			margin: 0;
		}
/* iframe */

iframe {
	border: 1px solid #ffcd01
}