@charset "utf-8";

body { background: #929292; font-family: Arial, sans-serif; font-size: 12px; overflow-y: scroll; }

h1, h2, h3, h4, h1 p, h2 p, h3 p, h4 p { font-family: "Times New Roman", serif; font-style: italic; color: #e2007a; text-align: right; float: right; }
h1, h1 p { font-size: 34px; line-height: 40px; margin-bottom: 20px; }
h2, h2 p { font-size: 28px; line-height: 32px; margin: 20px 0 10px; width: 100%; }
h3, h3 p { font-size: 20px; line-height: 22px; margin: 20px 0 10px; width: 590px; }
h4, h4 p { color: #999; font-size: 28px; border-bottom: 1px solid #999; width: 100%; }


.pink { color: #E2007A; }

p { font-size: 13px; line-height: 18px; color: black; clear: both; }

a, a:hover, a:visited, a:link {
	text-decoration: underline;
	color: #005189;
	outline: none;
}


strong { font-weight: bold; }

#newsletterform { display: block; height: 200px; }
#newsletterform td { padding-left: 30px; }
#newsletterform p { font-size: 11px; margin-bottom: 10px; text-align: right; width: 300px; }
input.text { display: block; text-align: right; float: right; margin-bottom: 5px; width: 250px; font-size: 11px; color: #333; }
#contactform input.text { text-align: left; }
#contactform .textarea { width: 500px; }
input.submit-button { 
	color: white; 
	width: 100px; 
	height: 20px; 
	border: 1px solid #333; 
	background: #999; 
	padding-bottom: 3px; 
	clear: both; 
	float: right; 
	margin-top: 25px;
        line-height: 18px;
        cursor: pointer;
}
.textarea { width: 425px; height: 70px; }

.errormessage { color:#e2007a; font-weight:bold; line-height:17px; padding-left:5px; display: block; }
.confirm-field { color: green; font-weight: bold; padding: 8px 0 5px 45px; clear: both; display: block;}


#site { width: 960px; margin: 0 auto; background: white; }

#logo { height: 45px; padding: 10px 0 5px 30px;}


#mainnavi { height: 40px; margin-bottom: 7px; background: #e2007a; }
#mainnavi a,
#mainnavi a:hover,
#mainnavi a:visited { font-size: 14px; font-weight: bold; color: white; text-decoration: none; }
#mainnavi a:hover,
#mainnavi a.selected  { font-size: 16px; }
#mainnavi li { float: left; width: 137px; height: 14px; text-align: center; padding-top: 12px; }
#mainnavi .navidot { font-size: 26px; line-height: 13px; }

#subnavi-area { height: 290px; padding-right: 10px; background: #f2f2f2; position: relative; text-align: right; }
#subnavi-area p { text-align:left; }
#subnavi-area .headline { font-family: Arial, sans-serif; font-size: 70px; line-height: 60px; color: #c0c9dc; position: absolute; right: 10px; bottom: 25px; width: 320px; padding-top: 10px; }

#subnavi { position: absolute; right: 15px; bottom: 120px; }
#subnavi a { font-size: 14px; text-decoration: underline; color: #005189; display: block; margin-top: 5px;  }
#subnavi a:hover, 
#subnavi a.selected,
a:hover, a.selected { color: #e2007a; }


#content { overflow: hidden; margin: 40px 0 50px; }
#content-left { float: left; width: 600px; padding-left: 20px; }
#content-left p,
#content-left .absatz { display: inline-block; margin: 5px 0; }
#content-left .pink + p { display: inline; }
#content-right { float: right; width: 300px; padding: 30px 10px 0 0; }

#content li { font-size: 13px; margin: 15px 30px; list-style-type: disc; list-style-image: url('/media/media/getMedia.do?media_id=7092'); }

#erfolgsstimmen { background: transparent url('/media/media/getMedia.do?media_id=7063') no-repeat left top; padding: 100px 0 10px; margin-top: 40px; font-size: 11px; line-height: 16px; }
#geschenkt { background: #ccc url('/media/media/getMedia.do?media_id=7064') no-repeat left top; padding: 105px 5px 10px; margin-top: 40px; }
#richtige { background: #ccc url('/media/media/getMedia.do?media_id=7065') no-repeat left top; padding: 105px 5px 10px; margin-top: 20px; }
.erfolgsstimme-odd { background: #ccc; padding: 5px; overflow: hidden; }
.erfolgsstimme-even { background: #f2f2f2; padding: 5px; overflow: hidden; }
#erfolgsstimmen .title { font-weight: bold; color: #005189; }
#erfolgsstimmen .readmore,#erfolgsstimmen .close  { color: #333; cursor: pointer; text-decoration: underline; }
#erfolgsstimmen p.teaser { color: black; }

#impressum { margin-top: 20px; text-align: right; }
#impressum p { margin: 25px 0; }

#footer { height: 50px; line-height: 50px; background: #e2007a; text-align: center; color: white; clear: both; }
#footer a , #footer a:hover, #footer a:link { color: white; }

.float-right { float: right; }
.float-left { float: left; }
.clear-float { clear: both; }
.overflow-auto { overflow: auto; }