/* reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

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

caption,th,td {
text-align:left;
font-weight:400;
}

table,td,th {
vertical-align:middle;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}

a img {
border:none;
}

img {
border:0 solid #FFF;
}

/* typography.css */
body {
font-size:14px;
color:#222;
background:#fff;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
background-color:#252525;
text-align:center;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
color:#111;
}

h1 {
font-size:3em;
line-height:1;
margin-bottom:0.5em;
}

h2 {
font-size:2px m;
margin-bottom:0.75em;
}

h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}

h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin:0;
}

p {
margin:0;
padding:0;
}

a:focus,a:hover {
color:#a64100;
}

a {
color:#a64100;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.hide {
display:none;
}

.quiet {
color:#666;
}

.loud {
color:#000;
}

.highlight {
background:#ff0;
}

.added {
background:#060;
color:#fff;
}

.removed {
background:#900;
color:#fff;
}

.first {
margin-left:0;
padding-left:0;
}

.last {
margin-right:0;
padding-right:0;
}

.top {
margin-top:0;
padding-top:0;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.45em;
}

hr.space {
background:#fff;
color:#fff;
}

.clearfix:after,.container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clear {
clear:both;
}

br {
clear:left;
}

/* wireframes */
.container {
width:100%;
margin-left:0;
padding-top:20px;
margin-right:0;
margin-bottom:30px;
background:url(../pics/bg.gif) repeat-x;
background-color:#fff;
}

#wrapper {
width:980px;
text-align:left;
margin:0 auto;
padding:0;
}

.main {
padding-bottom:0;
border:0 solid blue;
}

.bu {
text-align:center;
margin-top:0;
color:#ccc;
font-size:11px;
}

/* header */
.header {
height:71px;
background:url(images/mikado-wg.jpg) no-repeat;
font-size:16px;
margin:0;
padding:15px;
}

/*menue */
#roundbar-grey {
clear:left;
float:left;
width:100%;
background:#B7B7B7 url(images/menue.jpg) 0 25% repeat;
font-family:"Times", Helvetica, sans-serif;
font-size:20px;
}

#roundbar-grey ul {
clear:left;
float:left;
list-style:none;
position:relative;
text-align:left;
margin:0;
padding:0;
}

#roundbar-grey ul li {
display:block;
float:left;
list-style:none;
width:160px;
position:relative;
text-align:center;
margin:0;
padding:0;
}

#roundbar-grey ul li.first {
border-left:1px solid #A8A8A8;
}

#roundbar-grey ul li.last {
border-right:1px solid #C8C8C8;
}

#roundbar-grey ul li a {
display:block;
color:#FFF;
text-decoration:none;
border-left:1px solid #ffd592;
border-right:1px solid #fe9d18;
line-height:1.3em;
margin:0;
padding:12px 0;
}

#roundbar-grey ul li.active a {
background:url(images/menue_over.jpg) 0 75% repeat;
font-weight:700;
}

#roundbar-grey ul li a:hover {
background:url(images/menue_over.jpg) 0 75% repeat;
}

/* Content */
.content {
line-height:18px;
padding:10px;
}

p img {
float:left;
position:relative;
margin:0 10px 10px 0;
}

.box_m {
float:left;
width:410px;
margin-bottom:10px;
margin-right:0;
overflow:hidden; 
margin-left:270px;
}

* html .box_m {
margin-left:145px;
}


.box_s {
float:left;
width:275px;
margin-bottom:10px;
margin-right:10px;
}

.notification_error {
border:1px solid #A25965;
height:auto;
width:90%;
background:#F8F0F1;
text-align:left;
-moz-border-radius:5px;
padding:4px;
}

.notification_ok {
border:1px #567397 solid;
height:auto;
width:90%;
background:#f5f9fd;
text-align:center;
-moz-border-radius:5px;
padding:8px;
}

.info_fieldset {
-moz-border-radius:7px;
border:1px #ddd solid;
}

.info_fieldset legend {
border:1px #ddd solid;
color:#000;
font:13px Verdana;
-moz-border-radius:3px;
padding:2px 5px;
}

.button {
border:1px solid #999;
border-top-color:#CCC;
border-left-color:#CCC;
background:#FFF;
color:#333;
font:11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius:3px;
}

/* Label */
label {
width:140px;
padding-left:20px;
float:left;
text-align:left;
margin:5px;
}

.clearfix,.container,#roundbar-grey ul li a span {
display:block;
}

quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}


#main-container{
	width:400px;
	margin:30px auto;
}

#form-container{
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
    border:1px solid #eeeeee;
}

td{
	white-space:nowrap;
	padding:5px;
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	color:#777777;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}

h2{
	font-weight:normal;
	font-size:10px;
	
	text-transform:uppercase;
	
	color:#aaaaaa;
	margin-bottom:15px;
	
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;
	padding-bottom:10px;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#ff9000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}
