/**************************************************
	danielstegemann.com
	Screen Stylesheet v0.1
***************************************************/

/**************************************************
	Global
***************************************************/

* {
	margin: 0;
	padding: 0;
	}

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

body {
	background: #FFF none;
	color: #555;
	text-align: left;
	line-height: 140%;
	}


/**************************************************
	Dokument-Struktur
***************************************************/


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	padding: 20px 0;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	}

p {
	line-height: 140%;
	padding: 5px 0;
	}

td {
	font-size: 11px;
	}


/**************************************************
	Links
***************************************************/

a:link,
a:visited,
a:active,
a:hover {
	outline: none;
	}

a:hover {
	}


/**************************************************
	Textelemente
***************************************************/

abbr, 
acronym {
	font-style: normal;
	border-bottom: 1px dotted;
	cursor: help;
	}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

blockquote {
	margin: 0 0 0 20px;
	}

cite {
	font-style:italic;
	}
cite:before {
	content: "\"";
	}

cite:after {
	content: "\"";
	}

code {
	font-family: Monaco, Courier, "Courier New", monospace;
	}

em {
	font-style: italic;
	}

hr {
	background-color: #BBB; /* Mozilla 1.4 */
	color: #BBB; /* IE 6 */
	border: #BBB; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin: 20px 0;
	}

strike {
	text-decoration: line-through;
	}

strong {
	font-weight: bold;
	}


/**************************************************
	Listen
***************************************************/

dl {
	margin-top: 15px;
	}

dt {
	font-weight: bold;
	margin-bottom: 5px;
	}

dd {
	margin: 0 0 5px 15px;
	}

ul {
	margin-left: 12px;
	padding: 10px 3px;
	}
ul li {
	margin-left: 17px;
	padding: 5px 0;
	}

ol {
	margin-left: 12px;
	padding: 0 3px;
	*padding: 0 8px;
	}
ol li {
	margin-left: 5px;
	padding: 5px 0;
	}

dl.form-style {
	padding: 20px 0 0 0;
	margin: 0;
	}
	
dl.form-style dt {
	float: left;
	width: 110px;
	font-weight: normal;
	text-align: right;
	}

dl.form-style dd {
	margin: 0 0 10px 115px;
	text-align: left;
	}

dl.table-style {
	padding: 10px 0;
	margin: 0;
	}
	
dl.table-style dt {
	float: left;
	width: 75px;
	font-weight: normal;
	}

dl.table-style dd {
	margin: 0 0 5px 85px;
	text-align: left;
	}


/**************************************************
	Grafiken
***************************************************/

img {
	border: 0;
	}

img.photo-li {
	float: left;
	margin: 0 20px 10px 0;
	padding: 2px;
	background: #FFF none;
	border: #CCC 1px solid;
	}


/**************************************************
	Formulare
***************************************************/

form {
	display: inline;
	}

input,
input[type="text"],
input[type="password"],
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	padding: 1px 0;
	background-color: #FFF;
	}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	background-color: #FFFFE1;
	}

input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"],
input[readonly="readonly"],
select[readonly="readonly"],
textarea[readonly="readonly"] {
	background-color: #EEE;
	border: 2px solid #EEE;
	}

input[type="submit"] {
	font-size: 11px;
	padding: 2px;
	border-top: 1px solid #EEE;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #EEE;
	color: #222;
	background: #CCC none;
	}

label {
	cursor: hand;
	}

optgroup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	font-style: normal;
	color: #555;
	font-size: 11px;
	padding-left: 4px;
	}

optgroup option {
	padding-left: 7px;
	}
optgroup option:before {
	content: " » ";
	}

fieldset {
	border: 1px solid #BBB;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 5px;
	}
	
legend {
	font-weight: bold;
	margin: 0;
	* margin: 0 0 0 -7px;
	padding: 0 5px;
	* padding: 0 5px 5px 5px;
	}

.checkbox-longtext {
	float: left;
	margin: 0 7px 7px 0;
	}

.formelement30	{ width:  30px; }
.formelement40	{ width:  40px; }
.formelement50	{ width:  50px; }
.formelement60	{ width:  60px; }
.formelement70	{ width:  70px; }
.formelement80	{ width:  80px; }
.formelement90	{ width:  90px; }
.formelement100	{ width: 100px; }
.formelement110	{ width: 110px; }
.formelement120	{ width: 120px; }
.formelement125	{ width: 125px; }
.formelement130	{ width: 130px; }
.formelement170	{ width: 162px; }
.formelement250	{ width: 250px; }
.formelement400	{ width: 400px; }


/**************************************************
	Seitenelemente
***************************************************/

#wrap {
	margin: 60px auto;
	width: 390px;
	padding: 10px;
	\width: 370px;
	}

#mail-area {
	background: #EEE none;
	border: #CCC 1px solid;
	padding: 5px 8px;
	margin: 8px 0;
	}
	
	
/**************************************************
	diverse
***************************************************/

span.pflichtfeld {
	color: #EC5F35;
	}

.center {
	text-align: center;
	}

.clearboth {
	clear: both;
	}

.float-li {
	float: left;
	}

.float-re {
	float: right;
	}
	
.hide {
	display: none;
	}

.highlight {
	color: #FF9A00;
	}

.notiz {
	color: #888;
	font-size: 11px;
	font-style: italic;
	}

.underline {
	text-decoration: underline;
	}

.error-border {
	border: #DC3900 1px solid;
	}

.error-label {
	color: #DC3900;
	}