/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_body_header.png) repeat-x #fff;
	font: 0.8em Verdana, Geneva, sans-serif;
	color: #636B74;
	line-height: 1.35em;
}
body.start {
	background: url(../images/bg_body_header_start.png) repeat-x #FFF;
}
img {
	border: none;
}
a {
	outline: none;
	-moz-outline: none;
	color: #00AEEF;
}
strong {
color:#3E434A;
}

h1 {
	font-weight: normal;
	font-size: 28px;
	color: #000;
	margin: 0px 0px 30px 0px;
	font-family: Arial,sans-serif;

}
h2 {
	margin: 30px 0 0.65em 0;
	font-weight: normal;
	font-size: 22px;
	color: #000;
	font-family: Arial,sans-serif;
}
h3 {
	margin: 1em 0 0.65em 0;
	font-size: 1.05em;
}
p.big {
        font-size: 14px;
        line-height: 20px;
}
span.copy {
	color: #7B8188;
	font-size: 18px;
	line-height: 27px;
	font-family: Arial,sans-serif;	
}
.screen_big {
	border:1px solid #E5E5E5; 
	overflow:hidden; 
	text-align:center; 
	width: 530px;
	margin: 0px 0px 60px 0px;
}

.screen_big img {
	padding: 15px;
}

.plus {
background:transparent url(../images/plus3.png) no-repeat scroll 0%;
float:left;
font-size:1px;
height:22px;
margin:-9px -12px -17px -5px;
padding:0pt;
position:relative;
width:22px;
z-index:20;
border: 0;
}




#fieldset {
background:transparent url(../images/field_bg.png) repeat-y scroll 0 0;
margin-bottom:8px;
padding:27px 27px 10px 30px;
border:medium none;
margin:0;
}

#fieldset .top {
background:transparent url(../images/field_top.png) no-repeat scroll 0 0;
height:10px;
margin:-27px -27px -27px -30px;
padding-bottom:17px;
width:690px;
}

#fieldset .bottom {
background:transparent url(../images/field_bottom.png) no-repeat scroll left bottom;
height:10px;
margin:27px -27px -10px -30px;
width:690px;
}



th {
padding:6px 12px;
	text-shadow:1px 1px 0 #FFFFFF;


}


th.links {
background:transparent url(../images/th_1.png) no-repeat scroll 0 0;
}
th.rechts {
background:transparent url(../images/th_2.png) no-repeat scroll right top;
}
th.mitte {
background:transparent url(../images/th_0.png);
}

ul.notes {
	list-style-type: none;
	list-style-position: outside;
}
ul.notes li {
	background: url(../images/ok2.png) 0 2px no-repeat;
	padding: 0 0 10px 25px;
        font-size: 14px;
        line-height: 20px;

}

ul.notes_box {
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
}

ul.notes_box li {
	background: url(../images/ok2.png) 0 2px no-repeat;
	padding: 0 0 10px 25px;

}

ul.cross {
	list-style-type: none;
	list-style-position: outside;
}
ul.cross li {
	background: url(../images/cross2.png) 0 2px no-repeat;
	padding: 0 0 10px 25px;
}
#cta-header {
	background: url(../images/bg_header.png) repeat-x;
	width: 1000px;
	height: 165px;
	margin: 0 auto;
	position: relative;
}
#cta-header.start {
	background: url(../images/bg_header_start.png) center no-repeat;
	width: 100%;
	height: 327px;
}
#cta-subheader.start {
	background: url(../images/bg_subheader_start.png) center no-repeat;
	width: 100%;
	height: 180px;
}
#cta-logo {
	position: absolute;
	top: 15px;
	left: 40px;
}
#cta-logo.start {
	left: 50%;
	margin-left: -450px;
}
#cta-nav-main {
	position: absolute;
	top: 0;
	left: 285px;
}
#cta-nav-main.start {
	left: 50%;
	margin-left: -215px;
}
#cta-nav-main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 700px;
}
#cta-nav-main ul li {
	display: block;
	height: 42px;
	float: left;
	margin: 0;
	padding: 0;
}
#cta-nav-main a {
	display: block;
	text-indent: -999em;
	height: 42px;
	background: url(../images/bg_nav_main_buttons.png);
} 
#cta-nav-main #nav-home a {
	width: 75px;
	background-position: -4px 0px;

}
#cta-nav-main #nav-home a:hover {
	background-position: -4px -42px;
}
#cta-nav-main #nav-home a.active {
	background-position: -4px -42px;
}
#cta-nav-main #nav-functions a {
	background-position: -82px 0;
	width: 105px;
}
#cta-nav-main #nav-functions a:hover {
	background-position: -82px -42px;
}
#cta-nav-main #nav-functions a.active {
	background-position: -82px -42px;
}
#cta-nav-main #nav-prices a {
	background-position: -190px 0;
	width: 85px;
}
#cta-nav-main #nav-prices a:hover {
	background-position: -190px -42px;
}
#cta-nav-main #nav-prices a.active {
	background-position: -190px -42px;
}
#cta-nav-main #nav-references a {
	background-position: -270px 0;
	width: 110px;
}
#cta-nav-main #nav-references a:hover {
	background-position: -270px -42px;
}
#cta-nav-main #nav-references a.active {
	background-position: -270px -42px;
}
#cta-nav-main #nav-contact a {
	background-position: -372px 0;
	width: 95px;
}
#cta-nav-main #nav-contact a:hover {
	background-position: -372px -42px;
}
#cta-nav-main #nav-contact a.active {
	background-position: -372px -42px;
}
#cta-nav-main #nav-register a {
	background-position: -460px 0;
	width: 125px;
}
#cta-nav-main #nav-register a:hover {
	background-position: -460px -42px;
}
#cta-nav-main #nav-register a.active {
	background-position: -460px -42px;
}
#cta-nav-main #nav-login a {
	background-position: -590px 0;
	width: 100px;
}
#cta-nav-main #nav-login a:hover {
	background-position: -590px -42px;
}
#cta-subteaser {
	position: absolute;
	top: 100px;
	left: 755px;
}
#cta-subteaser.start {
	top: 87px;
	left: 50%;
	margin-left: 52px;
	z-index: 10;
	cursor: pointer;
	cursor: hand;

}
#cta-pagetitle {
	position: absolute;
	top: 110px;
	left: 32px;
	color: #FFF;
	font-size: 2.5em;
	line-height: 1em;
}
#cta-teaser-buttons {
	position: absolute;
	top: 331px;
	left: 50%;
	margin-left: -470px;
	z-index: 1000;
	color: #FFF;
	font-size: 0.85em;
}
#cta-teaser-buttons strong {
	color: #FFF;
}
#cta-teaser-buttons input[type=text] {
	width: 270px;
	border: none;
	background: none;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	margin-left: 3px;
}
#cta-teaser-csa {
	position: absolute;
	top: 374px;
	left: 50%;
	margin-left: 46px;
	width: 450px;
}

#cta-button-trial,
#cta-button-tour {
	float: left;
	
}
#cta-button-trial a,
#cta-subteaser #cta-button-trial a {
	background: url(../images/bt_teaser_trial.png);
	width: 218px;
	height: 38px;
	display: block;
	text-indent: -999em;

}
#cta-button-tour a {
	background: url(../images/bt_teaser_tour.png);
	width: 165px;
	height: 38px;
	display: block;
	text-indent: -999em;
}
#cta-button-trial a:hover {
	background-position: 0 -38px;
}
#cta-button-tour a:hover {
	background-position: 0 -38px;
}
#cta-teaser-buttons a {
	margin: 0 20px 0 0;
}
#cta-subteaser #cta-button-trial a {
	background: url(../images/bg_subteaser_buttons.png);
}
#cta-subteaser #cta-button-trial a:hover {
	background-position: 0 -41px;
}
* html #cta-subteaser #cta-button-trial a {
	background: url(../images/ce_subteaser_buttons.gif);
}
* html #cta-subteaser #cta-button-trial a:hover {
	background-position: 0 -41px;
}
#cta-bg-copy {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/bg_subpages_left.jpg) center top no-repeat;
}
#cta-bg-copy-small {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/bg_copy-small.gif) top center no-repeat;
}
#cta-bg-copy.alternative {
	background: url(../images/bg_subpages_right.jpg) top center no-repeat;
}
#cta-bg-copy.alternative-small {
	background: url(../images/bg_subpages_right_small.jpg) top center no-repeat;
}
#cta-copy {
	padding: 20px 0px 0px 0px;
	width: 945px;
	margin: 0 auto;
}
#cta-copy.start {
	margin: 0 auto 10px auto;
	background: none;
}
#cta-content-left {
	padding: 10px 0px 0px 0px;
	width: 208px;
	float: left;
}
#cta-content-left.alternative {
	width: 690px;
	float: left;
	padding: 20px 0px 0px 0px;
}
#cta-nav-left {
	padding: 0;
}
#cta-nav-left-sub {
	background: url(../images/bg_nav_sub.png) no-repeat;
	padding: 15px 0 10px 15px;
	margin: 10px 0 0 -14px;
}
#cta-nav-left-sub a {
	text-decoration: none;
	color: #797C80;
	font-weight: normal;
	line-height: 30px;
}
#cta-nav-left-sub a:hover {
	color: #00AEEF;
}
#cta-nav-left-sub img {
	border: none;
	margin: 0 7px -3px 8px;
}
#cta-functions {
	width: 450px;
	float: left;
}
#cta-functions ul,
#cta-subcopy ul,
#cta-nav-left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cta-functions ul li,
#cta-subcopy ul li {
	display: block;
	width: 200px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0 0 10px 0;
}
#cta-nav-left ul li {
	float: none;
	width: 206px;
	line-height: 36px;
	cursor: pointer;
	cursor: hand;

}

* html #cta-nav-left ul li {
	height: 34px;
	line-height: 34px;
	padding: 2px 0 0 0;
}
#cta-nav-left ul li a {
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #797C80;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 36px;	
	display: block;
}
#cta-nav-left ul li a img {
	margin: 0 5px 0 2px;
}
#cta-nav-left ul li a:hover {
	width: 216px;
	color: #00AEEF;	
	line-height: 36px;	
}

#cta-nav-left ul li img {
	vertical-align: middle;
}
#cta-nav-left ul li.active {
	background: url(../images/bg_nav_left_buttons_active.gif);
	width: 226px;
	border: none;
}
#cta-nav-left ul li.active a:hover {
	width: 216px;
	border: none;
	color: #FFFFFF !important;	
}
#cta-nav-left ul li.active a {
	color: #FFFFFF;
}
#cta-nav-left ul li.active a:hover {
	color: #00AEEF;
}

#cta-subcopy ul li {
	width: 210px;
	margin: 0;
}
#cta-functions ul li img {
	margin: 0 0 5px 0;
}
#cta-content-right {
	width: 690px;
	float: left;
	margin: 0 0 0 45px;
	padding: 20px 0px 0px 0px;
}
* html #cta-content-right {
	margin: 0 0 0 20px;
}
#cta-content-right.alternative {
	width: 208px;
	float: left;
	padding: 0px;
}
* html #cta-content-right.alternative {
	margin: 0 0 0 45px;
}
#cta-content-right .box {
	background: url(../images/bg_box_grey.gif) top no-repeat;
	padding: 10px 15px;
	margin: 10px 0px 20px 0px;
	border-bottom: 1px solid #e8e8e8;
}
#cta-content-right .box h3 {
	background: url(../images/bg_box_top_1.gif);
	margin: -10px -15px 0 -15px;
	line-height: 29px;
	padding: 0 15px;
	color: #3E434A;
	text-shadow:1px 1px 0 #FFFFFF;
}
#cta-subcopy {
	width: 450px;
	float: left;
	margin: 0 0 0 45px;
}
* html #cta-subcopy {
	margin: 0 0 0 20px;	
}
#cta-subcopy #teaser-price {
	width: 230px;
}
#cta-footer {
	margin-top: 50px;
	text-align: center;
	font-size: 0.8em;
	background: #f6f6f6;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}
#cta-footer.start {
	margin-top: 0px;
	padding: 0px;

}
#cta-footer-content  {
	padding: 20px 0 15px 0;
	width: 946px;
	margin: 0 auto;
	text-align: left;
	line-height: 2em;
	color: #B0B0B0;
}
#cta-footer-content a  {
	color: #B0B0B0;
}

#cta-footer-content-links a  {
	color: #B0B0B0;
	text-decoration: none;
}
#cta-footer-content-links a:hover  {
	text-decoration: underline;
}


#cta-footer-content-sub  {
	padding: 5px 0 15px 0;
	width: 946px;
	margin: 0 auto;
	text-align: left;
	line-height: 2em;
	color: #B0B0B0;
	border-top: 1px solid #dfdfdf;
}

#cta-footer-content-sub span {
	float: right;
	text-align: right;
}


#cta-twitter-v1 {
background: #f6f6f6;

}
#cta-twitter-v2 {
	padding: 5px 0 15px 0;
	width: 946px;
	margin: 0 auto;
	text-align: left;
	line-height: 2em;
	color: #B0B0B0;
}
.cta-more-features {
	margin: 0 0 20px 0;
	font-size: 0.85em;
}
.more-feature {
	width: 215px;
	float: left;
	margin: 0 15px 0 0;
	position: relative;
}
* html .more-feature {
	margin: 0 10px 0 0;
}
.more-feature img {
	position: absolute;
	top: 0;
	left: 0;
}
.more-feature h4 {
	margin: 0 0 0.65em 60px;
	font-size: 1.05em;
	color: #000000;
}
.more-feature p {
	margin: 0 0 0 60px;
}
.cta-screenshots {
	background: url(../images/bg_screens.jpg) no-repeat;
	padding: 45px 0px 30px 10px;
}
.cta-screenshots-small1-top {
	background: url(../images/cta-screenshot-top.gif) no-repeat;
	width: 342px;
	height: 8px;
	float: right;
	margin: 0px 0px 0px 20px;
}
.cta-screenshots-small1-bottom {
	background: url(../images/cta-screenshot-bottom.gif) no-repeat;
	width: 342px;
	height: 8px;
	float: right;
	margin: 0px 0px 0px 20px;
}
.cta-screenshots-small1 {
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	width: 310px;
	padding: 0px 15px 15px 15px;
	float: right;
	margin: 0px 0px 0px 20px;
	font-size: 0.85em;
}
.cta-screenshots-small1 img {
	border: 1px solid #DADADA;
	margin: 0px 10px 0px 0px;
	}
	
.cta-screenshots-small1 h4{
	padding-top: 0px;
}
	
.cta-screenshots-small {
	background: #F5F5F5;
	padding: 15px 7px;
	float: right;
	margin: 0 0 15px 20px;
	font-size: 0.85em;
}
.cta-screenshots-small img {
	border: 1px solid #DADADA;
	margin: 0 7px;
}
.cta-screenshots-small h4 {
	margin: 0 7px;
	font-size: 1.05em;
	color: #000000;
}
.cta-screenshots-small p {
	padding-left: 7px;
	padding-right: 7px;
}

#cta-slider-designs {
	float: left;
	background: url(../images/bg_slider_slider.jpg) top right no-repeat;
	height: 500px;
	width: 250px;
	margin-bottom: 40px;
}
#cta-slider-designs-large {
	float: left;
	height: 500px;
	width: 440px;
	text-align: right;
}


/* Forms */

label {
color:#3E434A;
cursor:pointer;
display:block;
font-weight:bold;
margin-bottom:3px;
margin-top: 10px;

}




input {
	font-size: 14px;
	padding: 3px;

}

input.contact {
	width: 350px;
	border:1px solid #DDDDDD;		
}

input.preisrechner {
	width: 150px;
	border:1px solid #DDDDDD;		
}

	textarea#contactform_message {
		width: 355px;
		height: 150px;
		border:1px solid #DDDDDD;	
			font-size: 14px;

	}
input.button {
	padding: 0;
	vertical-align: middle;
}

input#else {
	width: 200px;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;		
}

form dl {
  	margin: 15px 0;
}
form dt {
  	float: left;
	width: 120px;
	font-size: 14px;
	line-height: 24px;
}
form dd {
  	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	margin-left: 120px;
}
dd span {
}


/* Hacks */
.clear-me {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0;
}
div.clear-me {
	overflow: hidden;
}


#cta-functions1 {
	width: 945px;
	float: left;
	margin-top: 10px;
}
#cta-functions1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cta-functions1 ul li {
	display: block;
	width: 215px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0 0 10px 0;
}
#cta-functions1 ul li .icon {
   float: left;
   margin: 0 10px 20px 0;
}

#cta-teaser-text {
	position: absolute;
	top: 373px;
	left: 50%;
	margin-left: -375px;
	z-index: 1000;
	font-size: 21px;
	font-style:italic; 
	color: #bcbcbc; 
	line-height: 1.5em; 
	font-family: georgia,"Times New Roman",serif; 
	text-align: center;
}

#logo-quer {
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8; 
	width: 946px; 
	margin-top:5px; 
}



.opacity25 {opacity:0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; filter:alpha(opacity=25); zoom:1}
.opacity50 {opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:alpha(opacity=50); zoom:1}
.opacity75 {opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; filter:alpha(opacity=75); zoom:1}
.opacity100 {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100); zoom:1}
.opacityOff {zoom:1}
.opacityOff:hover {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100); zoom:1}



.bg_gerade {
	background: #fff;
}
.bg_gerade:hover {
	background: #ffffcf;
}
.bg_ungerade {
	background: #ECF6FC;
}
.bg_ungerade:hover {
	background: #ffffcf;
}

#quote {
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius: 8px 8px;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
background: none repeat scroll 0 0 #f8f8f8;
padding: 5px 15px 5px 15px;
}