/*                                                                                                                                   /*

	styleventure.de Kommunikations- & Mediendesign | Fabian Doemkes
	http://www.styleventure.de

*/

* {padding:0; margin:0;}

html, body, #mainWrap {height: 100%;}
body > #mainWrap {height: auto; min-height: 100%;}

body {background: #ffff00; font-size:62.5%;}
body,input {font-family: Arial, sans-serif; color: #666;}

.clearfix:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Helvetica, Arial, sans-serif;
line-height:normal;
}

h1 {margin:0 0 15px 0; padding:0; color:#fe0002; font-size:24px;}
h2 {margin:10px 0; padding:0; color:#000; font-size:18px;}
h3 {}
h4 {}
h5 {}
h6 {}

h2.bc_claim {text-align:center; color:#a20942 !important;}

p {padding:5px 0; line-height:18px; }
ul {margin:0 0 0 20px; line-height:18px; }

a {color: #fe0002; text-decoration: none;}
a:hover {text-decoration: underline;}
a.sty {color:#ff0062;}

td, tr {font-size:14px;}

input, textarea, select {padding:2px; border: 1px solid #ccc; font-size:14px; font-family: Arial, sans-serif; color:#fe0002;}
textarea {}
legend {display:none;}
fieldset {border:none;}

img a, a img{border: none; text-decoration:none;}
img.left {position: relative; float: left; margin: 0em .5em 1.4em 0em; border:red;}
img.right{position: relative; float: right; margin: 0em 0em 1.8em 1.8em;}

.csc-frame-rulerAfter{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #000;}
.csc-frame-frame1 {background:#fff; border-left: 5px solid #fe0002; padding:5px 0px 5px 15px;}


blockquote {margin: 3px 0 20px 0; padding: 3px; background-color:#BBE916; border-left: 2px solid #fe0002;}
pre, .code {margin: 3px 0 20px 0; padding: 6px 0 20px 6px; color: #333; border-top: 1px solid #fe0002; font-size:1em;	overflow:auto; line-height:2.2em;	border-right: 1px solid #fe0002;	border-bottom: 1px solid #fe0002;	border-left: 6px solid #fe0002;}
address {line-height:18px; margin: 15px 0; padding-left: 21px;	border-left: 6px solid #fe0002;	font-size: 14px; font-style:normal;	font-weight:bold;	color:#000;}
hr {margin: 5px 0px; color: #fe0002;	border: 0;	border-top:1px solid #fe0002;	height: 1px;}

#mainWrap {position:relative; top:40px; width:905px; min-height:100%; height:100%; margin: 0 auto; padding: 0 0 50px 0; color:#000; background:#fff;}
#content {float:left; color:#666; font-size:14px; width:875px; padding:15px;}
#content img.footer {margin-left:-15px;}

#content .csc-header-n2 {margin-top:30px;}

  #headWrap {float:left; width:905px; height:150px; background:#fff;}
/* HEAD Logo */
  #headLogo {position:absolute; left:20px; top:10px;}
/* HEAD Navigation Formatting */
  #headNav {float:right; margin:15px; color:#999;}
    #headNav ul {list-style-type:none;}
    #headNav ul li {display:inline;}
    #headNav ul li a {text-decoration:none; color:#999;}
    #headNav ul li a:hover {text-decoration:underline; color:#666;}
/* HEAD Searchform Formatting */
  #headSearch {clear:right; float:right; margin:15px;}
    #headSearch form {margin:0; padding:0; color:#999;}
    #headSearch form input {float:left; font-size:14px; width:200px; margin:0; padding:5px;}
    #headSearch form #headSend {float:left; width:27px; height:26px; margin:0 0 0 10px; padding:0;}
/* HEAD Breadcrumb/Rootline Formatting 
  #breadcrumb {clear:right; float:right; width:430px; margin-top:32px; padding:0 15px 0 0; text-align:right; color:#999; white-space:nowrap;}
    #breadcrumb ul {margin:0; padding:0; color:#000;}
    #breadcrumb ul li {list-style-type:none; display:inline;}
    #breadcrumb ul li a {text-decoration:none; color:#333;}
    #breadcrumb ul li a:hover {text-decoration:underline; color:#666;}*/
    
  #keyVisual {float:left; clear:left; width:905px; z-index:10;}
   .slideshow { height: 350px; width: 905px; margin: auto;}
   .slideshow img { padding: 0; border: none; background-color: #eee; }

  
  #featureLine {float:left; width:875px; margin:0; padding:0 15px; background:#000; border-top:1px solid #fff;}
  
  #breadcrumb {float:left; width:430px; margin:5px 0; padding:0; color:#fff; font-size:12px; white-space:nowrap;}
    #breadcrumb ul {margin:0; padding:0; color:#fff;}
    #breadcrumb ul li {list-style-type:none; display:inline;}
    #breadcrumb ul li a {text-decoration:none; color:#fff;}
    #breadcrumb ul li a:hover {text-decoration:underline; color:#fff;}
      
/* MainNAVIGATION Formatting */
  #navWrap {float:left; width:100%; height:50px; background:#fe0002;}
    #nav {float:left; border: 0; font-size:1.5em;  font-family:Helvetica, Arial;}
    #nav ul {list-style-type:none; margin:0; padding:0; list-style-image:none;}

    /* Root Level Link Formatting */
    #nav ul li {float:left; color:#fff; text-align:left; width:147px; font-weight:bold; list-style-type:none; }
    #nav ul li a {display:block; background:#fe0002; width:130px; height:40px; padding:10px 0 0 20px; color:#fff; text-decoration:none; font-weight:bold;}
    #nav ul li a span {font-size:10px; margin:0; padding:0; font-weight:normal; display:block;}
    /* Root Level link hover */
    #nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background:#fe0002 url(../img/nav_bg.gif) 50px 0px no-repeat; color: #fff;}
    /*Current page Customisations*/
    #nav a.menu-current	{font-weight: bold;}
    /* 2nd Child menu */
    #nav .menu li ul {position:absolute; margin:-1px 0 0 17px; display:none; text-transform:none; border-bottom:1px solid #fff; font-size:13px; background:#fe0002;}
    #nav .menu li ul li {text-align:left; font-weight:normal; margin:0; padding:0; line-height:1.2em;}
    #nav .menu li ul li a {height:auto; padding:.3em .1em .3em .4em; width:140px; color:#fff; border-top:1px solid #fff; font-weight:normal; background:none;}
    /* 2nd Child link hover */
    #nav .menu li ul a:hover,  #nav .menu li ul a.menu-current {background: #ff9683; color:#fff; font-weight: bold;}
    #nav .menu li ul a.menu-parent {background: #fff; color:#4f2d04;}
    /* 3rd Child Menu Appreances */
    #nav .menu li ul li ul	{margin:9px 0 0 -40%; z-index:9999;  background:#d80000;}
    #nav .menu li ul li ul li	{}
    #nav .menu li ul li ul li a {}
    /* Show and hide */
    #nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display:block;}
    #nav .menu li ul ul {display:none;}
    #nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display:none;}
    #nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display:block;  z-index:1000;}
    /* Positioning the Pop-out Drops */
    #nav li {position:relative;}

    #nav ul ul ul {position:absolute; top:1px; left:100%;}

    /* Better: */
    #nav li:hover {
    	z-index:10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
    	white-space:normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
    							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
    }
    /* end menu */
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* BOF Suchergebnisse Formatting */
.tx-indexedsearch {}
.tx-indexedsearch fieldset{}
.tx-indexedsearch-searchbox {width:100%;}
.tx-indexedsearch-whatis {padding:5px; color:#fff; background:#000;}
  span.tx-indexedsearch-sw {font-weight:bold;}
  
.tx-indexedsearch-browsebox {margin:0 0 20px 0; padding:5px; background:#ccc;}
ul.browsebox li a {padding:5px; color:black;}
ul.browsebox {margin:10px 0;}

td.tx-indexedsearch-title {margin:15px 10px 10px 0; padding:5px; background:#fe0002; color:#000;}
td.tx-indexedsearch-title a{margin:0; padding:0; color:#fff;}

.tx-indexedsearch-res {}
td.tx-indexedsearch-info {padding:5px;}
.tx-indexedsearch-percent.percent {padding:0 10px; 0 0; background:#fe0002; color:#fff;}
.tx-indexedsearch-descr.descr {padding:5px;}
/* EOF Suchergebnisse Formatting */
  
  
/* BOF GlossarSEITE Formatting */
.tx-wmdbglossar-pi1 {width:100%;}
.tx-wmdbglossar-pi1 .row-hspace {background:#ccc; margin:0 0 5px 0; color:#fff;}
.tx-wmdbglossar-pi1 .glosContent {background:#f2f1ee; margin:0 0 5px 0; padding:3px; color:#666;}
.tx-wmdbglossar-pi1 .glosContent img {float:left; margin:0 5px 0 0;}
.tx-wmdbglossar-pi1 .row-headline {background:#fe0002; margin:0 0 3px 0; padding:3px; color:#fff;}
.tx-wmdbglossar-pi1 .row-headline a{color:#fff;}
.tx-wmdbglossar-pi1 .row-alphabet {background:#000; margin:0 0 5px 0; padding:3px; color:#666;}
.tx-wmdbglossar-pi1 .row-alphabet a{color:#fff;}
/* EOF GlossarSEITE Formatting */
  
 /* BOF GlossarIFRAME Formatting */
#glossar {position: absolute;	left: 300px;	background-color: #fff;	border: 1px solid #fe0002; overflow-x: hidden;}
/*#glossar #closer {position:absolute; top:-10px; width:70px; left:230px; background:#fe0002; padding:5px; text-align:center;}*/
#glossar #closer {height:15px; width:290px; background:#fe0002; padding:5px; text-align:right; display:block;}
#glossar a {color:#fff; text-decoration:none;}
/* EOF GlossarIFRAME Formatting */



/*Powemail Konfiguration*/
.tx-powermail-pi1  {margin:20px 0;}
.tx-powermail-pi1 input, textarea {border:1px solid #999;}
.tx-powermail-pi1 .sendbtn {float:left; clear:left; padding:3px 5px 3px 15px; border:0px; color:#fff; background:#fe0002 url(../img/submitarrow.gif) no-repeat scroll 5px center;}

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #fe0002;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}

fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	padding: 10px;
}

.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {float:left; padding:5px; color:#fff; background:#fe0002;}
.tx-powermail-pi1 .powermail_mandatory {color:#fe0002;}
.tx-powermail-pi1 .powermail_mandatory_js {display:none; color:#fe0002;}

.tx_powermail_pi1_fieldwrap_html {float:left; margin:0 10px 10px 0;}
.tx_powermail_pi1_fieldwrap_html label {display:block;}
.tx_powermail_pi1_fieldwrap_html_submit {clear:both;}
/* EOF FormularMAIN Formatting */

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FF0000;
	border:1px solid #FF0000;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* pure CSS arrow */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF0000 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-7px;
	left:5px;
	border-bottom:0 none;
}


/*EOF Rechte Seite - Infoblock*/

/*BOF 2 Infoblocks*/
#infoBlocks {width:575px; margin:20px 0 0 0; height:100%;}
.infoBLeft, .infoBRight {font-size:12px; line-height:14px; padding-bottom:20px;}
.infoBLeft p.bodytext, .infoBRight p.bodytext {}

.infoBLeft {float:left; font-size:12px;}
.infoBLeftInner, .infoBRightInner {width:265px; padding:10px 5px 10px 5px; margin:0; background:transparent url(../img/block_head_yellow.png) top left no-repeat;}
.infoBLeft strong, .infoBRight strong {color:red; margin-bottom:5px;}

.infoBLeft h1 {margin:0 0 20px 5px; width:100%; padding:0; color:#fe0002; font-family:tahoma; font-weight:bold; }
.infoBLeft h2 {font-size:13px; color:#000;}
.infoBLeft img {margin-right:5px;}

.infoBRight {float:right; font-size:12px;}
.infoBRightInner {background:transparent url(../img/block_r_head_red.png) top left no-repeat;}
.infoBRight h1 {margin:0 0 20px 5px; width:100%; padding:0; color:#fff; font-family:tahoma; font-weight:bold; }
.infoBRight h2 {font-size:13px; color:#000;}
.infoBRight img {margin-right:10px;}
/*EOF 2 Infoblocks*/


/*BOF threeBlocks*/
#threeBlocks {width:875px; margin:20px 0 0 0; height:100%;}

.threeLeft, .threeCenter, .threeRight {font-size:12px; line-height:14px; margin-right:10px;}
.threeRight {margin:0 0 0 0;}
.threeLeft p.bodytext, .threeCenter p.bodytext, .threeRight p.bodytext {background:red;}

.threeLeft, .threeCenter, .threeRight {float:left; font-size:12px;}
.threeLeftInner, .threeCenterInner, .threeRightInner {width:255px; height:220px; padding:10px; margin:0; background:transparent url(../img/block_r_head_red.png) top left no-repeat;}
.threeLeft strong, .threeCenter strong, .threeRight strong {color:red;}
.threeLeft h1, .threeCenter h1, .threeRight h1 {margin:0 0 20px 0; width:100%; padding:0; color:#fe0002; font-family:tahoma; font-weight:bold;}
.threeLeft h2, .threeCenter h2, .threeRight h2 {font-size:13px; color:#000;}
.threeLeft img, .threeCenter img, .threeRight img {margin-right:5px;}

.threeLeft h1 {color:#fff;}
.threeCenter h1 {color:#fff;}
.threeRight h1 {color:#fe0002;}

.threeLeftInner {background:transparent url(../img/block_r_head_magenta.png) top left no-repeat;}
.threeCenterInner {background:transparent url(../img/block_r_head_red.png) top left no-repeat;}
.threeRightInner {background:transparent url(../img/block_head_yellow.png) top left no-repeat;}

.threeRightInner {width:275px; height:240px; padding:2px; margin:0; background:transparent url(../img/block_head_yellow.png) top left no-repeat;}
.threeRight h1 {margin:0 0 15px 0; width:100%; padding:7px 0 0 10px; color:#fe0002; font-family:tahoma; font-weight:bold;}
.threeRightInner img {margin:0 0 2px 0;}

/*EOF threeBlocks*/


.propLink_beratung a {display:block; width:258px; height:20px; margin:0 0 1px -8px; padding:5px 5px 5px 10px; color:#fff; background:#fe0002; }
.propLink_beratung {}


/*BOF Navigation Produktionsrundgang*/
.specialBrowse   {float:left; margin-top:30px;}
.specialBrowse a, a.specialBrowse {background:#fe0002; color:#fff; padding:5px; margin:2px}
/*EOF Navigation Produktionsrundgang*/


/*TVSPOT styling*/
.tvframe {width:568px; height: 532px; background: transparent url(../img/tv_frame.jpg) top left no-repeat;}
.swfplayer {padding:24px 0 0 28px; color:#fff; font-size:14px;}

/*BOF TV Teaser Block*/
#tvteaser {float:left; clear: left; width:575px; margin:20px 0 0 0; height:100%;}
.infoBTV {font-size:12px; line-height:14px; padding-bottom:20px;}
.infoBTV p.bodytext {}

.infoBTV {float:left; font-size:12px;}
.infoBTVInner {width:559px; padding:10px 5px 20px 5px; margin:0; background:transparent url(../img/block_head_tvteaser.png) top left no-repeat;}
.infoBTV strong {color:red; margin-bottom:5px;}

.infoBTV h1 {margin:0 0 20px 5px; width:100%; padding:0; color:#fff; font-family:tahoma; font-weight:bold; }
.infoBTV h2 {font-size:13px; color:#000;}
.infoBTV img {margin-right:20px;}
/*EOF TV Teaser Block*/


#footer {
  position: relative;
  width:905px;
  background-color: #fe0002; 	color: #fff;
  margin: 0 auto 0 auto;
	height:40px;
	clear:both;}
/*
#footer {
  position:relative; bottom:0; margin: 0 auto 0 auto;
	width: 905px;
	height:20px;
	margin:0;
	padding-bottom: 1.5em;
	background-color: #fe0002;
	color: #fff;
	text-align: center;
	line-height: 1.5em;
	z-index:999;
}*/

#footer ul {position:absolute; left:15px; top:10px; padding:0; margin:0;}
  #footer ul li {display:inline; list-style-type:none;}
  #footer ul li a {text-decoration:none; color:#fff;}
  #footer ul li a:hover {text-decoration:underline; color:#fff;}

#footer .copy {width:200px; margin:0 auto; padding:10px 0 0 0;}
#footer .claim {position:absolute; right:15px; top:10px; font-size:14px; font-weight:bold;}