/* 	HTML5 Boilerplate
 
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:0; padding:0; }
input, select { vertical-align:middle; }

/* End of Reset CSS 

/* Element-Klassen */

input[type="text"], input[type="email"], input[type="radio"], input[type="url"], input[type="number"], input[type="password"], textarea, select {
	position:static;
	background: #f6f6f6;
	border: 1px solid;
	border-color: #cecece #e1e1e1 #e1e1e1 #cecece;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #777;
	font-size: 12px;
	line-height: 120%;
	padding: 6px 10px 5px 10px;
	text-shadow: 0 1px 0 #FFF;
	vertical-align:bottom;
	margin: 4px 4px 8px 0;
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
	outline: none;
}

select {
	height:28px;
}

.button {
	/*behavior: url(css/PIE.htc);*/
	padding: 6px 12px;
	color: #fff;
	font-size:12px;
	text-decoration: none;
	outline: none;
	vertical-align: baseline;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	margin: 4px 4px 8px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.button.orange {
    border: 0px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background: #f2deb5;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e9dd5), to(#3e8dc5));
    background: -moz-linear-gradient(top, #4e9dd5, #3e8dc5);
    background: linear-gradient(#4e9dd5, #3e8dc5);
    color: white !important;
}
.ie .button.orange {
    border: none;
    -pie-background: linear-gradient(#3b4648, #9fb0a6);
}
.button.orange:hover {
    background: #3e8dc5;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e8dc5), to(#f2deb5));
    background: -moz-linear-gradient(top, #3e8dc5, #f2deb5);
    background: linear-gradient(#3e8dc5, #f2deb5);
    border-bottom: 1px solid #f2deb5;
    color:white !important;
}
.ie .button.orange:hover {
    border: none;
    -pie-background: linear-gradient(#3b4648, #9f0712);
}
.button.orange:active {
    background: #ff8b16;
    background: -webkit-gradient(linear, left top, left bottom, from(#de8d00), to(#ee9d10));
    background: -moz-linear-gradient(top,  #de8d00, #ee9d10);
    background: linear-gradient(#de8d00, #ee9d10);
}
.ie .button.orange:active {
    border: none;
    -pie-background: linear-gradient(#9fb0a6, #3b4648);
}


/* Übergreifende Klassen */
.smiley {
	width:20px;
	height:20px;
	vertical-align:top;
}