@charset "UTF-8";

@media all
{

	/* ####################################
	** ### FCE 3 Boxes with rounded edges #
	** ####################################
	*/

	/* Long Gradient*/
	* html .longGradient {
		height:1%
	}

	.longGradient {
		overflow:hidden
	}

	.REboxLongGradient {
		display:block;
		background:transparent url(../../images/longGradient.jpg) no-repeat top left;
		font-weight:normal;
		margin-bottom:1em;
		color:#333333;
		width:165px;
		height:351px;
	}

	/* Short Gradient*/
	* html .shortGradient {
		height:1%
	}

	.shortGradient {
		overflow:hidden
	}

	.REboxShortGradient {
		display:block;
		background:transparent url(../../images/shortGradient.jpg) no-repeat top left;
		font-weight:normal;
		margin-bottom:1em;
		color:#333333;
		width:165px;
		height:176px;
	}

	/* Sondermodelle*/
	* html .REboxSondermodellContent {
		height:1%
	}

	.REboxSondermodellContent {
		overflow:hidden
	}

	.REboxSondermodell {
		display:block;
		background:transparent;
		font-weight:normal;
		margin-bottom:1em;
		color:#333333;
	}

	.REboxSondermodell p {
		line-height:1.2em;
		border:1px solid #FFB22A;
		border-top:none;
		margin:0;
		padding:5px 5px 6px 8px;
		color:#333333;
	}

	.REboxSondermodellContent {
		display:block;
		background:#FDF2CC url(../../images/yellowBox_bg.png) no-repeat top left;
	}

	.REboxSondermodellContent h1,
	.REboxSondermodellContent h2,
	.REboxSondermodellContent h3,
	.REboxSondermodellContent h4,
	.REboxSondermodellContent h5 {
		margin-top:0 !important;
	}

	.REboxSondermodellContent h1 {
		color:#000000;
		font-weight:bold;
		font-size:12px;
		line-height:30px;
		padding:0	;
		padding-left:10px;
		margin:0;
	}

	.REboxSondermodellContent p a.link {
		color:#000000;

		background:transparent url(../../images/red_arrow.gif) no-repeat left 5px;
		padding: 2px 0 0 8px;
		font-weight:bold;
		display:block;
	}

	.REboxSondermodellContent p a.link:hover,
	.REboxSondermodellContent p a.link:active,
	.REboxSondermodellContent p a.link:focus {

	}

	/* Special icons on the right site insite the yellow box belong the h1 headline*/
	.REboxSondermodellContent .iconSearch h1 {
		background:transparent url(../../images/icons/box-search.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconTip h1 {
		background:transparent url(../../images/icons/box-tip.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconMedia h1 {
		background:transparent url(../../images/icons/box-media.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconDealer h1 {
		background:transparent url(../../images/icons/box-dealer.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconGarage h1 {
		background:transparent url(../../images/icons/box-garage.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconNewsletter h1 {
		background:transparent url(../../images/icons/box-newsletter.jpg) no-repeat 124px 1px;
	}

	.REboxSondermodellContent .iconVehicle h1 {
		background:transparent url(../../images/icons/box-vehicle.jpg) no-repeat 124px 1px;
	}


	/* green */
	* html .REboxGreenContent {
		height:1%
	}

	.REboxGreenContent {
		overflow:hidden
	}

	.REboxGreen {
		display:block;
		background:transparent;
		font-weight:normal;
		margin-bottom:1em;
	}

	.REboxGreen p {
		margin:0 2px;
		padding:2px 0;
		line-height:1.2em;
	}

	.REboxGreenContent {
		display:block;
		background:#dfd;
		border-left:1px solid #bdb;
		border-right:1px solid #bdb;
		padding:0.5em 1em 0.5em 1em;
	}

	.REboxGreenContent h1,
	.REboxGreenContent h2,
	.REboxGreenContent h3,
	.REboxGreenContent h4,
	.REboxGreenContent h5 {
		margin-top:0;
	}

	.rGline1,
	.rGline2,
	.rGline3,
	.rGline4 {
		display:block;
		overflow:hidden;
		font-size:1px;
	}

	.rGline1,
	.rGline2,
	.rGline3 {
		height:1px;
	}

	.rGline2,
	.rGline3,
	.rGline4 {
		background:#dfd;
		border-left:1px solid #bdb;
		border-right:1px solid #bdb;
	}

	.rGline1 {
		margin:0 5px;
		background:#bdb;
	}

	.rGline2 {
		margin:0 3px;
		border-width:0 2px 0 2px;
	}

	.rGline3 {
		margin:0 2px;
	}

	.rGline4 {
		height:2px;
		margin:0 1px 0 1px;
	}

	/* red */
	* html .REboxRedContent {
		height:1%
	}
	.REboxRedContent {
		overflow:hidden
	}

	.REboxRed {
		display:block;
		background:transparent;
		font-weight:normal;
		margin-bottom:1em;
	}

	.REboxRed p {
		margin:0 2px;
		padding:2px 0;
		line-height:1.2em;
	}

	.REboxRedContent {
		display:block;
		background:#fdd;
		border-left:1px solid #dbb;
		border-right:1px solid #dbb;
		padding:0.5em 1em 0.5em 1em;
	}

	.REboxRedContent h1,
	.REboxRedContent h2,
	.REboxRedContent h3,
	.REboxRedContent h4,
	.REboxRedContent h5 {
		margin-top:0;
	}

	.rRline1,
	.rRline2,
	.rRline3,
	.rRline4 {
		display:block;
		overflow:hidden;
		font-size:1px;
	}

	.rRline1,
	.rRline2,
	.rRline3 {
		height:1px;
	}

	.rRline2,
	.rRline3,
	.rRline4 {
		background:#fdd;
		border-left:1px solid #dbb;
		border-right:1px solid #dbb;
	}

	.rRline1 {
		margin:0 5px;
		background:#dbb;
	}

	.rRline2 {
		margin:0 3px;
		border-width:0 2px 0 2px;
	}

	.rRline3 {
		margin:0 2px;
	}

	.rRline4 {
		height:2px;
		margin:0 1px 0 1px;
	}

	/* blue */
	* html .REboxBlueContent {
		height:1%
	}

	.REboxBlueContent {
		overflow:hidden
	}

	.REboxBlue {
		display:block;
		background:transparent;
		font-weight:normal;
		margin-top:1em;
		margin-bottom:1em;
	}

	.REboxBlue p {
		margin:0 2px;
		padding:2px 0;
		line-height:1.2em;
	}

	.REboxBlueContent {
		display:block;
		background:#C8DDF3;
		background:#fdf3cf;
		border-left:1px solid #AABCCE;
		border-right:1px solid #AABCCE;
		padding:0.5em 1em 0.5em 1em;
		height:1%;
		overflow:hidden;
	}

	.REboxBlueContent h1,
	.REboxBlueContent h2,
	.REboxBlueContent h3,
	.REboxBlueContent h4,
	.REboxBlueContent h5 {
		margin-top:0;
	}
	.REboxBlueContent h4{
		font-weight:bold;
		padding:0 0 15px 0;
	}
	.REboxBlueContent ul,
	.REboxBlueContent ul li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.REboxBlueContent ul li {
		background:transparent url(../../images/red_checked.gif) no-repeat left 6px;
		padding-left:15px;
		line-height:20px;
	}

	.rBline1,
	.rBline2,
	.rBline3,
	.rBline4 {
		display:block;
		overflow:hidden;
		font-size:1px;
	}
	.rBline1,
	.rBline2,
	.rBline3 {
		height:1px;
	}

	.rBline2,
	.rBline3,
	.rBline4 {
		background:#C8DDF3;
		background:#fdf3cf;
		border-left:1px solid #AABCCE;
		border-right:1px solid #AABCCE;
	}

	.rBline1 {
		margin:0 5px;
		background:#AABCCE;
	}

	.rBline2 {
		margin:0 3px;
		border-width:0 2px 0 2px;
	}

	.rBline3 {
		margin:0 2px;
	}

	.rBline4 {
		height:2px;
		margin:0 1px 0 1px;
	}
	/* FCE 3 Boxes with rounded edgesrounded edges End */

	/*########################
	User list in TeamView
	########################*/

	/** html .REboxUserListContent {
	#	height:1%
	#}*/

	.REboxUserListContent {
		overflow:hidden
	}
	.REboxUserListContent td{
		border:none;
	}
	.REboxUserListContent .image {
		float:left;
		margin:0 10px 0 0;
	}
	.REboxUserList,
	.REboxUserListContent{
		position:relative;
	}
	
	.REboxUserList {
		display:block;
		background:transparent;
		font-weight:normal;
		margin:1em;
		margin-left:0;
		float:left;
		width:320px;
	}

	.REboxUserList p {
		margin:0 2px;
		padding:2px 0;
		line-height:1.2em;
	}

	.REboxUserListContent {
		display:block;
		background:#FFFFFF;
		border-left:1px solid #2A6AB4;
		border-right:1px solid #2A6AB4;
		padding:0.5em 1em 0.5em 1em;
		height:130px;
	}

	.REboxUserListContent h1,
	.REboxUserListContent h2,
	.REboxUserListContent h3,
	.REboxUserListContent h4,
	.REboxUserListContent h5 {
		margin-top:0;
	}
	
	.REboxUserListContent .image,	
	.REboxUserListContent .person,
	.REboxUserListContent .contact {
		position:absolute;
	}

	.REboxUserListContent .person,
	.REboxUserListContent .contact {
		left:120px;
	}
	.REboxUserListContent .contact {
		top:70px;
	}
	.REboxUserListContent .contact a {
			background:transparent url(../../images/red_arrow.gif) no-repeat left center;
			padding:0 0 0 10px;
		}
	
	.REboxUserListContent .name {
		padding-bottom:10px;
	}
	
	.REboxUserListContent .mail {
		padding-top:20px;
	}
	
	.rUline1,
	.rUline2,
	.rUline3,
	.rUline4 {
		display:block;
		overflow:hidden;
		font-size:1px;
	}

	.rUline1,
	.rUline2,
	.rUline3 {
		height:1px;
	}

	.rUline2,
	.rUline3,
	.rUline4 {
		background:#2A6AB4;
		border-left:1px solid #2A6AB4;
		border-right:1px solid #2A6AB4;
	}

	.rUline1 {
		margin:0 5px;
		background:#2A6AB4;
	}

	.rUline2 {
		margin:0 3px;
		border-width:0 2px 0 2px;
	}

	.rUline3 {
		margin:0 2px;
	}

	.rUline4 {
		height:2px;
		margin:0 1px 0 1px;
	}
	/*########################
	User list in TeamView right content
	########################*/
	/*IE 6 HACK*/
	* html #col2 .REboxUserList {margin:0 !important;width:163px !important;}

	#col2 .REboxUserList {
		display:block;
		background:transparent;
		font-weight:normal;
		margin:1em;
		width:100%;
	}
	#col2 .REboxUserListContent .image,	
	#col2 .REboxUserListContent .person,
	#col2 .REboxUserListContent .contact {
		position:static;
	}	
	
	#col2 .REboxUserListContent .image {
		margin:10px 0;
		width:100%;
		border:1px solid #FDF2CC;
	}
	
	#col2 .REboxUserListContent .name {
		padding:0;
	}
	
	#col2 .REboxUserListContent .position {
	}

	#col2 .REboxUserListContent .mail {
		padding-top:10px;
	}
	
	#col2 .REboxUserList p {
		margin:0 2px;
		padding:2px 0;
		line-height:1.2em;
	}
	#col2 .REboxUserList a {
		color:#000000;
		background:transparent url(../../images/red_arrow.gif) no-repeat left center;
		padding:0 0 0 10px;
	}
	
	#col2 .REboxUserListContent {
		background:transparent;
		border:none;
		padding:0.5em 1em 0.5em 1em;
		font-size:10px;
		height:auto;
	}
	
	#col2 .REboxUserListContent label {display:none;}
	
	#col2 .rUline2,
	#col2 .rUline3,
	#col2 .rUline4 {
		background:transparent;
		border:none;
	}

	#col2 .rUline1 {
		margin:0 5px;
		background:transparent;
	}
}