/* SEVENCUBES GLOBALS CSS DEFINITIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
html {
	height: 101%;
}


body{
	font-family : Arial, Helvetica, sans-serif;
	margin : 0px 0px 30px 0px;
	background : #5E5E5E url(../img/main_bg.jpg) repeat-x;
	color : #999;
	text-align: center;
	font-size : x-small;
}

A {
	color: #FC7200;
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}

H1 A, H2 A, H3 A {
	text-decoration:none;
}
H1 A:hover, H2 A:hover, H3 A:hover {
	color: #FC7200;
}

H1  {
	font-size: 150%;
	font-weight: normal;
	color: #666;
	margin: 30px 0px 8px 0px;
}

H2  {
	font-size: 115%;
	font-weight: normal;
	color: #666;
	margin: 0px 0px 10px 0px;
}

#sidebar H1, H2, H3, H4, H5, H6 {
	padding-top:10px;
	margin-top:10px;
}

H3, H4, H5, H6 {
	font-size: 110%;
	font-weight:bold;
	margin: 10px 0px 10px 0px;
}

P {
	line-height: 133%;
	margin-top: 2%;
	margin-bottom: 2%;
}


/* LAYOUT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#container {
	margin-left: auto;
	margin-right: auto;
	width:850px;
	text-align: left;
}

#wrap {
	float: left;
	clear: both;
	background-image: url(../img/cont_bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px 0px 10px;
	color : #222;
}

#contentarea {
	float: left;
	clear: both;
	width:830px;
	padding-bottom: 20px;
}

#logo {
	float:left;
}

#mnavbar_footer {
	background-color: #2E2E2E;
	height:18px;
}

#path {
	font-size: 80%;
	color: #222;
	font-weight:bold;
}

#path a {
	color: #222;
}

#content_left {
	float:left;
	width :550px;
	font-size: 120%;
}

#content_left .gutter {
	padding: 10px 45px 0px 25px;
	}

#sidebar {
	float: right;
	width:260px;
}

.rcontbox .csc-header {
	background-image: url(../img/rcontbox_head_bg.gif);
	background-repeat: no-repeat;
	padding: 0px 25px 0px 20px;
}

.rcontbox .content_element {
	background-image: url(../img/rcontbox_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.rcontbox p {
	padding: 0px 25px 0px 20px;
	font-size: 110%;
}


#sidebar .footer {
	background-image: url(../img/rcontbox_footer_bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	background-position: top;
}



#footer {
	float:left;
	clear:both;
	background-image: url(../img/cont_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height:55px;
	width:850px;
}


/* SERVICE NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#snav{
	font-weight: bold;
	float:right;
	padding: 15px 25px 20px 0px;
	color: #999;
}

#snav li {
	float: left;
	list-style: none;
	margin: 0;
	background-image: url(../img/metanav_divider.gif);
	background-repeat: no-repeat;
	padding: 9px 10px 9px 10px;
}


#snav li.langselect {
	padding-left: 35px;
}

#snav a {
	color: #999;
}
#snav a:hover {
	color: #CCC;
	text-decoration: none;
}

/* MAIN NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#mnavbar {
	background-image: url(../img/topnav_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height:45px;
}

#mnav {
	float:left;
	clear: both;
	color: #E2E2E2;
	padding: 0px 25px 0px 10px;	
	vertical-align: bottom;
}

#mnav li {
	float: left;
	list-style: none;
	background-image: url(../img/topnav_divider.gif);
	background-repeat: no-repeat;
	height: 39px;
}

#mnav li.first {
	background-image: none;
	padding: 4px 10px 4px 0px;
}


#mnav a {
	float: left;
	display:block;
	font-size: 120%;
	font-weight: bold;
	color: #E2E2E2;
	background-image: url(../img/topnav_def_bg.gif);
	padding: 10px 17px 14px 17px;
}

#mnav a:hover {
	color: #E2E2E2;
	text-decoration: none;
	background-image: url(../img/topnav_over_bg.gif);
}

#mnav a.active, #mnav a.active:hover {
	background-image: url(../img/topnav_act_bg.gif);
}


/* RIGHT SUB NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#rnav {
	width:100%;
	color: #E2E2E2;
}

#rnav ul {
	padding-left: 5px;
}
#rnav li {
	background-image: url(../img/rnav_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0px;
	padding: 7px 15px 8px 8px;
	list-style-type: none;
}

#rnav li.active {
background-image: url(../img/rnav_bg_act.gif);
}

#rnav a {
	font-weight: bold;
	display: block;
	color: #E2E2E2;
	background-image: url(../img/arrow_bull_dark.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#rnav a:hover {
	color: #E2E2E2;
	text-decoration: none;
	background-image: url(../img/arrow_bull_dark_act.gif);
}

#rnav li.active a, #rnav li.active a:hover {
	background-image: url(../img/arrow_bull_dark_act.gif);
}



/* FOOTER NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

#fnav {
	font-weight: bold;
	float: left;
	color: #333;
	padding: 20px 25px 0px 20px;
}

#fnav_r{
	font-weight: bold;
	float:right;
	color: #333;
	padding: 20px 25px 0px 20px;
}

#fnav li, #fnav_r li {
	float: left;
	list-style: none;
	margin: 0;
	background-image: url(../img/footernav_divider.gif);
	background-repeat: no-repeat;
	padding: 4px 10px 4px 10px;
}

#fnav li.first, #fnav_r li.first {
	background-image: none;
	padding: 4px 10px 4px 0px;
}

#fnav a, #fnav_r a  {
	color: #333;
}
#fnav a:hover, #fnav_r a:hover {
	color: #000;
	text-decoration: none;
}




/* FORM ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 


INPUT, SELECT, TEXTAREA{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	width : 100%;
}

INPUT.Fix, SELECT.Fix, TEXTAREA.Fix{
	width : auto;
}

 */

/* LIST ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 */
 
ul {  
	list-style-type : square;
	margin-top : 0px;
	margin-bottom : 10px;
	margin-left :0px;
	padding-left:15px;
}

ol {  
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 20px;
}

li {  
	margin-top : 6px;
	margin-bottom: 0px;
	padding-left:0px;
}

UL.Kompakt li {
	margin-top : 1px;
}

/* TYPO3 TX_CSSSTYLEDCONTENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 */
 
 .rcontbox DIV.csc-textpic-imagewrap {
 		padding: 0px 25px 0px 20px;
 }
 
 DIV.csc-frame-rulerAfter {
 	border-bottom: 1px dotted #FC7200;
 }
 
 DIV.csc-frame-rulerBefore {
 	border-bottom: 1px dotted #666;
 }

	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */