/**
 * RA Schnitzer Website
 *
 * @author    Tom Klingenberg
 * @copyright copyright (c) 2008 lastflood GmbH Mainz
 *
 *
 * @colordef #fff    white
 * @colordef #690505 dark-red
 * @colordef #950909 light-red
 * @colordef #ababab darker-body-background
 * @colordef #666    grey-text
 * @colordef #e7e7e7 grey-input-background
 */

/**
 * reset
 *
 * @section reset
 */
body,
div,
form,
h1, h2, h3, h4, h5, h6,
ul,
li,
p {margin:0; padding:0;}
img {border:0;}

/**
 * globals
 *
 * @section globals
 */
html {height:100%;}
.clear {clear:both;}



/**
 * main layout
 *
 * @section    layout
 * @subsection main
 */
body {background:#ababab url(i/bg.gif) repeat-x scroll 0 0 ;}

.body {min-height:524px; width:100%;}

.stage {margin:28px auto 0 auto; width:748px;}

	.stage .top {background:transparent url(i/shadow-top.gif) no-repeat scroll 0 0; height:16px; overflow:hidden; width:748px;}
	.stage .bottom {background:transparent url(i/shadow-bottom.gif) no-repeat scroll 0 0; height:8px; overflow:hidden; width:748px;}

	.stage .main {background:transparent url(i/shadow-left.gif) no-repeat scroll 0 0; height:472px; width:748px;}

		.stage .main .inner {margin:0 16px; background:#fff;}
		.stage .main .header {height:110px;}
			.stage .main .header .fader {float:left; width:auto;}
			.stage .main .header h1,
			.stage .main .header .logo {display:block; width:205px;}
			.stage .main .header h1 {float:right;}
			.stage .main .header .logo {background:transparent url(i/logo.gif) no-repeat scroll 0 0; display:block; height:110px; line-height:110px; overflow:hidden; text-indent:10205px; width:205px;}
		

		.stage .main .nav {background-color:#690505; clear:both; display:block; height:22px; list-style-type:none; margin:0; padding:0;}
			.stage .main .nav li {display:block; float:left; height:22px; width:102px;}
				.stage .main .nav li.seperator {width:104px;}
					.stage .main .nav li.seperator hr {display:none;}

				.stage .main .nav li a {display:block; height:22px; line-height:22px; overflow:hidden; text-indent:10102px; width:102px;}
					.stage .main .nav li a {background:#690505 url(i/nav-menu.gif) no-repeat scroll 0 0; color:#fff; text-decoration:underline;}
					.stage .main .nav li a:hover {background-color:#950909;}
					.stage .main .nav li a.ka {background-position:0 0;}
					.stage .main .nav li a.an {background-position:-102px 0;}
					.stage .main .nav li a.re {background-position:-204px 0;}
					.stage .main .nav li a.mi {background-position:-306px 0;}
					.stage .main .nav li a.ko {background-position:-512px 0;}
					.stage .main .nav li a.im {background-position:-614px 0;}
					.stage .main .nav li.active a.ka:hover,
					.stage .main .nav li.active a.ka {background-position:0 -22px;}
					.stage .main .nav li.active a.an:hover,
					.stage .main .nav li.active a.an {background-position:-102px -22px;}
					.stage .main .nav li.active a.re:hover,
					.stage .main .nav li.active a.re {background-position:-204px -22px;}
					.stage .main .nav li.active a.mi:hover,
					.stage .main .nav li.active a.mi {background-position:-306px -22px;}
					.stage .main .nav li.active a.ko:hover,
					.stage .main .nav li.active a.ko {background-position:-512px -22px;}
					.stage .main .nav li.active a.im:hover,
					.stage .main .nav li.active a.im {background-position:-614px -22px;}

		.stage .main .content {clear:both; height:316px; margin:24px 0 0 0; overflow:hidden;}

	.stage .footer {padding:0 16px;}
		.stage .footer address {display:none;}
			.stage .footer a {background:transparent url(i/footer.gif) no-repeat scroll 0 0; display:block; height:12px; text-indent:10716px; overflow:hidden; width:716px;}

/**
 * signet
 *
 * @section signet
 */
.signet {height:0; position:absolute; min-height:0; min-width:748px; -x-text-align:right; top:0;}
	.signet a {background:transparent url(i/lastflood.gif) no-repeat scroll 0 0; display:block; height:48px; line-height:48px; margin:1px 1px 1px auto; overflow:hidden; text-indent:10010px; width:10px;}


/**
 * fader
 *
 * @section fader
 */

 .header .fader {height:110px; overflow:hidden;}
	 .header .fader .image {display:block; position:absolute; width:412px;}
	 .header .fader .image.init {display:none;}


/**
 * fontface
 *
 * @section fontface
 */
body {font-size:100.01%;}
body {font-family:"Bitstream Vera Sans",Arial,Helvetica,sans-serif;}

/**
 * @subsection content
 */
.content {font-size:11px; color:#666; line-height:15px;}
.content h2,
.content h3 {text-transform:uppercase; font-size:1em; font-weight:bold; margin:0 0 1.5em 0;}
.content h2 {color:#690505;}
.content .rechtsbereich h2 {margin-bottom:1em;}

/**
 * content
 *
 * @section content
 */
.content p {margin-bottom:1em;}
.content p.signature {margin-top:2em;}
.content p.subline {margin-top:-1.2em;}

.content ul {list-style-type:none; margin-top:2em;}
.content ul li {background:transparent url(i/li.gif) no-repeat scroll 0px 6px; padding-left:12px; margin-bottom:1em;}


.content .scroll {height:292px; overflow:auto; width:420px;}
	.content .scroll .inner {margin:0; width:370px;}

/**
 *  content for page type home
 *
 * @section    content
 * @subsection home
 */
.content .home {margin:20px 102px 0 244px;}


/**
 * content for page type standard
 *
 * @section    content
 * @subsection standard
 */
.content .standard {margin:0;}
	.content .standard .text {float:right; margin-right:102px; width:370px;}
	.content .standard .photo {float:left; margin-left:32px; text-align:right; width:172px;}

/**
 *  content for page type home
 *
 * @section    content
 * @subsection rechtsbereich
 */
.content .subnav {float:left; margin:0 0 0 32px; width:172px;}	
	.content .subnav li {background:none; font-weight:bold; list-style-image:none; padding:0; text-transform:uppercase;}
		.content .subnav li a {color:#999; text-decoration:none;} 
		.content .subnav li a.active {color:#690505;}

/**
 * content for page type mitarbeiter
 *
 * @section    content
 * @subsection mitarbeiter
 */
.content .mitarbeiter h3 {margin-bottom:0; text-transform:none;}


/**
 * content for page type kontakt
 *
 * @section    content
 * @subsection kontakt
 */
.content .kontakt a {color:#666; text-decoration:none;}

.content .kontakt .form {float:left; margin-left:32px; width:278px;}
	
.content .kontakt .info {float:right; margin-right:32px; width:332px;}
	.content .kontakt .info .text {float:left; width:162px; margin:0;}
	.content .kontakt .info .map {float:left; width:170px; margin:0;}

.content .kontakt table {border-collapse:collapse; border-spacing:0;}
	.content .kontakt table td {padding:0;}
		.content .kontakt .form table td {padding:1px;}
		.content .kontakt .text table td {padding:0 6px 0 0;}
	

/**
 * content for page type impressum
 *
 * @section    content
 * @subsection impressum
 */
.content .impressum .text {float:left; margin-left:32px; width:478px;}
	.content .impressum .scroll {height:292px; overflow:auto; width:446px;}
		.content .impressum .scroll .inner {margin:0; width:408px;}

.content .impressum h2,
.content .impressum h3 {margin-bottom:0;}
.content .impressum ul {margin:0 0 1em;}
	.content .impressum ul li {margin-bottom:0;}
.content .impressum a {color:#666; text-decoration:none;}

.content .impressum .side {float:right; height:112px; margin:180px 32px 0 0; width:174px;}






/**
 * form
 *
 * @section form
 */
form label {width:74px; margin-right:10px;}
	form label .mandatory {color:#950909; font-size:1.2em; font-weight:bold; padding-left:2px; position:relative; top:0.2em}
form input,
form textarea {font:inherit;}

form .input {background:#e7e7e7; border:2px solid #e7e7e7; line-height:12px; width:178px;}
	form textarea.input {height:88px;}
form .buttons input {background:#690505; border:none; color:#fff; }

form td {vertical-align:top;}
form td.buttons {text-align:right;}