/**
* Stylesheet for http://www.exterior.ch/potential-erneuerbar
*
* Standard Stylesheet
*
* @author Beat Schenkel
* @link http://www.webcenter.ch/
* @copyright Copyright 2011, Webcenter
* @license CC-A 3.0 / http://creativecommons.org/licenses/by/3.0/
* @created 21.02.2011
* @updated 05.05.2011
**/

/********************************************************* _Global Styles */

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, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

::-moz-selection {
	background:#EFEFEF;
	color:#000;
	}
::selection {
	background:#EFEFEF;
	color:#000;
	}
	
/*	j.mp/webkit-tap-highlight-color: R,G.B,Alpha */
a:link { -webkit-tap-highlight-color:rgba(255,255,255,0.5); }

/* Text tiefer/höher gestellt */
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

.lasche hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

body, html {
	height:100%;
	width:100%;
	}

/* die Klasse page wird benötigt damit es keinen Konflikt mit dem ckeditor gibt */
body {
	background:#FFF;
	}

body, table, input, select, textarea {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#444;
	text-decoration:none;
	}
	
.lasche a:link,
.lasche a:visited {
	text-decoration:underline;
	color:#FFF;
	}
.lasche a:hover,
.lasche a:focus {
	color:#FFF;
	}
	
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active { outline: none; }
a:focus { outline: thin dotted; }

table {
	position:relative;
	border-spacing:0;
	border-collapse:collapse;
	}
	table table {
		margin:0;
		}
	td,
	th {
		font-weight:normal;
		text-align:left;
		vertical-align:top;
		padding:0 2px 2px 1px;
		/*position:relative;*/
		}
	th.c2, th.c3, th.c4, th.c5, th.c6 {
		text-align: right;	
	}
	td img { vertical-align:top; } 
	table p {
		margin:0;
		}

.clearer {
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
	background:#FFF;
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}

.hidden {
	display: block;
	position: absolute;
	left: -1500px;
	top:-1500px;
	overflow: hidden;
	width:0;
	height:0;
	}
	
mark {
	background:#feffd8;
	}

/********************************************************* _Headings */

/* https://developer.mozilla.org/en/CSS/text-rendering */
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering:optimizeLegibility; }

h1 {
	font-size:18px;
	line-height:24px;
	color:#222;
	}

h2 {
	font-size:15px;
	color:#222;
	}
	
h3 {
	font-size:12px;
	color:#222;
	}
	
/********************************************************* _msg Box */

.lasche .required {
	color:#CC0000;
	}

.msg_box {
	height:1%;
	margin:15px 0;
	padding:10px 10px 10px 30px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	-moz-box-shadow:0 0 10px #EEE;
	-webkit-box-shadow:0 0 10px #EEE;
	box-shadow:0 0 10px #EEE;
	
	background-repeat:no-repeat;
	background-position:10px center;
	color:#666;
	}

	.msg_box.error {
		border:1px solid #ebcece;
		background-image:url(../images/icons/error.gif);
		}
	
	.msg_box.success {
		border:1px solid #bdcfb7;
		background-image:url(../images/icons/success.gif);
		}

/********************************************************* _Forms */

input, select { vertical-align:middle; }

/* align checkboxes, radios, text inputs with their label
	by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css
	a different value is served to IE 7)*/

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

select {
	}
	select option {
		}

input,
textarea {
	color:#000;
	line-height:normal;
	overflow:visible;
	}

textarea,
.text {
	cursor:text;
	border:1px solid #999;
	padding:2px 2px;
	}
	
textarea:focus,
.text:focus {
	border-color:#000;
	}
	
.text {
	width:180px;
	}

textarea {
	width:100%;
	height:150px;
	}

.radio,
.checkbox {
	background:none;
	border:none;
	width:12px;
	height:12px;
	}

.captcha {
	width:77px;
	}

.submit,
.button,
button {
	padding:1px 4px;
	border:1px solid #CDCDCD;
	color:#000;
	overflow:visible;
	background:#EFEFEF;
	}
	
.submit:hover {
	}
	
.form_highlight {
	border:1px solid #C00;
	}

/********************************************************* _Structure */

#page-wrap {
	position:relative;
	width:650px;
	margin:0 auto;
	}
	
.head-wrap {
	height:45px;
	}
	
	.head-wrap h1 {
		padding:10px 0;
		float: left;
		}
	
#inhalt {
	position:relative;
	}
		
/* Default Laschen-Style */

.lasche h1 { margin:15px 0 36px 0; color:#009fe7; }

.lasche .daten {
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:0 0 5px #EEE;
	
	margin-bottom:30px;
	}
	
	.lasche .daten .inner {
		padding:0;
		}
		
		.daten h2 { margin:15px 0 10px 0; padding:0 5px; }
		.daten h3 { margin:10px 0 10px 0; padding:0 5px; }
		.daten p { margin:10px 0 10px 0; padding:0 5px; }

/* Lasche mit Bild */
.lasche.mitbild .bild {
	position:absolute;
	right:10px;
	top:87px;
	}
	.lasche.mitbild .bild img {
	float: left;
	clear: both;
	padding-bottom: 4px;
	}
.lasche.mitbild .daten,
.lasche.mitbild .bemerkung {
	margin-right:4px;
	}
	
/* Default Table-Style */

.lasche table {
	width:100%;
	}
	
	.lasche th,
	.lasche td {
		padding:2px 5px;
		}
	
	.lasche th {
		font-weight:bold;
		background:#EEE;
		color:#000;
		border-bottom:1px solid #DDD;
		}
		
	.lasche td	 {
		border-bottom:1px solid #DDD;
		text-align: right;
		}
		
	.lasche .even td {
		background:#FAFAFA;
		}
		
	.lasche .last td {
		border-bottom:none;
		}
		
	.lasche tr.highlight td {
		background:#e4eef3;
		color:#000;
		}
		
	.lasche .c1 { width:auto; text-align: left; }
	.lasche .c2 { width:auto; padding-left:15px; }
	.lasche .c3 { width:auto; }
	.einheit {
		width: 100px;
		float: right;	
		text-align: left;
		margin-left: 2px;
	}
	
/********************************************************* _Lang */

#lang {
	position:absolute;
	top:10px;
	right:15px;
	}
#lang #gemeindewahl {
	float: left;	
}

#lang ul {
	display:inline-block;
	}
	
	#lang li {
		position:relative;
		display:inline; 
		float:left;
		margin-left:5px;
		}
	
		#lang a {
			display:inline-block;
			text-decoration:none;
			color:#666;
			width:18px;
			height:18px;
			line-height:18px;
			font-size:10px;
			text-transform:uppercase;
			text-align:center;
			border:1px solid #CCC;
			}
		#lang a:hover {
			border-color:#000;
			}

		#lang .cur a {
			border-color:#000;
			color:#000;
			}

/********************************************************* _Content */

.lasche {
	line-height:20px;
	position:relative;
	}
	
.nottranslated {
	color: red;	
	}

.lasche .c1 a {
	color: black;
	cursor: pointer;
	text-decoration: underline;
}
.lasche .c1 a:hover {
	color: black;
	/* font-weight: bold; */
	text-decoration: underline;
}

.lasche .required {
	color:#CC0000;
	}

.lasche .img_left {
	float:left;
	margin:0 10px 10px 0;
	}
.lasche .img_right {
	float:right;
	margin:0 0 10px 10px;
	}

/* Force CKEditor to underline the Link */
.ce_text a:link,
.ce_text a:visited,
.lasche .ce_text a:hover {
	color:#FFF !important;
	text-decoration:underline !important;
	}
	
.ce_text a:hover,
.ce_text a:focus {
	text-decoration:none !important;
}
	
/* Text structure */
	
.ce_text h1 { margin:20px 0 15px 0; }
.ce_text h2 { margin:25px 0 15px 0; }
.ce_text h3 { margin:15px 0 10px 0; }
	
.ce_text table p { margin:0; }
	
.ce_text ol,
.ce_text ul,
.ce_text p { margin:5px 0 10px 0; }

.ce_text li p { margin:0; }

.ce_text .no-margin { margin:0; }

/* Lists */

.ce_text ol {
	margin-left:-10px;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
}
.ce_text ol li {
	padding-left:1px;
	list-style-type:decimal;
}

.ce_text ul li {
	list-style-type:none;
	background:url(../images/li.gif) 2px 8px no-repeat transparent;

	padding-left: 15px;
	margin-left:5px;
	
	zoom:1;
	}

table.std_format th,
table.std_format td {
	padding:3px;
}

table.std_format th {
	font-weight:bold;
	color:#FFF;
	background:#948f87;
	border:1px solid #948f87;
	border-bottom:1px solid #777;
}

table.std_format td {
	border:1px solid #DDD;
}

/* Icon Link */

.icon {
	padding-left:20px;
	background-repeat:no-repeat;
	display:inline-block;
	line-height:11px;
	padding:1px 0 1px 16px;
	}
	
.icon.pdf { background-image:url(../images/icons/pdf.gif); }
.icon.internal { background-image:url(../images/icons/internal.gif); }
.icon.external { background-image:url(../images/icons/external.gif); }
.icon.back { background-image:url(../images/icons/back.gif); }
.icon.more { background-image:url(../images/icons/more.gif); }
.icon.email { background-image:url(../images/icons/email.gif); }
.icon.tel { background-image:url(../images/icons/tel.gif); }
.icon.download { background-image:url(../images/icons/download.gif); }
.icon.upload { background-image:url(../images/icons/upload.gif); }
	
/* Icon Box */

.icon_box {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:none;
	background-repeat:no-repeat;
	cursor:pointer;
	}

.icon_box.view { background-image:url(../images/icons/view.gif); }
.icon_box.solve { background-image:url(../images/icons/solve.gif); }
.icon_box.rate { background-image:url(../images/icons/rate.gif); }
.icon_box.register { background-image:url(../images/icons/register.gif); }
.icon_box.calendar { background-image:url(../images/icons/calendar.gif); }
.icon_box.delete { background-image:url(../images/icons/delete.gif); }

/* Form Elements in <table> */
	
/*
table .radio,
table .checkbox {
	position:relative;
	top:3px;
	} 
*/

/********************************************************* _Special Content */

#inhalt_willkommen h2 {
	padding-right:200px;
	}

.aufteilung {
}

/*
.aufteilung {
	postion: relative;
	top: 0px;
	left: -200px;
	border: 0px black solid;
	text-align: left;	
	width: 500px;
}
*/

.sliderWrap {
	}

/*
.reglinks, .regrechts {
	width: auto;
	float: left;	
	margin: 4px;
	text-align: center;
}

.reglinks .innervalue {
	float: right;
}

.regrechts .innervalue {
	float: left;	
}
*/
.regler {
	position:relative;
	top:1px;
	width:100px;
	display:inline-block;
	margin:0 10px;
}

/********************************************************* _Footer */

#footer {
	margin-top:4px;
	text-align: center;
	font-size:9px;
	line-height:18px;
	padding:0 0 0 10px;
	color:#999;
	}
	
	#footer .c1 {
		margin-bottom:20px;
		}
		
	#footer .c2 {
		color:#777;
		
		}
	
		#footer a {
			color:#BBB;
			cursor:pointer;
			text-decoration:none;
			}
		#footer a:hover {
			text-decoration:underline;
			}