html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family:Univers, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
	font-family:Univers, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =========================================================================================================== */

/* application css */
.konto_language_icon{
    margin-top: 5px;
}

/* =========================================================================================================== */

.save_button_konto save_button{
    width: 150px;
}

.kopf{	
	background-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-color:#868889;
	border-bottom-width:1px;
}

.rumpf{
	background-image:url("/themes/rogator_new/images/background-gradient.jpg");
	background-repeat:repeat-x;
}

.login_element_flag img { margin-top: 10px; }

hr {
    border: 1px dotted #565656;
    margin-bottom: 20px;
}
/* CONTENTBEREICHE */
.cicontainer{
	width:980px;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}
.contentcontainer{
background-color: #FFFFFF;
	width: 950px;
	border-style: solid;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
    font-size: 12px;
}
.navicontainer{
	margin-left:auto;
	margin-right:auto;
}
.hauptbereich{
	clear:both;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.messagecontainer{
	clear:both;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 30px;
}
.logincontainer{
	height:38px;
	width:100%;
	z-index:-20;
}
.loginbereich{
	text-align:right;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.bannercontainer{
	background-color:#FFFFFF;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.hauptmenu{
	margin-left:auto;
	margin-right:auto;
}
.footcontainer{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
}
/* =========================================================================================================== */

/* Inhalt der Seite */
/* Die Überschrift der jeweilige Seite */
.caption{
	font-family: Univers, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	margin-left: 0;
	padding-top: 50px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 25px;
}
.content{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 15px;
}
.descriptionbox{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin-left:0px;
	margin-right:15px;
	padding-bottom: 15px;
	clear: both;
}

.bannerbereich{
}

/* =========================================================================================================== */

/* Platzhalter "UMFRAGEN" im Teilnehmer-Bereich */
#surveys_outer{
	float: left;
	width: 30%;
	margin-left: 0px;
}
.surveys_header{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #EAEAEA;
	padding-left: 10px;
	width: 275px
}
.surveys_innerbox{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 200px;
	overflow-y: auto;
}
/* Platzhalter "NEWS" im Teilnehmer-Bereich */
#news_outer{
	float: left;
	width: 645px;
	margin-left: 0px;
}
#news_label{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	font-weight: bold;
	background-color: #EAEAEA;
	padding-left: 10px;
	width: 632px;
}
#start_news{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin-left:15px;
	margin-right:15px;
	border: 1px solid #CCCCCC;
    width: 620px;

}
.newsparagraph{
	font-weight: bold;
	margin-top: 15px;
	border-bottom-style: solid;
	border-width: 1px;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}

/* =========================================================================================================== */

/* KontoBereich für den Account/TN */
.konto_content{
	margin-left: 0px;
	margin-bottom: 30px;
}

/* Profil und Merkmale */
.propertyueber{
	margin-left: 15px;
	margin-bottom: 30px;
}
.propertyfieldsetlegend{
	background-color: #EAEAEA;
	width: 880px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
    padding:5px;
}

.profil_property_label{
	float: left;
	width: 150px;
	background-color: #F6F6F6;
	vertical-align: middle;
	padding-left: 15px;
	font-weight: bold;
	margin-right: 10px;
}
.save_button_profil_box{
	clear: both;
	padding-bottom: 15px;
}

/* Prömien-Bereich*/
.praemien_kontostand{
	font-weight: bold;
	margin-left:15px;
}
.bonusbox{
	font-size:13px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}
.bonuslabel{
	background-color: #F6F6F6;
	font-weight: bold;
	width: 220px;
	padding: 1px;
}
.bestellen_link_box{
	display: inline;
	width: 150px;
	font-weight: bold;
	font-size: 20px;
}
.bonus_link_box{
	text-align: right;
	color:#CCCCCC
}

/* Dokumente */
.filetable{
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 950px;
	font-size: 12px;
}
.fieldtablehead{
	font-weight: bold;
	background-color: #F6F6F6;
}
.filebox{
	border: 1px solid;
	border-color: #F6F6F6;
	padding: 10px;
}

/* Punktetabellen */
.punktetable{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	width: 925px;
	font-size: 12px;
}
table .punkteplus{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	width: 925px;
	font-size: 12px;
}
table .punkteminus{
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	width: 925px;
	font-size: 12px;
}
.punktebox{
	border-style: none;
	padding-top: 6px;
}
.punkteamount_text{
	font-weight: bold;
	text-align: right;
}
.punkteamount{
	padding-right: 30px;
	font-weight:bold;
}
.punktehead{
	font-weight: bold;
	background-color: #F6F6F6;
}
.punkterow{
	border-bottom: 1px solid;
	border-bottom-color: #eeeeee;
	height: 30px;
}
.punkterow:nth-child(2n){
	background-color: #fafafa;
}
.punkterow:last-child{
	border-bottom: 1px solid;
	border-bottom-color: #d2d2d2;
}
.punktebody.punkterow:first-child{
	border-top: 1px solid;
	border-top-color: #d2d2d2;
}
table.punkteplus, table.punkteminus {
	width: 925px;
}
tbody .punkteplus.punktepunkte:before {
	content: "+";
}
.punktedatum {
	padding-left: 30px;
}
td.punktedatum {
	width: 100px;
}
td.punkteaktion {
	width: 320px;
}
td.punktepunkte {
	text-align: right;
	width: 90px;
	padding-right: 30px;
}

/* =========================================================================================================== */

/* ANMELDEN LEISTE */
label{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.anmelden_leiste{
	height:38px;
	width:980px;
	background-color:#FFFFFF;
}
.selbstregistrierung{
    margin-left:0px;
    margin-top:4px;
}
.login_field{
    margin-left:30px;
    margin-top:5px;
    margin-bottom:6px;
}
.email_login{
    background-color: #FFFFFF;
    float: right;
    height: 30px;
    margin-right: 30px;
	margin-top: 5px;
}
.passwort_login{
	float: right;
	background-color: #FFFFFF;
	height: 30px;
	margin-right: 13px;
	margin-top: 5px;
}
.button_login{
	float:right;
	background-color:#FFFFFF;
	width: 100px;
	height: 23px;
	margin-top: 6px;
}
.registrieren_login{
    float: right;
    clear: both;
}
.login_cell_box {
	display: inline-block;
	text-align: right;
	width: 500px;
	margin-top: 30px;
}
.login_username{
	width: 280px;
}
.login_password{
	width: 280px;
}
.forgotten{
	margin-right: -43px;
}
.login_cell_box > a.forgotten {
	display: inline;
}
.login_cell_box > .login_cell_submit {
	margin-top: 40px;
	float: right;
}
.login_element_flag{
	display: block;
}

.abmelden{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

/* =========================================================================================================== */
/* Navigation */
.navibutton{
	float:left;
	margin-right:10px;
}

/* =========================================================================================================== */
/* Promotion-Fenster */
#promotion_outer{
	font-size:12px;
}
#opt_in_gender{
	width: 202px;
}
.promotionrow_normal{
	width: 99%;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}
.send_button_promotion{
	float: left;
	height: 25px;
	margin-top: 15px;
}

/* =========================================================================================================== */

/** FOOTER **/
#footer {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:980px;
	height:200px;
	background-color: #eaeced;
	margin-bottom: 15px;
}
#footer .tuev {
	background: url(../images/tuev.png) no-repeat right center;
	height: 48px;
	width: 50px;
	display: block;
	float: right;
}
#footer .trenner {
	border-top: 1px solid #b6b8b8;
	margin-bottom: 20px;
}
#footer .title, #footer ul li a {
	font-family:Univers, Arial, Helvetica, sans-serif;
	color: #6f7072;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 300;
}
#footer .title a, #footer .title  {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 15px;
}
#footer li {
	font-family:Univers, Arial, Helvetica, sans-serif;
	padding: 0;
}
#footer li a {
	font-family:Univers, Arial, Helvetica, sans-serif;
	display: block;
	line-height: 22px;
}
#footer a:hover {
	font-family:Univers, Arial, Helvetica, sans-serif;
	color: #e2001a;
}

/** FOOTER SUB **/
#footer_sub {
	width:980px;
	height:50px;
	background-color: #eaeced;
	line-height: 50px;
	margin-bottom: 25px;
}
#footer_sub p {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 50px;
	margin-right: 10px;
}
#footer_sub ul li {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin: 0 5px;
	padding: 0;
}
#footer_sub ul li a {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-size: 12px;
	padding: 23px 0;
}
#footer_sub .social {
  display: inline-block;
  float: right;
}
#footer_sub .social li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
#footer_sub .facebook {
  background: url(../Images/facebookicon.jpg) no-repeat center center;
  height: 19px;
  width: 19px;
  display: block;
}
#footer_sub .google {
  background: url(../Images/googleicon.jpg) no-repeat center center;
  height: 19px;
  width: 19px;
  display: block;
}
#footer_sub .news {
  background: url(../Images/newsicon.jpg) no-repeat center center;
  height: 19px;
  width: 36px;
  display: block;
}

/* =========================================================================================================== */

/* REGISTRY BOXES */
.newuser{
	float: left;
}
.member{
	float: right;
}
.newuser_box{
	border-bottom: #d2d2d2 1px solid;
	text-align: left;
	border-left: #d2d2d2 1px solid;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 470px;
	padding-right: 10px;
	font-size: 13px;
	border-top: #d2d2d2 1px solid;
	border-right: #d2d2d2 1px solid;
	padding-top: 10px;
	height:270px;
	margin-top:10px;
	}
.member_box{
	border-bottom: #d2d2d2 1px solid;
	text-align: left;
	border-left: #d2d2d2 1px solid;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 470px;
	padding-right: 10px;
	font-size: 13px;
	border-top: #d2d2d2 1px solid;
	border-right: #d2d2d2 1px solid;
	padding-top: 10px;
	height:270px;
	margin-top:10px;
	}
.newuser_box_empty{
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 400px;
	padding-right: 10px;
	font-size: 13px;
	height:260px;
}

/* =========================================================================================================== */
/* BAUSTEINE */
.left{
	margin-top: 77px;
	float:left;
}
.right{
	float:right;
}

#password{
	margin-top: 3px;
	width: 152px;
}
#username{
	margin-top: 3px;
	width: 153px;
}

/* Impressum */
.imp{
	background-color:#FFFFFF;
	font-weight:bold;
}

/* Login */
.content_login{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	text-decoration:none;
	padding:2px;
	height:20px;
	width:220px;
	font-weight:bold;
}

/* Button in Login-Maske */
.content_login_button{
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	text-decoration:none;
	background-color:#EAEAEA;
	padding:0px;
	height:20px;
	width:80px
}

/* Input-Felder allgemein */
.input{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
/* Kein Kasten im Images oder Links /*
a img {
border: none;
}

/* Farbe eines Links */
a {
	color: #e2021b;
	text-decoration: none;
}
.prop_div select{
	width: 272px;
	margin-left: 2px;
}

/* =========================================================================================================== */

/* Input-Feld, das fehlerhaft ausgefüllt ist */
.fieldWithErrors {
	display: inline;
}

/* Fehleranzeige */
#errorExplanation {
	width: 400px;
	border: 2px solid #CF0000;
	padding: 0 0 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: 0;
	background-color: #c00;
	color: #fff;
}
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 8px;
}
#errorExplanation ul {
	margin: 2px 24px;
}
#errorExplanation ul li {
	font-size: 12px;
	list-style: disc;
}

/* =========================================================================================================== */

/* Registrierungslink (unter Login) */
#reglinkspan {
	float: right;
}
#reglink {
	font-family:Univers, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	text-decoration:none;
	font-weight:bold;
}

/* Länderflaggen */
img.locale {
	float:left;
	padding-left: 5px;
}

/* Selbstregistrierung */
/*#opt_in_vorname,#opt_in_nachname,#opt_in_password,#opt_in_email {*/
/*width: 210px !important;*/
/*}*/

/* =========================================================================================================== */
/* Column Classes */
  .row .one.column, .row .one.columns, .sixteen.colgrid .row .one.columns {
    width: 6.46259%;
	background-color: #eaeced;
  }
  .row .two.columns {
    width: 14.6%;
  }
  .row .twelve.columns {
    width: 980px;
  }
  
/* =========================================================================================================== */
 
.row {
    background-color: #eaeced;
	width:980px;
	max-width: 980px;
	min-width: 980px;
	margin: 0 auto;
	list-style: none;
}

.column, .columns {
	margin-left: 2.04082%;
	float: left;
	min-height: 1px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.column:first-child, .columns:first-child, .alpha {
	margin-left: 0px;
}
.info_pwd{
    position: relative;
    top: -25px;
    left: 280px;
    width: 20px;
    height: 20px;
}

.contact-form {
    padding: 10px;
}

.contact-form > label, .contact-form > input {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-form > label {
    width: 200px;
    float: left;
}

.contact-form > textarea {
    width: 190px;
    height: 100px;
}