/*#####################################
	Print-Stylesheet Stadt Wil XXL
#####################################*/

body {
	font-size: 10pt;
}
form.xxl {
	width: 100%;
	margin: 0;
	padding: 0;
}


#layout {width:100%; margin: 0 0 0 10px;}


/* Hauptcontainer für Layout mit Clearfix */

#maincontainerbox-center {
	float:left;
	margin:0;
	padding:0 0 8px 0;
	width: 500px;}
#front-maincontainerbox-center {
	margin:0;
	padding:0 0 8px 0;
	width: 100%;}	
.containerbox-center {
	width:100%;
	background:#FFF;
	margin:0;	
	border-top:none;
	border-right:none;
	border-left:none;}
.front-containerbox-center {
	width:100%;
	margin:0 0 5px 0;
	padding:0 0 5px 0;		
	background:#FFF;
	border:none;}
.contentborder {
	margin:0; width: 100%;
	background:#FFF;
	border:none;
	background:none;}

#header, #headerbox-left, #headerbox-right, #mainnav, #breadcrumb, #maincontainerbox-left, #hnav, .snav, .secnavbox, .jumpnavbox, .footer, .maincontainerbox-right, .containerbox-right {display:none;}

* {font-family: Arial, Helvetica, sans-serif; line-height:18px;}
h1 {font-size:12pt;}
h2 {font-size:12pt;}
/************** 2 Spalten 33% - 67% **************/
.col2-33-67 {
	width: 100%;
	margin: 0;
	padding:0 0 18px 0;
}
.col2-33-67 .left {
	float: left;
	width: 30%;
	margin:0;
}
.col2-33-67 .right {
	float: left;
	width: 65%;
	margin: 0 0 0 5%;
}

/************** 2 Spalten 67% - 33% **************/
.col2-67-33 {
	width: 100%;
	margin: 0;
	padding:0 0 18px 0;	
}
.col2-67-33 .left {
	float: left;
	width: 65%;
	margin:0;
}
.col2-67-33 .right {
	float: left;
	width: 30%;
	margin: 0 0 0 12px;
}

/************** 3 Spalten 33% - 33% - 33% **************/
.col3-33-33-33 {
	width: 100%;
	margin: 0;
	padding:0 0 18px 0;	
}
.col3-33-33-33 .left {
	float: left;
	width: 30%;
	margin:0;
}
.col3-33-33-33 .middle {
	float: left;
	width: 30%;
	margin: 0 0 0 5%;
}
.col3-33-33-33 .right {
	clear:right;
	float: left;
	width: 30%;
	margin: 0 0 0 5%;
}

/************** Portrait **************/
.portrait p {
	margin: 0; padding:0;
}
.portrait {
	width: 100%;
	margin: 0;
	padding:0 0 18px 0;	
}
.portrait .left {
	float: left;
	width: 25%;
	margin:0;
}
.portrait .middle {
	float: left;
	width: 22%;
	margin: 0 0 0 5%;
}
.portrait .right {
	clear:right;
	float: left;
	width: 48%;
	margin: 0 0 0 5%;
}

/************** Ämter **************/
.adress p {
	margin: 0; padding:0;
}
.adress {
	width: 100%;
	margin: 0;
	padding:0 0 18px 0;	
}
.adress .left {
	float: left;
	width: 25%;
	margin:0;
}
.adress .right {
	float: left;
	width: 70%;
	margin: 0 0 0 5%;
}

/************** Bild mit Textumfluss **************/
.textflow {width:100%; margin: 0 0 18px 0;}
.textflow div.imgfloat-left {float:left; margin:2px 10px 3px 0;}
.textflow div.imgfloat-right {float:right; margin:2px 0 3px 10px;}


/* FORMULARE / TEXTFELDER ############### */

div.formular {
	width:571px;
	padding:0;
}
div.formular p {
	height:2px;
	clear:both;
	margin:0;
	padding:12px 0 0 0;
}
div.formular br {
	clear: both;
}
fieldset {
	border: 1px solid #FFF;
	margin: 10px 0 0 0;
	padding: 5px;
	width:551px;
}
input.txtfield {
	float: left;
	width: 260px;
	height: 16px;
	border: 1px solid #666666;
	margin: 2px 0;
	padding:0 0 0 4px;
	font-size: .9em;
}
input.txtfield.plz {
	width: 90px;
	margin-right: 4px;
}
input.txtfield.ort {
	width: 160px;
}
input.txtfield.year {
	width: 52px;
}

label {
	float: left;
	width: 155px;
	margin: 2px 10px 2px 0;
	padding: 0 0 3px 0;
	border-bottom:1px dotted #000;
	clear: left;
	font-size:.9em;
}
legend {
	font-size: .9em;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 3px;
	color: #000;
}


/* Select-Boxen */
select {
	float: left;
	font-size: .9em;
	margin: 2px 0;
	width: 267px;
}
select.day {width: 40px;}
select.month {width: 100px;}

/* Checkboxen */
span.checkbox {
	float: left;
}
span.checkbox input {
	float: left;
	margin: 5px 5px 5px 0;
}

span.checkbox label {
	width: auto;
	margin-right: 15px;
}

/* Radiobuttons */
span.radiobutton {
	float: left;
}
span.radiobutton input {
	float: left !important;
	margin: 5px 5px 5px 0;
	clear: none;
}
span.radiobutton label {
	float:left !important;
	border-bottom:none;
	font-size:1em;
	width: auto;
	clear: none;
}
span.radiobutton br {display: none;}

/* Trennpunkt */
span.dot {
	margin: 2px 1px 2px -1px;
	float: left;
}
/* Submit */
input.button,
input.submit {
	border: 1px solid #666666;
	background: #e7e7e7;
	color:#000;
	font-weight: bold;
	font-size: .9em;
	height: 22px;
	cursor: pointer;
}
input.submit {
	margin: 0 0 10px 165px;
	width: 266px;
}

/* Textarea */
textarea {
	border: 1px solid #666666;
	margin: 2px 0;
	width: 260px;
	height: 100px;
	font-size: .9em;
	padding:0 0 0 4px;	
	font-family: Arial, Helvetica, sans-serif;
}