/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ :: start */
body {
	margin: 0;
}
#site_head, #site_foot {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* 85%; */
	color: #626262;
}
/* remember to define focus styles! */
#site_head :focus {
	outline: 0;
}
#site_head ol, #site_head ul {
	list-style: none;
}

#site_head a{
	font-size: 1.0em;
	font-weight: normal;
	color: #cc0009; /* #c00010;  */
	text-decoration: none;
}
#site_head a:hover{
	text-decoration: underline;
}

#site_head {
	position: relative;
	width: 980px; /* 100%; */
	height: 175px;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(http://www.cewe.eu/images/de/KeyVisualNaviIlle2009_980x124.jpg); /* default */
	/* background-image: url(http://www.cewe.eu/images/de/KeyVisualNaviIlle2009_980x124_xmas.jpg); */ /* xmas */
	/* background-image: url(http://www.cewe.eu/images/de/KeyVisualNaviIlle2009_980x124_winter.jpg); */ /* winter */
	background-position: top;
	background-repeat: no-repeat;
}
	#site_head #navi_head {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 640px;
		color: #93141b;
		font-size: 1.0em;
		line-height: 120%;
	}
		#site_head #navi_head a {
			color: #93141b;
			text-decoration: none;
			font-size: 1.0em; /* 0.9em; */
		}
		#site_head #navi_head a:hover {
			color: #c00010;
			text-decoration: underline;
		}
	#site_head #navi_logo {
		position: absolute;
		top: 0;
		right: 0;
		width: 310px;
		height: 124px;
		overflow: hidden;
		background-image: none;
	}
		#navi_logo a {
			background-position: 0 60px;
			background-repeat: no-repeat;
			display: block;
			height: 125px;
			width: 310px;
			}
			#navi_logo a:hover {
				background-position: -310px 60px;
			}
			#navi_logo a span {
				position: absolute;
				top: -150px;
			}
	#site_head #navi_logo:hover {
		cursor: pointer;
	}
	#site_head #navi_level1 {
		position: absolute;
		top: 88px;
		left: 0;
		width: 660px;
		height: 35px;
		overflow: hidden;
		text-align: left;
	}
		#site_head #navi_level1 ul {
			height: 35px;
			margin: 0 0 0 10px;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
            }
            #site_head #navi_level1 li {
                height: 35px;
                margin: 0;
                padding: 0;
                list-style-type: none;
                float: left;
            }
            #site_head #navi_level1 li.selected {
                background-color: #c00010;
            }
            #site_head #navi_level1 a {
                border-right: 1px solid #c00010;
                border-left: 1px solid #93141b;
                color: #fff;
                display: block;
                font-size: 1.1em;
                font-weight: bold;
                line-height: 35px;
                padding: 0 8px;
                text-decoration: none;
                }
                #site_head #navi_level1 a.selected,
                #site_head #navi_level1 a:hover {
                    background-color: #c00010;
                }
                #site_head #navi_level1 a:hover {
                    border: 0 solid #fff;
                    border-width: 0 1px;
                    color: #fff;
                }
                #site_head #navi_level1 a.selected {
                }

	#site_head #navi_level2{
		position: absolute;
		top: 124px;
		left: 0;
		width: 980px;
		height: 40px;
		overflow: hidden;
	}
		#site_head #navi_level2 ul {
			height: 27px;
			margin: 0 0 0 10px;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
		}
		#site_head #navi_level2 ul li {
			height: 25px;
			margin: 0; /* 0 0 0 5px; */
			padding: 0 8px 0 8px;
			list-style-type: none;
			float: left;
			cursor: pointer;
			font-weight: bold;
			border: 1px solid #fff;
		}
		#site_head #navi_level2 ul li.selected,
		#site_head #navi_level2 ul li:hover {
			background-color: #ccc;
			border-top: 1px solid #ccc;
			border-right: 1px solid #93141b;
			border-bottom: 1px solid #93141b;
			border-left: 1px solid #93141b;
		}
		#site_head #navi_level2 ul li a.not_selected {
			text-decoration: none;
			font-size: 1.1em; /* 0.9em; */
			color: #93141b;
			font-weight: bold;
			line-height: 25px;
		}
		#site_head #navi_level2 ul li a.not_selected:hover {
			color: #c00010;
		}
		#site_head #navi_level2 ul li a.selected {
			text-decoration: none;
			font-size: 1.1em;
			color: #93141b;
			font-weight: bold;
			line-height: 25px;
		}
		#site_head #navi_level2 ul li a.selected:hover {
			color: #c00010;
		}

#site_foot {
	width: 960px;
	margin: 10px auto;
	text-align: left; /* right; */
	color: #9c9c9c;
	}
	.foot{
		color: #9c9c9c;
		font-size: 0.9em; /* 0.7em; */
		margin: 0 0 10px;
		}
		.foot * {
			color: #9c9c9c;
			font-weight: normal;
			text-decoration: none;
		}
		.foot a:hover{
			color: #c00010;
			text-decoration: none;
		}

/**
 * Generic Classes
 */

.red{
	color: #c00010;
}
.yellow{
	color: #f8d360;
}
.blue{
	color: #003366;
}
.bizblue{
	color: #00a0e1;
}
.beige{
	color: #fbf8df;
}
.gray0{
	/* hell - box-bg */
	color: #f9f9f9;
}
.gray1{
	/* hell - digital */
	color: #ccc;
}
.gray2{
	color: #9d9d9d;
}
.gray3{
	/* dunkel - digital */
	color: #626262;
}
.gray4{
	color: #3c3c3c;
}
.white{
	color: #fff;
}
.black{
	color: #000;
}
a.arrow {
	background: url(http://www.cewe-fotobuch.de/images/_layout/link_to_internal_12x12.gif) no-repeat center right;
	padding: 0 16px 0 0;
}
.bold {
	font-weight: bold;
}
.hand,
.pointer {
	cursor: pointer;
}
.noborder{
	border-width:0px;
	border-style:none;
}
.hspace{
	height: 10px;
	width: 100%;
	overflow: hidden;
}
img.left {
    float: left;
    padding: 0 10px 10px 0;
}
img.right {
    float: right;
    padding: 0 0 10px 10px;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.clear{
	float: none;
	clear: both;
}
.inline{
	display: inline;
}
.dnone {
	display: none;
}
.dblock {
	display: block;
}
.italic {
	font-style: italic;
}
.oh {
	overflow: hidden;
}
.smallprint {
	font-size: 10px;
}
.tcenter {
    text-align: center;
}
.tleft{
	text-align: left;
}
.tright{
	text-align: right;
}
.uppercase {
	text-transform: uppercase;
}

.reddot{
	line-height: 14px;
	font-size: 10px;
	background-color: red;
	color: black;
	text-decoration: overline underline;
}

/** MARGINS **/

.ma10{
	margin: 10px;
}
.ma20{
	margin: 20px;
}
.ml10,
.male10{
	margin-left: 10px;
}
.mr10,
.mare10{
	margin-right: 10px;
}
.mt10,
.mato10{
	margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}

/** percentage grid**/

.grid10,
.grid20,
.grid30,
.grid40,
.grid50,
.grid60,
.grid70,
.grid80,
.grid90 {
    float: left;
}
.grid10 {
    width: 10%;
}
.grid20 {
    width: 20%;
}
.grid30 {
    width: 30%;
}
.grid40 {
    width: 40%;
}
.grid50 {
    width: 50%;
}
.grid60 {
    width: 60%;
}
.grid70 {
    width: 70%;
}
.grid80 {
    width: 80%;
}
.grid90 {
    width: 90%;
}
.grid100 {
    width: 100%;
}