/* Start CSS Reset */
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,
b, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset */

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu.eot'); /* here you go, IE */
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu.ttf') format('truetype');
}

body {
    color: #505050;
    font-family: Arial, Helvetica;
    font-size: 14px;
    line-height: 1.5em;
    _background: #F1F1F1 url('images/bg.gif') repeat-x;
    background: rgba(146, 134, 43, 0.6);
}

a {
    color: #066196;
    text-decoration: underline;    
}

a:hover {
    color: #066196;    
    text-decoration: none;
}

p {
    /* deaktiviert da ansonsten Probleme mit Tooltips Darstellung */
    _padding: 0 0 10px 0;
}

b,
strong {
    font-weight: bold;
}

ul.horizontal-list li {
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    background: url('images/divider.gif') no-repeat right 7px;
}

ul.horizontal-list li.last {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

h1, h2, h3, h4, h5, h6 {
    padding: 10px 0 10px 0;
    line-height: 1.4;
    color: #151515;
    _font-family: 'Ubuntu';  /* Deaktiviert, ansonsten ist Schrift falch in IE auf Datacenter*/
}

h1 {
    font-size: 20px;
    _font-size: 34px;
}

h1.first {
    padding-top: 0;
}

h2 {
    font-size: 19px;
    _font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

/* Runden Ecken für die Feldern - Phirents GmbH */
input,
button,
select,
textarea {
    width: 300px;
    padding: 7px 12px 8px 12px;
    margin: 0;
    color: #7D7D7D;
    font-family: Arial;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 4px;   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 4px;      /* Firefox 1-3.6 */ 
    border-radius: 4px;           /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */    
    background: #FFFFFF;
    outline: 0;
}

select {
    width: 326px;
    padding: 6px 6px 7px 10px;
}

/* Rahmen und Hintergrund bei Formular Feld bei hover + Runden Ecken für die Feldern - Phirents GmbH */
input:hover,
select:hover,
textarea:hover {
    border: 1px solid #BBBBBB;
    -webkit-border-radius: 4px;   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 4px;      /* Firefox 1-3.6 */ 
    border-radius: 4px;           /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */    
    background: #FCFCFC;
    outline: 0;
}

/* Blauer Rahmen mit Schatten wenn Formular Feld das Focus hat + Runden Ecken für die Feldern - Phirents GmbH */
input:focus,
select:focus,
textarea:focus {
    border: 1px solid #66afe9;
    -webkit-border-radius: 4px;   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 4px;      /* Firefox 1-3.6 */ 
    border-radius: 4px;           /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    background: #FCFCFC;
    outline: 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);    
}

input[type=submit],
input[type=button],
input[type=reset],
input[type=radio],
input[type=checkbox],
button {
    width: auto;
}

input[type=radio] {
    float: left;
    margin: 3px 10px 3px 0;
    padding: 0;
    border: 0 none;
}

input[type=checkbox] {
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
    border: 0 none;
}

input[type=text] {
    line-height: 17px;
}

/* Button Design - Phirents GmbH */
button,
input[type=submit],
input[type=button],
input[type=reset] {
    padding: 8px 10px 7px 10px;
    _color: #414141;
    color: #FFFFFF;
    font-weight: bold;        
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-color: white #F8F8F8 #F2F2F2 #F8F8F8;
    box-shadow: 1px 1px 2px #C5C5C5;
    -moz-box-shadow: 1px 1px 2px #C5C5C5;
    -webkit-box-shadow: 1px 1px 2px #C5C5C5;
    -o-box-shadow: 1px 1px 2px #C5C5C5;
    _background: #F5F5F5;
    _background: #0A85C8;    
    background: rgba(13, 78, 112, 0.7);
    transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
}

.loginbutton,
.loginbutton:hover {
    display: block;
    float: left;
    color: transparent;
    height: 26px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 189px;
}

.loginbutton:hover {
    text-decoration: underline;
}

.loginbutton.facebook {
    background: url("images/facebook_login.png") no-repeat;
}

.loginbutton.google {
    background: url("images/google_login.png") no-repeat;;
}

.loginbutton.twitter {
    background: url("images/twitter_login.png") no-repeat;
}

button[disabled=disabled],
input[disabled=disabled] {
    opacity: 0.6;
    cursor: default;
}

.ie7 button,
.ie8 button {
    border: 1px solid #DDDDDD;
}

/* Button Design :hover - Phirents GmbH */
button:hover,
input[type=submit]:hover,
input[type=reset]:hover {
    _background: #E8E8E8;
    _background-color: #1F97D8;
    background-color: rgba(13, 78, 112, 0.5);      
}

/* Button Design disabled :hover - Phirents GmbH */
button[disabled=disabled]:hover,
input[disabled=disabled]:hover {
    background-color: #C8C8C8;
    border: 1px solid #FF0000;    
    _cursor: url("images/desabled.gif") 25 40, Auto;        
    _cursor: pointer;
}

legend {
    padding: 0 5px 0 5px;
    _font-size: 18px;
    font-size: 12px;    
}

fieldset {
    clear: left;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 4px;   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 4px;      /* Firefox 1-3.6 */ 
    border-radius: 4px;           /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */  
        
}