/* GENERAL ********************************************************************/



body {
	background: #eef2fb;
	font-size: 10px;
	color: #666;
}

a {
	color: #6a65a7;
}

a:hover, a:focus {
	color: #a1016f;
}

.clear {
	clear: both;
}

/* UPPER PAGE *****************************************************************/

#upper_page {
    background: #eef2fb;
}

.container h1.logo{
	width:261px;
	height:59px;
	margin-top: 20px;
	display:block;
	float: left;
	text-indent:-9999px;
	background:transparent url(../images/logo.png) no-repeat top left;
}

.container h1.logo a {
	width:261px;
	height:100%;
	display:block;
	outline:none;
}

/* UPPER PAGE NAVI ************************************************************/

#upper_page #navi {
    margin-top: 80px;
    margin: 60px 0 0 95px;
    text-align: right;
}

#upper_page #navi li {
    display: inline;
    list-style: none;
    margin-left: 30px;
}

#upper_page #navi li a {
    text-decoration: none;
    color: #6a65a7;
    font-size: 1.4em;
}

#upper_page #navi li a:hover,
#upper_page #navi li a.active {
	    color: #a1016f;
}

/* UPPER PAGE CONTENT *********************************************************/

#upper_page #content  {
	font-size: 1.1em;
    margin-top: 30px;
    text-align: left;
}

#upper_page #content .index_img {
    margin-left: 50px;
}

#upper_page #content h1 {
    color: #6a65a7;
    font-size: 3em;
    font-weight: normal;
    padding-bottom: 10px;
    display: inline-block;
}

/*relative Variante anfang */
#content_wrapper{
  padding: 0;
  text-align: rigth;
}
#content_wrapper div.content_img {
  position: relative;
  margin: auto 0 0 auto;
	display: block;
	width: 250px;
	height: 374px;
}
div.content_img img{
  margin-top: -344px;
  z-index: 10;
}
/* rel Variante Ende */

#upper_page #content p,
#upper_page #content dt,
#upper_page #content li,	
#upper_page #content dd {
    font-size: 1.3em;
    color: #666;
}

#upper_page #content li {
	color: #a1016f;
}

#upper_page #content p.special {
    color: #680148;
}

#upper_page #content span {
    color: #a1016f;
}

#upper_page #content dt {
    color: #a1016f;
}

#upper_page #content span.roemisch {
	font: 15px Verdana;
	color: #666;
}

.container_content_text {
	width: 520px;
	margin-bottom: 40px;
}

/* UPPER PAGE CONTENT IMAGE ************************************/

#upper_page #content img.index {
	float: right;
	height: 309px;
	width: 346px;
}

#upper_page #content img.ueber_mich {
	float: right;
	height: 309px;
	width: 346px;
}

#upper_page #content img.leistungen {
	float: right;
	height: 304px;
	width: 403px;
}

#upper_page #content img.referenzen {
	float: right;
	height: 291px;
	width: 388px;
}

#upper_page #content img.kontakt {
	float: right;
	height: 267px;
	width: 400px;
	margin-bottom: 50px;
}

/* UPPER PAGE CONTENT HEADER SPRITE ************************************/


#upper_page #content h2.content_header_index,
#upper_page #content h2.content_header_ueber_mich,
#upper_page #content h2.content_header_leistungen,
#upper_page #content h2.content_header_referenzen,
#upper_page #content h2.content_header_kontakt,
#upper_page #content h2.content_header_haftungsausschluss {
	background: url(../images/content_header_sprite.png) no-repeat;
	height: 46px;
	width: 673px;
	display:block;
	margin-bottom: 30px;
}

#upper_page #content h2.content_header_index {
	background-position: 0 0;
}

#upper_page #content h2.content_header_ueber_mich {
	background-position: 0 -46px;
}

#upper_page #content h2.content_header_leistungen {
	background-position: 0 -92px;
}

#upper_page #content h2.content_header_referenzen {
	background-position: 0 -138px;
}

#upper_page #content h2.content_header_kontakt {
	background-position: 0 -184px;
}

#upper_page #content h2.content_header_haftungsausschluss {
	background-position: 0 -230px;
}

/***/

#upper_page #content h2.content_header_index span,
#upper_page #content h2.content_header_ueber_mich span,
#upper_page #content h2.content_header_leistungen span,
#upper_page #content h2.content_header_referenzen span,
#upper_page #content h2.content_header_kontakt span,
#upper_page #content h2.content_header_haftungsausschluss span{
	display: none;
}


/* UPPER PAGE CALL TO ACTION BUTTON SPRITE ************************************/

#upper_page #content p.cta_button {
	margin-left: 415px;
	margin-bottom: 10px;
}

#upper_page #content .cta_button {
    background: url(../images/cta_btn_sprite.png) no-repeat scroll 0 -38px transparent;
    display: block;
    height: 38px;
    margin: 0 auto;
    width: 140px;
}
#upper_page #content .cta_button a {
    background: url(../images/cta_btn_sprite.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}
#upper_page #content .cta_button a:hover {
    background-position: 0 38px;
}

/* LOWER PAGE *****************************************************************/

#lower_page {
    background: url('../images/bg_lower_page.png');
    height: 200px;
    
}

#lower_page h3 {
    color: #6a65a7;
    font-size: 2em;
}

#lower_page p,
#lower_page th,
#lower_page td,
#lower_page li {
	font-size: 1.3em;
}

#lower_page #footer p {
    font-size: 1.1em;
}

#lower_page #footer .haftung{
    text-align: right;
    font-size: 1.1em;
    float: right;
    margin: 0;
    padding: 0;
}