@CHARSET "UTF-8";
/**
 * Basis-Styles.
 *
 * @created 07 2009
 * @creator Sophie Schwalbe
 * @version $Revision: $
 * @author $Author: $
 * @date $Date: $
 * @packagge: qrw
 * @subpackagge: css.basis
 */


/* ____________________________________________________________
 *
 *   Basis
 *
 * ------------------------------------------------------------
 */

body {
	/* 10px == 0.5em IE-ready */
	font-size: 125%;
	background-color: #333333;
}

* {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1em;
	font-size: 1em;
}

input, textarea, legend, select, address, td {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.7em;
font-style:normal;
font-weight:normal;
line-height:1.2em;
}

.clr {
	clear: both;
}

.acc {
	height: 1em;
	left: -400em;
	overflow: hidden;
	position: absolute;
	width: 100em;
}

.clrexpander {
	display: none;
	line-height: 0;
}


/* ____________________________________________________________
 *
 *   Standard Inline Styles
 *
 * ------------------------------------------------------------
 */
 
/* Alle Standard-Blockelemente mit CDATA-Blöcke (Textinhalte). */
h1, h2, h3, h4, h5, h6, p, dt, dd, .cdata, label, input, textarea, legend, select, address, td {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
}
.struct,
p.struct {
	font-size: 0.87em;
}

/** Überschriften **/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 1.05em;
	font-size: 1.5em;
	color: #333333;
}

h1 {
	font-weight: bold;
	margin-bottom: 1.05em;
	font-size: 1.5em;
	color: #333333;
}

h2 {
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.0em;
	color: #333333;
	
}

h3 {
	font-weight: bold;
	margin-bottom: 1.05em;
	font-size: 1em;
	color: #333333;
}


h4, h5, h6 {
	font-size: 0.9em;
	font-weight: normal;
}


/** Text-Links **/
a {
	text-decoration: underline;
	color: #000000;
}
a.active {
}

/** Absätze **/
p {
	margin-bottom: 0.7em;
}

/** Addressen **/
address {
	margin-left: 0.6em;
}

blockquote,
blockquote * {
	font-family: "Times New Roman", Times, serif;
}
q {
	font-style: italic;
}


/* ____________________________________________________________
 *
 *   Layout
 *
 * ------------------------------------------------------------
 */
 
 .stage {

 }
 
 
.header_wrap,
.navigation_wrap,
.content_wrap,
.footer_wrap {
	text-align: center;
} 

.header,
.navigation,
.content,
.footer {
	margin: 0 auto;
	width: 48em;
	text-align: left;
} 

.header_wrap {
	background-color: #EFEFEF;
	height: 7.1em;
}

.logo a {
	height: 4.5em;
	width: 14.45em;
	display: block;
}
.logo a img {
	height: 100%;
}

.header {
	padding-top: 1.3em;
}
.header .logo {
	float: left;
}
.header .cite {
	float: right;
	width: 12em;
}
/* ____________________________________________________________
 *
 *   Hauptnavigation
 *
 * ------------------------------------------------------------
 */
 
.navigation_wrap {
	height: 2.8em;
	overflow: hidden;
}
.navigation {
	background-image: url('../pixel/bg_nav.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
}
.navigation ul {
	white-space: nowrap;
}
.navigation li {
	border-right:1px solid #666666;
	display:block;
	float:left;
	padding-left:1.55em;
	padding-right:1.55em;
}


.navigation li.first {
	border-left:1px solid #666666;
}
.navigation li dl {
	display: block;
	padding-top: 1.1em !important;
	padding-top: 1.2em;
	padding-bottom: 2em;
}
.navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}

.navigation li a:link, .navigation li a:visited {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}


/*.navigation li a:active {
	color: #00FFFF;
	text-decoration: none;
	white-space: nowrap;
}

.navigation li a.active:link, .navigation li a.active:visited, .navigation li a.active:active, .navigation li a.active:hover {
color: #fff;
	text-decoration: none;
	white-space: nowrap;
}*/

.navigation li dl dt a {
	text-transform: uppercase;
	font-size: 1.167em;
	line-height: 1.167em;
}
.navigation li dl dd a {
	font-size: 0.917em;
	line-height: 0.917em;
	color: #C9CCCC;
}
.navigation li.login {
	background-color: #90AA00;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url('../pixel/bg_nav_login.gif');
}

/* ____________________________________________________________
 *
 *   Contentstruktur
 *
 * ------------------------------------------------------------
 */

.content_wrap {
	background-color: #EFEFEF;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

/* ____________________________________________________________
 *
 *   Contentstruktur - zweispaltig
 *
 * ------------------------------------------------------------
 */
.content .layout_2_2 {
	background-image: url('../pixel/separator.gif');
	background-repeat: repeat-y;
	background-position: center;
}
.content .layout_2_2 .layout_c1 {
	width: 50%;
	float:left;
}
.content .layout_2_2 .layout_c1 .layout_c_inner {
	padding-right: 2em;
}
.content .layout_2_2 .layout_c2 {
	margin-left: 50%;
}
.content .layout_2_2 .layout_c2 .layout_c_inner {
	padding-left: 2em;
	margin-left: 0 !important;
	margin-left: -0.3em;
}

.content .layout_adm {
margin-bottom: 0em;
position:relative;
top:-0.3em;

}

.content .layout_adm h3 {
border-bottom:1px solid #CCCCCC;
color:#333333;
display:block;
font-size:1em;
margin-bottom:0.5em;
padding-bottom:1.3em;
}

.buttonwrap_login input.button {
background-image:url("http://my.qrgold.com/static/de_DE/layout/pixel/button_login.gif");
}

input.button {
background-color:transparent;
background-image:url("http://my.qrgold.com/static/de_DE/layout/pixel/button_next.gif");
background-position:left top;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
height:100%;
padding-top:4em;
width:100%;
}

/* ____________________________________________________________
 *
 *   Content
 *
 * ------------------------------------------------------------
 */
 
 .liste {
 width: 380px;
 margin-left: 15px;
 }
 
 .fettheadline {
 font-size: 75%;
 font-weight:bold;
 margin-bottom: 5px;
 margin-top: 10px;
 }
 
.liste li{
font-size: 75%;
 list-style-image: url('../pixel/list_icon.png');
 list-style-position: 5px;
 line-height: 1.3em;
 }

/* ____________________________________________________________
 *
 *   Footer
 *
 * ------------------------------------------------------------
 */
.footer_wrap {
	padding-top: 2.4em;
}





/* ____________________________________________________________
 *
 *   Tabellen
 *
 * ------------------------------------------------------------
 */

table {
	border-collapse: collapse;
}
tr.odd {
	background-color: #f7f7f7;
}
td {
	padding: 0.8em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-style: solid;
	border-width: 1px;
	border-color: #DADADA;
}
thead td {
	padding-top: 0.9em;
	padding-bottom: 1em;
	font-weight: bold;
	white-space: nowrap;
}
thead td a span.orderdesc,
thead td a span.orderasc {
	padding-right: 0.8em;
	background-repeat: no-repeat;
	background-position: right bottom;
}
thead td a span.orderdesc {
	background-image: url('../pixel/arrow_desc.gif');
}
thead td a span.orderasc {
	background-image: url('../pixel/arrow_asc.gif');
}
 

/* ____________________________________________________________
 *
 *   Startseite
 *
 * ------------------------------------------------------------
 */
 
 .container-headline {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-weight: bold;
 font-size:16px;
 color: #333;
 margin-bottom: 10px;
 }
 
 
 .container-text {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 12px;
 
 }
 
 .readmore {
 margin-top: 15px;
 
 }
 
 .container-image {
 
 }
 
  
 .container3-image {
 float: left;
 width: 120px;
 
 }
 
 /*Container 1*/
 
 .container1-row1 {
 width: 100%;
 height: 130px;
 padding-top: 10px;
 margin-top: 20px;

 
 }
 
  .container1-col1 {
  padding: 5px;
  width: 125px;
  float: left;
 
 }
 
 .container1-col2 {
  padding: 5px;
  width: 125px;
  float: left;
 
 }
 
 .container1-col3 {
  padding: 5px;
  width: 125px;
  float: left;
 
 }
 
 .container1-col4 {
  padding: 5px;
  width: 125px;
  float: left;
 
 
 }
 
 .container1-col5 {
  padding: 5px;
  width: 330px;
  float: right;
 
 }
 
  /*Container 2*/
 
 .container2-row2 {
 width: 100%;
 height: 150px;
 border-top: 1px #ccc solid;
 padding-top: 10px;
 clear:both;
 
 }
 
 .container2-col1 {
  padding: 5px;
  width: 215px;
  float: left;
  margin-right: 15px;
 
 }
 
 .container2-col2 {
  width: 215px;
  float: left;
  padding: 5px;
 
 }
 
 .container2-col3 {
  padding: 5px;
  width: 215px;
  float: left;
 
 }
 
 .container2-col4 {
  padding: 5px;
  width: 215px;
  float: left;
 
 }
 
 .container2-col5 {
  padding: 5px;
  width: 250px;
  float: right;
 
 }
 
  /*Container 3*/
  
 
 .container3-row2 {
 width: 100%;
 height: 150px;
 border-top: 1px #ccc solid;
 padding-top: 10px;
 
 }
 
 .container3-col1 {
    width: 250px;
  float: left;
  margin-right: 15px;
  padding: 5px;
  margin-bottom: 10px;
 
 
 }
 
 .container3-col2 {
    width: 250px;
  float: left;
  margin-right: 15px;
  padding: 5px;
    margin-bottom: 10px;
 
 }
 
 .container3-col3 {
	padding: 5px;
 	width: 250px;
  	float: left;
    margin-bottom: 10px;
 
 }
 
 .container3-col4 {
  padding: 5px;
   width: 250px;
  float: left;
  margin-right: 15px;
 
 }
 
 .container3-col5 {
  padding: 5px;
  width: 250px;
  float: right;
 
 }
 
 
 
 /*Footer*/
 
 .footer {
 height: 130px;
 width: 1005px;
 margin-top: 2px;
 }
 
 
 .footer_wrap {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-right: 0.8em;
}
.footer ul {
	display: block;
}
.footer li {
	float: left !important;
	float: none;
	display: block !important;
	display: inline;
	height: 6.15em;
	width: auto;
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 1.6em;
	margin-right: 1.6em;
	overflow: hidden;
}
.footer li a {
	display: block;
	padding-left: 100%;
	line-height: 30px;
}
.footer li.goldenalligator {
	width: 25em;
	height: 65px;
	background-image: url('../pixel/powered_by_golden-alligator.gif');
}
.footer li.twitter {
	width: 24.65em;
	background-image: url('../pixel/follow_on_twitter.gif');
}
.footer li.facebook {
	width: 23.3em;
	background-image: url('../pixel/find_on_facebook.gif');
}
.footer li.contact {
	width: 24.4em;
	background-image: url('../pixel/contact_and_imprint.gif');
}

.twelf_reasons_left {

	float:left;
	width: 650px;
	border-right: 1px solid #ccc;
	}
	
.twelf_reasons_right {

	float:right;
	width: 250px;
	}
	
	
.twelf_reasons_all {

	width: 100%;
	}
	
.twelf_reasons_clear {
 	clear: both;
}

.twelf_reasons_right_headlines {

float:right;
margin-right: 95px;

}


.twelf_reasons_right_headline {
font-family:Arial,Verdana,Helvetica,sans-serif;

font-size: 18px;
font-weight:bold;
color: #333;

}

.twelf_reasons_right_subheadline {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
color: #666;
margin-top:2px;

}

.twelf_reasons_right_readmore {
margin-top: 5px;
margin-bottom: 5px;

}

.container3-row1 {
margin-top: 5px;
}

/* Navigation
-------------------------------------------------------------- */

#access {
	background-image: url('../pixel/bg_nav.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
}
#header {
	width: 960px;
	margin: 0 auto;
}



#menu {
	height: 2.8em;
	overflow: hidden;
}
#menu ul {
	display: block;
	list-style: none;
}
#menu ul li {
	display: block;
	float:left;
	border-left:1px solid #666666;
	padding-left:1.55em;
	padding-right:1.55em;
	font-size: 14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
#menu ul li.current_page_item {
	background-color: #7A7A7A;
	background-image: url('../pixel/bg_nav-active.gif');
	background-position: left top;
	background-repeat: repeat-x;
}
#menu li.login {
	background-color: #90AA00;
	background-image: url('../pixel/bg_nav_login.gif');
	background-position: left top;
	background-repeat: repeat-x;
}
#menu li dl {
	display: block;
	padding-top: 1.1em !important;
	padding-top: 1.2em;
	padding-bottom: 2em;
}

#menu a {
	color: #fff;
	text-decoration: none;
}
#menu li dt,
#menu li dd {
	font-size: 0.86em;
}
#menu li dt a {
	text-transform:uppercase;
	font-size: 1.167em;
	line-height: 1.167em;
}
#menu li dd a {
	color: #C9CCCC;
	font-size: 0.917em;
	line-height: 0.917em;
}