/* CSS Document */

#main {
	width: 922px;
	height: 800px;
	/*margin: 298px auto 0 auto;*/
	margin: 50px auto 0 auto;
}


/* HEADER /////////////////////////////////////////// */

#header {
	height: 177px;
	position: relative;
	text-align: left;
	padding: 3px 0 0 3px;
}



#logo {
	position: absolute;
	right: 39px;
	top: 33px;
}



/* MENU /////////////////////////////////////////// */

#menu_container {
	width: 619px;
	height: 37px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 5px;
}

#menu_left_sh {
	background: url(../img/menu_left_sh.png) no-repeat 0 0;
	height: 37px;
	width: 15px;
	float: left;
}

#menu_right_sh {
	background: url(../img/menu_right_sh.png) no-repeat 0 0;
	height: 37px;
	width: 15px;
	float: left;
}

ul#menu {
	background: url(../img/menu_sh.png) repeat-x 0 0;
	height: 21px;
	padding: 8px 0 8px 0px;
	float: left;
	list-style-type: none;
}

ul#menu li {
	height: 21px;
	background: #fff;
	float: left;
	text-align: center;
	position: relative;
}
li#start {width: 48px; padding-left: 15px;}
li#konzept {width: 72px;}
li#produkt {width: 68px;}
li#service {width: 67px;}
li#kontakt {width: 69px;}
li#fotografen {width: 90px;}
li#kassen {width: 67px;}
li#partner {width: 67px; padding-right: 26px;}


ul#menu li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-top: 3px;
	width: 100%;
	text-decoration: none;
}

ul#menu li a.current, ul#menu li a:hover {
	font-size: 16px;
	padding-top: 1px;
	color: #f6a800;
}

div.sub-menu_container {
	display: none;
	position: absolute;
	left: -12px;
	top: 15px;
	overflow: visible;
}

div.sub-menu_top_sh {
	width: 177px;
	height: 13px;
	background: url(../img/sub_menu_top_sh.png) no-repeat 0 0;
	font-size: 6px;
}

div.sub-menu_bottom_sh {
	width: 177px;
	height: 13px;
	background: url(../img/sub_menu_bottom_sh.png) no-repeat 0 0;
}

div.sub-menu_sh {
	width: 163px;
	padding: 0 7px;
	background: url(../img/sub_menu_sh.png) repeat-y 0 0;
}

div.sub-menu_container div.sub-menu_sh ul.sub-menu {
	width: 154px;
	padding: 1px 0 6px 9px;
	overflow: visible;
	-moz-opacity: 0.65; filter: alpha(opacity=65); opacity: 0.65;
	background: #000;
	z-index: 100;
}

ul#menu li:hover div.sub-menu_container {
	display: block;
}

ul#menu li div.sub-menu_container div.sub-menu_sh ul.sub-menu li {
	background: none;
	display: block;
	margin: 3px 0 0;
	padding: 0;
	float: none;
	height: auto;
	text-align: left;
}

ul#menu li div.sub-menu_container div.sub-menu_sh ul.sub-menu li a {
	color: #c5c7c8;
	font-weight: normal;
	padding: 0;
	display: block;
}

ul#menu li div.sub-menu_container div.sub-menu_sh ul.sub-menu li a:hover {
	color: #f6a800;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
}

/* CONTENT /////////////////////////////////////////// */

#content_container {
	width: 619px;
	margin: 0 auto;
	text-align: left;
}

#content_top_sh {
	background: url(../img/content_top_sh.png) no-repeat 0 0;
	height: 17px;
}

#content_bottom_sh {
	background: url(../img/content_bottom_sh.png) no-repeat 0 0;
	height: 17px;
}

#content_sh {
	background: url(../img/content_sh.png) repeat-y 0 0;
	padding: 0 10px 0 9px;
}

#content {
	background: #fff;
	padding: 2px 47px 0 38px;
	line-height: 1.4;
}

#content a {
	color: #58585a;
}

div.separator {
	height: 3px;
	border-top: solid 2px #009EE0;
	border-bottom: solid 1px #009EE0;
	margin: 3px 0 23px 0;
	font-size: 2px;
}

#content p, #content p.italic {
	margin-bottom: 16px;
	padding: 0 13px;
}

#content p span {display: block;}
#content p span.bold {display: inline; font-weight: bold;}

#content p.italic {
	font-style: italic;
	margin-left: 10px;
}

#content p.small {
	font-size: 10px;
	margin-top: 10px;
}

#content img {
	margin-left: 13px;
}

#content img.margin_bottom {
	margin-bottom: 16px;
}

#content ul {
	margin-bottom: 16px;
	padding: 0 13px;
	margin-left: 25px;
}

#content ul ul {
	margin-left: 0;
	list-style-type: none;
}

#form_container {
	margin-left: 13px;
}

.form_row {
	margin-bottom: 5px;
}

label {
	display: block;
	float: left;
	width: 200px;
}

input, textarea {
	width: 180px;
}

input.submit {
	width: 80px;
	float: right;
	margin-right: 120px;
}

textarea {height: 100px;}

/* FOOTER /////////////////////////////////////////// */

#footer {
	padding: 10px 13px 50px;
	color: #878889;
}

sup {
	font-size: 10px;
}