/* SESSION:   ../css/style.css */@charset "utf-8";
/* CSS Document */

html, body {
overflow-x: hidden;	
}

body {
	background-image: URL("../images/bg_body.jpg");
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 14px;
}

p, h2 {
	margin: 0;
	padding: 5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 14px;
}

h1 {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #f09315;
text-transform: uppercase;
font-size: 18px;
}

h2 {
margin: 13px 0 0 0;
padding: 0;
color: #f09315;
text-transform: uppercase;
font-size: 16px;
text-align: center;
}

.schwanger{
	background-image: url(../images/frauschwanger.jpg");
   background-position: right bottom; /*Positioning*/
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

.info {
margin: 13px 0 0 0;
padding: 0;
color: #f09315;
text-transform: uppercase;
font-size: 16px;
text-align: left;
}

.subtitle {
margin: 0;
padding: 5px 0 0 0;
color: #343434;	
text-transform: uppercase;		
text-align: center;
}

#headline-kontakt p {
font-weight: bold;
color: #fff;	
font-size: 14px;
padding: 8px 0 0 30px;
}

#headline-right p {
font-weight: bold;
color: #fff;	
font-size: 14px;
padding: 8px 0 0 0;	
}

.headlineStartseite {
font-size: 38px;	
line-height: 45px;
color: #000;
margin: 35px 0 0 61px;
}

.subtext {
width: 330px; 
margin: 0 0 0 61px;
color: #000;
font-size: 14px;
line-height: 15px;	
}

hr { 
color: #000;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid #fff;
border-left: none;
}


/*------------------- Layout ---------------------*/


.wrapper {
width: 100%;
height: auto;
}

#header {
background-image:URL("../images/bg_header.png");	
width: 1024px;
height: 121px;
margin: 0 auto;
}

#logo {
float: left;
width: 173px;
height: 80px;
background-image:URL("../images/bg_logo.png");
margin-left: 21px;	
} 


#btn_start {
background-image:URL("../images/btn_start.png");
width: 165px;
height: 50px;
margin: 30px 0 37px 61px;
}

/* Menü */
#btn_home {
background-image:URL("../images/btn_home.png");
float: right;
}

#btn_info {
background-image:URL("../images/btn_info.png");
float: right;	
}

#btn_textvorlagen {
background-image:URL("../images/btn_textvorlagen.png");
float: right;	
}

#btn_demos {
	background-image:URL("../images/btn_demos.png");
	float: right;
	margin-right: 22px;
}
	
#btn_warenkorb {
background-image:URL("../images/btn_warenkorb.png");
float: right;
position: relative;
margin-right: 22px;	
}

.btn {
width: 110px;
height: 90px; 
}


a:active, a:link, a:visited {
color: #fff;	
text-transform: uppercase;	
text-align: center;
text-decoration: none;
font-weight: normal;	
}

a:hover {
font-weight: bold;	
}

.btn p {
color: #fff;
vertical-align: bottom;	
margin: 60px 0 0 0;
font-size: 14px;
}


#content2 {
position: absolute;
left:0;
top:100;
width: 1024px;
min-height: 500px;
height: auto;
background:URL("../images/bg_wellen.png") no-repeat;
z-index: 99;
}


#content {
position: relative;
width: 1024px;
min-height: 500px;
height: auto;
margin: 0 auto;
background:URL("../images/bg_wellen.png") no-repeat;
z-index: 2;
}

#bg_verlauf {
width: 1024px;	
height: 104px;
background:URL("../images/bg_verlauf.png") no-repeat;
z-index: 1;
}



#left {
float: left;	
}

/*oranger Balken links*/
#title_left {
width: 364px;
height: 30px;
background:URL("../images/bg_title_left.png");	
}	

#right {
float: right;	
}

#person_startseite {
background: URL("../images/person.png");	
width: 508px;
height: 548px;
margin: -6px 22px 0 0;
}

/*roter Balken rechts*/
#title_right {
width: 660px;
height: 30px;
background:URL("../images/bg_title_right.png");	
}

#mainframe {
min-height: 200px;
background: rgba(250,250,250,.6);	
width: 638px;
}

#informationsText {
margin: 15px 13px; 
padding: 13px 18px;	
}

#informationsText h1, #informationsText .subtitle {
text-align: center; 	
}

#login {
position: relative;
width: 330px;
min-height: 70px;
height: auto;
background: rgba(250,250,250,.6);
margin: 15px 0 15px 21px;	
padding: 15px 0 ;	
}

.loginBtn {
padding: 15px 18px 10px 20px;
float: right; 
}

a.register {
color: #fff;
font-weight: normal; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
background:#ffca92;
padding: 10px 15px;
}

a.login  {
color: #fff;
font-weight: normal; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
background: #f2a435;
padding: 10px 20px;
}

a:hover.register, a:hover.login  {
text-decoration: underline;	
background:#f1930b;
}

#kontakt {
position: relative;
width: 330px;
min-height: 127px;
height: auto;
background: rgba(250,250,250,.6);
margin: 15px 0 15px 21px;	
}

#kontaktImg {
	width: 250px;
	float: left;
	margin-left: 30px;
}

#kontakt img {
float: right;
 margin: 13px 0 0 0;
}

#kontaktText {
	position: relative;
	float: right;
	width: auto;
	text-align: center;
	margin-top: 255;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#phone {
max-width: 351px;
height: 158px;
background:URL("../images/bg_phone.png");	
}

#callback {
width: 330px;	
height: auto;
background: rgba(250,250,250,.6);
margin: 15px 0 15px 20px;
padding: 0 ;
}

#callbackText {
margin: 10px 0;
padding: 0;	
}

#callbackText h2 {
padding: 10px 0 0 0;
}

.formDesc {
float: left;
width: 70px;
margin: 0;
padding: 10px 20px;	
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
line-height: 14px;
}

.form {
	float: right;
	width: 190px;
	height: 30px;
	border-radius: 3px;
	-webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,.3), 3px 3px 3px #fff;
	-moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,.3), 3px 3px 3px #fff;
	-box-shadow: inset 1px 2px 3px rgba(0,0,0,.3), 3px 3px 3px #fff;
	margin-top: 1px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0;
}

.msg {
height: 60px;
margin-bottom: 20px;	
}

#footer {
width: 1024px;
height: 77px;	
background:URL("../images/bg_footer.png") no-repeat;
}

#footer p {
font-size: 14px;	
}

#footer a {
color: #333333;	
font-weight: normal;
}

#footer a:hover {
text-decoration: underline;	
}

#content a {
color: #333333;	
font-weight: normal;
}

#content a:hover {
text-decoration: underline;	
}

#footerTextLeft {
float: left;
padding: 13px 0 0 40px;
}
#footerTextRight {
float: right;	
text-align: right;
padding: 13px 40px 0 0;
}