/*=====================================================================
 *
 * Filename: style.css
 * Website: www.domain.de
 * Author: Markus Bäck
 * Author URI: http://www.just4freaks.de
 * Media: Screen, Projection
 * Dependencies: none
 * Usage Example: none
 * Version: 1.0, 15/01/2010
 *
 * Description: -
 *
 *=====================================================================*/

/* TYPO3 */
@import url("typo3/t3_rte.css");

@media screen, projection {
	
	/* -------------RESET--------------- */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0}
	html[xmlns^="http"]{overflow-y:scroll}
	body{background-color:#fff}
	:focus{outline:0}
	ul,ol{list-style:none;list-style-type:none}
	table{border-collapse:separate;border-spacing:0}
	caption,th,td{text-align:left;font-weight:400}
	blockquote:before,blockquote:after,q:before,q:after{content:""}
	blockquote,q{quotes:"" ""}
	a,a:link,a:visited,a:hover{text-decoration:underline;color:#000}
	a:active,a:focus,input{outline:none}
	sup{position:relative;bottom:0.3em;vertical-align:baseline}
	sub{position:relative;bottom:-0.2em;vertical-align:baseline}
	acronym,dfn,abbr{cursor:help;border-bottom:1px dashed}
	del{text-decoration:line-through}
	a abbr,a acronym{border:none}
	cite,em,dfn,i{font-style:italic}
	ins,dfn{border-bottom:1px solid #ccc}
	code,kbd,samp,pre,tt,var{font-size:100%;font-family:monaco, "Lucida Console", courier, mono-space}
	a img,img,img,iframe{border:none;text-decoration:none}

	/* -------------BASIC--------------- */
  html {font-size:100%}
  body {font:75%/1.3 Arial,'Helvetica Neue',Helvetica,sans-serif;color:#434343}
  li li, li p, td p, blockquote p {font-size:1em}
  input, select, th, td {font-size:1em}
  strong, b {font-weight:bold}
  em, i {font-style:italic}
  a, a:link, a:visited, a:active {background-color:transparent;text-decoration:underline;color:#0d4a8b}
  a:hover {text-decoration:none}
  th {font-weight:bold}
  .hr hr {display:none}
  .hr {background:#999;padding:0;height:1px;overflow:hidden;margin:10px 0}
	::-moz-selection {background:#0d4a8b;color:#fff}
	::selection {background:#0d4a8b;color:#fff}
	p {font-weight:300;padding:0 0 1.25em}
	p:last-child {padding-bottom:0}
	p.last-child {padding-bottom:0}
	table {margin-bottom:1.25em}
	th {font-weight:bold}
	tr,th,td {margin:0;padding:.25em .25em .25em 0}
	tfoot {font-style: italic; }
	caption {text-align:center; font-family:Georgia,serif}	
	
	/* GLOBAL CSS */
	.clear{clear:both;overflow:hidden}.fl{float:left!important}.fr{float:right!important}.fn{float:none!important;font-weight:300}.di{display:inline}.dn{display:none}.db{display:block}.pa{position:absolute}.pr{position:relative}.nm{margin:0!important}.nmr{margin-right:0!important}.nml{margin-left:0!important}.nmt{margin-top:0!important}.nmb{margin-bottom:0!important}.np{padding:0!important}.npr{padding-right:0!important}.npl{padding-left:0!important}.npt{padding-top:0!important}.npb{padding-bottom:0!important}.txtl{text-align:left}.txtr{text-align:right}.txtc{text-align:center}.txtj{text-align:justify}.wauto{width:auto !important}.w100p{width:100%}.w75p{width:75%}.w67p{width:67%}.w66p{width:66%}.w50p{width:50%}.w34p{width:34%}.w33p{width:33%}.w25p{width:25%}.fb{font-weight:700}.fi{font-style:italic}.fu{border-bottom:1px solid}.img-left{float:left;margin:4px 15px 4px 0}.img-right{float:right;margin:4px 0 4px 15px}
	.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix {display: inline-block}
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%}
	.clearfix {display:block}
	/* End hide from IE-mac */

  /* -------------PRINT---------------- */
  .print-logo {display:none}

	/* -------------PAGE-WRAP------------ */
	.page-wrap {margin:0 auto;width:960px;padding:18px 0}
	
  /* -------------HEADER--------------- */
	.header {position:relative;height:108px;width:960px;background:url('../images/bg-header.png') no-repeat right top}
	
		/* LOGO */
		.header h1 {position:absolute;left:0;top:42px;margin:0;padding:0}
		
		/* NAVITOP */
		/* NAVITOP */
		ul.navitop {position:absolute;right:41px;top:24px}
		ul.navitop li {line-height:1;font-size:.917em;font-weight:300;float:left;display:inline;padding:0 3px 0 7px;background:url('../images/bg-navitop.png') no-repeat 0 4px}
		* html ul.navitop li {background-position:0 3px}
		ul.navitop li a,ul.navitop li a:visited {color:#757477;text-decoration:none}
		ul.navitop li a:hover {color:#757477;text-decoration:underline}
		ul.navitop li.first {background:none;padding-left:0}
 
	/* -------------CONTENT-------------- */
	.page-wrap-inner {padding:26px 0 0 42px;width:918px;background:url('../images/bg-content-wrap.png') repeat-y 42px 0}
		
		/* MAINNAVI */
		ul.mainnavi {float:left;display:inline;margin-left:142px}
		ul.mainnavi li {font-family:Tahoma,Arial,sans-serif;line-height:1;font-size:1.25em;font-weight:300;float:left;display:inline;padding:0 7px;background:url('../images/bg-mainnavi.png') no-repeat 0 2px}
		
		* html ul.mainnavi li {background-position:0 1px;line-height:1.1}		
		ul.mainnavi li a,ul.mainnavi li a:visited {color:#458e45;text-decoration:none}
		ul.mainnavi li a:hover,ul.mainnavi li a.active {color:#0d4a8b}
		ul.mainnavi li.first {background:none;padding-left:0}
	
		/* CONTENT-WRAP */
		.content-wrap {float:left;margin-top:50px;padding-bottom:20px;min-height:300px;height:auto!important;height:300px}
		
			/* SIDEBAR-LEFT */
			.sidebar-left {float:left;width:260px;margin-right:33px;padding:0 5px 0 4px;background:url('../images/bg-pattern-horizontal.png') repeat-y right top}
			.box {margin-bottom:20px}
			.box:last-child {margin-bottom:0}
			
			/* CONTENT */
			.content {float:left;width:424px;margin-right:33px}
			body.page-16 .content {padding-left:40px;width:384px}
			.full {width:572px;padding-right:43px;margin-right:0}
			
				/* HEADINGS */
				h1,h2,h3,h4,h5,h6 {font-weight:300;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;color:#0d4a8b}
				h1{font-size:1.5em;margin-bottom:.444em;line-height:1.1} /* font-size:18px;margin-bottom:8px */
				h2{font-size:1.333em;margin-bottom:.313em;line-height:1.2} /* font-size:16px;margin-bottom:5px */
				h3{font-size:1.167em;margin-bottom:.357em;line-height:1.2} /* font-size:14px;margin-bottom:5px */
				h4{font-size:1.083em;margin-bottom:.385em;line-height:1.2} /* font-size:13px;margin-bottom:5px */
				h5,h6{font-size:1em;margin-bottom:.25em;line-height:1.2} /* font-size:12px;margin-bottom:3px */
			
			  /* LIST ELEMENTS */
			  .content ul,.content ol {margin:0 0 1.25em 1.25em;line-height:1.7;padding:0}
			  .content ul li ul,.content ol li ol {font-size:1em}
			  .content ul li ul li ul,.content ol li ol li ol {font-size:1em}
			  .content ul li ul li ul li ul,.content ol li ol li ol li ol {font-size:1em}
				.content ul ul,.content ol ol {margin-bottom:0;padding-bottom:0}
			  .content ul li {position:relative;background:url('../images/icons/list.png') 0 8px no-repeat;padding-left:1.25em}
			  .content ol{list-style-type:decimal}
				.content ol li {list-style-position:inside}
			  .content ul:last-child,.content ol:last-child {margin-bottom:0}		
				
				/* TOTOP */				
				a.totop,a.totop:visited {clear:both;position:relative;display:block;float:right;margin-top:10px;color:#757477;font-size:.917em;text-decoration:none;background:url('../images/bg-arrow-top.png') 0 6px no-repeat;padding-left:1.25em}
				
				/* MORE */
				a.more,a.more:visited {position:relative;display:block;margin-top:10px;color:#0d4a8b;font-size:1.083em;font-weight:700;text-decoration:none;background:url('../images/bg-arrow-right.png') 0 4px no-repeat;padding-left:0.917em}
				
				/* TABLE */
				td.align-right {text-align:right}
							
			/* SIDEBAR-RIGHT */
			.sidebar-right {float:right;width:158px}
			
				.pinn {overflow:hidden;width:95px;height:79px;padding:32px 40px 79px 15px;color:#0b488a;font-size:1.083em;background:url('../images/pinn.jpg') no-repeat}				
				.pinn a {text-decoration:underline}
					
				/* SUBMENU */
				.submenu {margin-bottom:25px}
				ul.submenu li {position:relative;margin-bottom:15px}
				ul.submenu li a,ul.submenu li a:visited {text-decoration:none;padding-left:1.25em}
				ul.submenu li a:hover,ul.submenu li a.active {background:url('../images/bg-submenu.png') 0 5px no-repeat;padding-left:1.25em}	

  /* -------------FOOTER--------------- */
	.footer {clear:both;height:27px;background:url('../images/bg-pattern-vertical.png') repeat-x left bottom}
	.footer-inner {width:453px;padding:7px 41px 8px 288px;margin-left:61px;border-top:1px solid #e8eef4;font-size:.833em;color:#757477}
	.footer-inner a,.footer-inner a:visited {color:#757477;text-decoration:none}
	.footer-inner a:hover {color:#757477;text-decoration:underline}
	
  /* -------------FORM----------------- */
  form {display:inline}
  form label {cursor:pointer}
  fieldset {border:none}
  input,select,textarea,button {font-size:100%;font-family:inherit;color:#4f4a4a}
  textarea {line-height:1.25}
  button {cursor:pointer;width:auto;overflow:visible}	

	/* FORM FORMAT */
	.form ol,.form ul {list-style-type:none;margin:0;padding:0} /* reset */
	.form ol li,.form ul li {margin:0 0 3px 0;padding:0;background:none;list-style-position:outside} /* reset */
	
	/* FORM ERROR */
	.error {color:red}
	
	/* TYPO3 CAPTCHA */
	.form .contact-captcha {margin-left:110px}
		
	.form label{float:left;width:110px}	
	.form select{}
	.form input{width:200px;padding:2px;background:#fff;border:1px solid #ccc}
	.form textarea{width:280px;height:120px;background:#fff;border:1px solid #ccc;padding:2px}
	.form button {background:#fff;border:1px solid #ccc;padding:2px 8px;margin:0 0 10px 110px;line-height:normal/*ie6*/}
	
	/* CSS2.x */
	.form input.checkbox {width:auto;margin:0;padding:0;border:none}
	.form input.radio {width:auto;margin:0;padding:0;border:none}
	.form input.submit {width:auto;margin:0 0 0 110px;padding:2px 8px;overflow:visible/*ie6*/}	
	
	input[type=text]:focus,input[type=password]:focus,textarea:focus {background:#f9f9f9}	

}