/**
 * Default Editor Styles for the CMS
 */

.typography .mceItemFlash {
	border: 1px dotted #f00;
}

body.mceContentBody {
	min-height: 200px;
  font-size: 75%;   
}
body.mceContentBody a.broken {
	background-color: #FF7B71;
	border: 1px red solid;
	color: #fff; 
 	padding: 1px; 
 	text-decoration: underline;
}

body {
	margin:0;
	background:#a4c9d8;
	font:12px Arial, Helvetica, sans-serif;
	color:#069;
}

#content a {
    color:#069;
    font-weight: bold;
    text-decoration:underline;
}
#content .green-box a {
    color:#61a815;
    font-weight: bold;
    text-decoration:underline;
}
#content a:hover,
#content .green-box a:hover {
    text-decoration:none;
}

#content {
/*    background-color: #fff;*/
}


/*** Buttons ***/
.btn_zum-konfigurator,
.btn_jetzt-konfigurieren,
.btn_weitere-informationen,
.btn_zur-startseite,
.btn_details,
.btn_details_green,
.btn_details_small {
    float:right;
    margin: 15px 0 5px 0;
	text-indent:-9999px;
	overflow:hidden;
}

.btn_zum-konfigurator {
    margin: 0px;
	float:left;
	width:150px;
	height:24px;
	background:url(../images/zum-konfigurator.gif) no-repeat;
}

.btn_jetzt-konfigurieren {
	width:160px;
	height:24px;
	background:url(../images/jetzt-konfigurieren.gif) no-repeat;
}
.btn_weitere-informationen {
	width:180px;
	height:24px;
	background:url(../images/weitere-informationen.gif) no-repeat;
}
.btn_zur-startseite {
	width:126px;
	height:24px;
	background:url(../images/zur-startseite.gif) no-repeat;
}
.btn_details {
    margin: 5px 0 10px 0;
    float:left;
	display:block;
	width:80px;
	height:24px;
	background:url(../images/details.gif) no-repeat;
}
.btn_details_green {
    margin: 5px 0 10px 0;
    float:left;
	display:block;
	width:80px;
	height:24px;
	background:url(../images/details-green.gif) no-repeat;
}
.btn_details_small {
	display:block;
	width:62px;
	height:17px;
	background:url(../images/details-2.gif) no-repeat;
    margin: 5px 0 5px 0;
}


#content p img.left {
    float: left;
    margin: 0 15px 15px 0;
}

#content p img.right {
    float: right;
    margin: 0 0 15px 20px;
}

#content p img.leftAlone {
	float: left;
	margin-right: 100%;
}
#content p img.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*white-box*/
/*blue-box*/
.white-box,
.blue-box {
	background:url(../images/blue-box.gif) no-repeat 0 100% #fff;
	width:563px;
	padding:0 20px 24px;
	overflow:hidden;
	margin:0 0 30px;
}
.white-box {
    background:none;
}
.white-box h2,
.blue-box h2 {
	font-size:24px;
	line-height:30px;
	margin:0 0 20px;
}

.white-box h3 a,
.white-box h2 a,
.blue-box h3 a,
.blue-box h2 a {
    color:#069;
}
.white-box p,
.blue-box p {
/*    margin:0 0 14px;*/
    line-height:16px;
}
.white-box h3,
.blue-box h3 {
	margin:0;
	font-size:20px;
	font-weight: normal;
	line-height:24px;
}


/*green-box*/
.green-box {
	background:#f1f8e9 url(../images/green-box.gif) no-repeat 100% 100%;
    color:#61a815;
	width:603px;
	padding:0 0 9px;
	margin:0 0 30px;
	overflow:hidden;
}
.green-box.green-box-gradient {
    background:url(../images/green-box-gradient.gif) no-repeat 100% 100% !important;
}
.green-box h2 {
    padding:8px 20px 3px;
	font-size:24px;
    line-height:26px;
	margin:0;
	background:#d5ebbd;
	border-bottom:1px solid #fff;
}
.green-box h2 a {color:#61a815;}
.green-box h2 span {
	font-size:12px;
	font-weight:normal;
}
.green-box .title-box {
	padding:10px 20px 10px;
	line-height:18px;
	margin:0;
/*  color:#000;*/
	background:#d5ebbd;
}
.green-box .title-box h2,
.green-box .title-box h3 {
	font-size:18px;
	line-height:18px;
	margin:0 0 4px;
}
.green-box .title-box p {margin:0;}
.green-box .txt {padding:15px 20px 0;}
.green-box .txt p {
	margin:0 0 10px;
	line-height:14px;
}


/*boxes*/
.boxes,
.boxes-green {
	background:url(../images/boxes.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 30px;
}
.boxes .box,
.boxes-green .box {
	float:left;
	width:193px;
	padding:0 12px 0 0;
}
.boxes .box h3,
.boxes-green .box h3 {
	padding:8px 11px 6px;
	font-size:24px;
	line-height:26px;
	margin:0;
	background:#d8e8ee;
	border-bottom:1px solid #fff;
}
.boxes .box .txt,
.boxes-green .box .txt {padding:16px 11px;}
.boxes .box .txt p,
.boxes-green .box .txt p {
	margin:0 0 10px;
	line-height:14px;
}


.boxes-green {
	background:url(../images/boxes-green.gif) no-repeat 0 100%;
}
.boxes-green .box {
	color:#61a815;
}
.boxes-green .box h3 {
	color:#61a815;
	background:#cfe5b8;
}
.boxes-green .box h3 a {color:#61a815;}