/**
 * Stylesheet Framework for Contao Open Source CMS
 * Copyright © 2011-2012 Dominik Raubuch
 *
 * CSS-Layout for Contao Open Source CMS.
 *
 * @copyright	Copyright © 2011-2012 Dominik Raubuch
 * @author		Dominik Raubuch <http://www.raubuch.net>
 * @package		styles
 * @version		1.1
 */

@media all
{
	/**
	 * fonts
	 */
	html * { font-size:100.01%; }
	body { font-family: Helvetica, Arial, sans-serif; font-size:75.00%; }
	textarea, pre, code, kbd, samp, var, tt
	{
		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/**
	 * headings
	 */
	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 0.25em 0; }

	h1 { font-size:250%; }
	h2 { font-size:200%; }
	h3 { font-size:150%; }
	h4, .h4 { font-size:133.33%; }
	h5 { font-size:116.67%; }
	h6 { font-size:116.67%; }

	/**
	 * lists
	 */
	ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
	ul { list-style-type:disc; }
	ul ul { list-style-type:circle; margin-bottom:0; }

	ol { list-style-type:decimal; }
	ol ol { list-style-type:lower-latin; margin-bottom:0; }

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

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; }

	/**
	 * formats
	 */
	p { line-height:1.5em; margin: 0;}
	
	p.nomargin {
		margin: 0 8px;
		line-height: 1em;
	}

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

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

	big { font-size:116.667%; }
	small { font-size:91.667%; }

	pre { line-height:1.5em; margin:0 0 1em 0; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	kbd, samp, var, tt { font-weight:bold; }
	var, dfn { font-style:italic; }

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

	sub { vertical-align: sub; font-size: smaller; }
	sup { vertical-align: super; font-size: smaller; }

	hr
	{
		margin:0 0 0.5em 0;
		padding:0 0 0.5em 0;
		border:0;
		border-bottom:1px solid;
	}


	/**
	 * links
	 */
	a { text-decoration:none;  }
	/*a:visited  { color:#00528A; }*/

	a:focus,
	a:hover,
	a:active { color:#00528A; }

	/*
	 * classes
	 */
	.bold {
		font-weight: bold;
	}
	 .textarrow {
		position: absolute;
		bottom: 0px;
		right: 0px;
		margin: 0 8px 8px 8px;
	 }
	.pic  {
		position: relative;
		top: -8px;
		right: -8px;
	}
	.smallpic {
		width: 215px;
		height: 130px;
	}
	/* some pages divide the mainbox into 2 areas */
	#left{
		width: 705px;
		height: 100%;
		position: absolute;
		left: 40px;
	}
	#right{
		width: 255px;
		height: 100%;
	}

	.ruxsend {
		width: 683px;
		height: 683px;
		border-right: 2px solid #8dafdc;
		border-bottom: 2px solid #8dafdc;
		margin-left: auto;
		margin-right: auto;
		background-color: #c7d6ee;
		float: left;
		overflow: visible;
		margin: 20px 0 0 20px;
		position: relative;
	}
	
	.ce_mk_ruxlayouts {
		margin-left: 20px;
	}
	/**
	***  news module - list
	*/
	.mod_navigation.news {
		width: 215px;
		position: absolute;
		left: 0;
		top: 8px;
	}
	
	.ce_mk_ruxcontent.news .headerbild {
		margin: 8px;
	}
	.mod_navigation.news ul{
		margin: 0;
		padding: 0;
		
	}
	.mod_navigation.news ul li {
		margin: 0;
		padding-left: 8px;
		padding-top: 10px;
		height: 30px;
		width: 207px;
		color: #000;
		position: relative;
		font-size: 1.2em;
		
	}
	a {
		text-decoration: none;
		color: #000;
	}
		

	.mod_navigation.news ul li.active {
		background-color: #DCE4F3;
		background: url('../img/news_right.png') top right no-repeat;
	}


	/* stretch the ruxtext div to container height in news or nachrichten article */
	#news .mk_ruxctext, #nachrichten .mk_ruxctext {
		height: 100%;
		padding: 0;
	}
	.ce_mk_ruxcontent.nopad .mk_ruxctext {
		margin: 0;
		padding: 0;
	}
	.mod_navigation.news div.mailto {
		position: absolute;
		bottom: 0; 
		right: 8px;
	}
	span.hl {
	display: block;
	font-weight: bold;
	color: #1A5291;
	font-size: 1.1em;
	margin-bottom: 5px;
	}
	
	/* forms */
	.mbox form {
		width: 670px;
	}
	form  fieldset.checkbox_container.triplecol span{
		display: block;
		float: left;
		min-width: 20%;
		margin: 5px 15px 0 0;
		text-align: left;
	}
	form  fieldset.checkbox_container.triplecol {
		width: 90%;
		margin: 0;
	}
	form label {
		margin: 0;
	}
	.mk_ruxctext form p {
		margin: 0;
	}
	.mk_ruxctext form textarea {
		height: 20px;
		resize: none;
		margin-left: 8px;
		width: 35%;
	}
	.mk_ruxctext form textarea.long {
		height: 20px;
		resize: none;
		margin-left: 8px;
		width: 71%;
	}
	form label {
		margin-top: 3px;
	}
	form .checkbox_container label , form .radio_container label{
		margin-top: 0;
	}
	form .subcolumns label {
		display: block;
		float: left;
		width: 52%;
	}
	form fieldset {
		margin-top: 8px;
	}
	form fieldset.nomargin {
		margin-top: 0;
		margin-bottom: 0;
	}
	form input.text {
		width: 55%;
	}
	form .subcolumns input.text {
		margin-bottom: 5px;
		width: 45%;
		float: left;
	}
	form label span.mandatory {
		color: #f00;
		padding-left: 5px;
	}
	form fieldset.radio_container.anrede {
		margin-left: 52%;
	}
	form fieldset.radio_container span {
		margin-right: 20px;
	}
	form fieldset.radio_container label {
		display: inline;
		margin: 0 0 0 5px;
		width: auto;
		float: none;
	}
	form .submit_container {
		position: absolute;
		bottom: 0;
		right: 8px;
	}
	form p.error {
		position: absolute;
		top: 138px;
		right: 8px;
		color: #f00;
		font-weight: bold;
		width: 50%;
		text-align: right;
		display: none;
	}
	div.scrollcontainer {
		overflow-y: auto;
		border-top: 1px solid #719FD2;
		border-bottom: 1px solid #719FD2;
		padding: 8px 0;
		margin-top: 8px;
	}
	div.scrollcontainer.medium {
		height: 300px;
	}
	div.scrollcontainer.small{
		height: 233px;
	}	
	div.linebreak {
	   clear: both; 
	   width: 100%; 
	   height: 4px; 
	   border-top: 1px solid #719FD2; 
	   margin-top: 4px;
	}
	div.linebreak.last {
		border: none;
	}

	#accordion_menu div.expand {
		margin-top: 8px;
	}
	#accordion_menu div.expand div {
		margin-bottom: 8px;
	}
	#accordion_menu div.headline {
		cursor: pointer;
		font-weight: bold;
		color: #1A5291;
		background: url('/tl_files/project/images/layout/more.png') no-repeat;
		padding-left: 15px;
	}
	#accordion_menu div.headline.active {
		background: url('/tl_files/project/images/layout/more2.png') no-repeat;
	}
	#accordion_menu div.tbl_row {
		width: 100%;
		height: 20px;
		border-bottom: 1px solid #719FD2;
	}
	#accordion_menu div.tbl_row span {
		font-weight: bold;		
	}
	#accordion_menu div.tbl_row span,
	#accordion_menu div.expand.tbl fieldset legend,
	#accordion_menu div.expand.tbl fieldset span
	{
		display: block;
		float: left;
		width: 20%;
	}
	#accordion_menu div.expand.tbl fieldset span input[value="hidden"]
	{
		display: none;
	}
	#accordion_menu div.expand.tbl fieldset span label {
		font-size: 0.8em;
		margin-top: 1px;
	}
	fieldset span {
		display: block;
		float: left;
	}
	fieldset span label {
		display: block;
		float: left;
		margin-left: 4px;
	}
	fieldset input.checkbox, fieldset input.radio {
		float: left;
	}
	#accordion_menu div.expand.tbl fieldset {
		margin-top: 0;
		border-bottom: 1px solid #719FD2;
		padding-bottom: 4px;		
	}
	#accordion_menu div.expand.tbl fieldset legend	 {
		width: 15%;
		margin-right: 5%;
	}
	#accordion_menu div.expand fieldset {
		border: none;
	}
	#accordion_menu.downloads{
		height: 460px;
		overflow-y: auto;
	}
	#accordion_menu.downloads span {
		display: block; 
		float: left;
	}
	#accordion_menu.downloads span.cell,
	#accordion_menu.downloads span.bold{
		height: 30px;
	}
	#accordion_menu.downloads span.cell {
		width: 17%;		
	}
	#accordion_menu.downloads span.pad {
		display: block;
		width: 20px;
	}
	#accordion_menu.downloads a span {
		margin-top: 3px;
	}
	#accordion_menu.downloads a {
		text-decoration: none;
		color: #333;
	}
	#accordion_menu.downloads span.bold {
		width: 28%;
		margin-right: 4%;
		text-align: left;
	}
	#accordion_menu.downloads div.expand {
		margin: 10px 0;
	}
	#accordion_menu.downloads div.headline {
		margin: 5px 0;
	}
	#accordion_menu.downloads img {
		display: block;
		float: left;
		padding-right: 2px;
	}
	#accordion_menu div.expand div.linebreak {
		margin-bottom: 0;
	}
	
	#jobs .mk_ruxctext .right { height: 540px; }
	
	
	#footer ul {  }
	#footer ul li { list-style-type: none; float: left; margin-right: 57px; }
	#footer ul li:last-child { margin-right: 0; }
	.mod_breadcrumb { padding-left: 40px; }
	
	/*********** Produkt Navigation rechts ************************/
	#rightside .sy .mod_navig_products { margin: 120px 0 0 0; padding-left: 5px; font-size: 12px; display: block; }
	#rightside .sy .mod_navig_products li { padding-left: 12px; margin-left: -17px; }
	
	#rightside .sy .mod_navig_products ul { list-style-type: none; }
	#rightside .sy .mod_navig_products ul li { line-height: 1.3em; padding-bottom: 5px; }
	#rightside .sy .mod_navig_products a { color: #fff; }
	
	#rightside .sy .mod_navig_products .level_2 { display:none }
	
	/* Es erscheint eine Navigationsleiste in der Navigationsleiste... einfach ausblenden */
	#rightside .sy .mod_navig_products .mod_navig_products { display: none; }
	
	
	#rightside .sy .mod_navig_products .active span{ color: #D37F27; font-size: 14px; line-height: 1.0em; font-weight: bold; }
	#rightside .sy .mod_navig_products li.active { background: url('/tl_files/project/images/layout/pfeil_rechts_orange.png') no-repeat; background-position: 0px 0px; line-height: 20px; }
	
	
	/************* Contacts International *********************/
	#contacts .sbox .text_small a:hover { text-decoration: underline; }
	
	
	/************* Company Map *************************/
	#logo_international_map_a, #logo_international_map_b { position: absolute; }
	#logo_international_map_a { left: 230px; top: 285px; }
	#logo_international_map_b { left: 488px; top: 102px; }
	
	/*************** Cookie Bar ***************/
	#acceptCookieBar { padding: 10px; background: #103c6e; color: #fff; width: 920px; margin: 0 auto; }
	#acceptCookieBar p {text-align: justify;}
	#acceptCookieBar .cBtn span { background: #d37f27; display: inline-block; padding: 4px; margin: 5px auto 0 auto; }
	#acceptCookieBar .cBtn { text-align: center; }
	
}