* {
	margin: 0;
	padding: 0;	
	}

body {
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #000;
	background-color: #ccc;
	background-image: url(if/roggwil/bg.gif);
	background-repeat: repeat-x;
	}


/* Allgemein
----------------------------------------------------------------------------------------------------------------------------------- */
img {
	border: 0;
	}

h1 {
	font-size: 15px;
	color: #903;
	}

h2 {
	font-size: 14px;
	color: #333;
	}

p {
	color: #333;
	}
	
p.headline {
	font-weight: bold;
	}

table.pageTable {
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: left;
	}

td.pageTable {
	padding: 2px 4px;
	}
	
	
a:link, a:visited {
	color:#903;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

.legend {
	color:#666;
	font-size: 11px;
	padding-top: 3px;
	}


.dividerLine {
	border-top: 1px solid #999;
	}


.normText {
	color: #333;
	}
	
.v_yellowBg {
	background-color: #FF6;
	}
	
.v_small {
	font-size: 11px;
	}
	
li.small {
	font-size: 9px;
	color:#666;
	}
	

/* Erster Kopfbereich
----------------------------------------------------------------------------------------------------------------------------------- */
#area_head_1 {
	width: 980px;
	margin: 0px auto 0px auto;
	}


/* Zweiter Kopfbereich mit Hauptmenue
----------------------------------------------------------------------------------------------------------------------------------- */
#area_head_2 {
	width: 980px;
	margin: 0px auto 0px auto;
	height: 50px;
	background-image: url(if/roggwil/bg_mainmenue.gif);
	background-repeat: repeat-x;
	}

#area_head_2_navigation {
	float: left;
	}
#area_head_2_navigation ul {
	width: 720px;
	padding: 0;
	margin: 0;
	list-style: none;
	
	}

#area_head_2_navigation ul li {
	float: left;
	display: block;
	padding: 0;
	}

#area_head_2_navigation ul li a {
	display: block;
	line-height: 13px;
	margin-top: 1px;
	padding: 10px 11px 8px 11px;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	font-family: times;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	background-image: url(if/roggwil/bg_mainmenue_norm.gif);
	background-repeat: repeat-x;
	}

#area_head_2_navigation ul li a:hover, #area_head_2_navigation ul li a.active {
	background-image: url(if/roggwil/bg_mainmenue_over.gif);
	background-repeat: repeat-x;
	color: #fff;
	}


/* Dritter Kopfbereich
----------------------------------------------------------------------------------------------------------------------------------- */
#area_head_3 {
	width: 885px;
	height: 42px;
	margin: 0px auto 0px auto;
	padding-left: 95px;
	}

#area_head_3_navigation {
	float: left;
	height: 22px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#area_head_3_navigation ul {
	min-width: 580px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#area_head_3_navigation ul li {
	float: left;
	display: block;
	padding: 0;
	}

#area_head_3_navigation ul li a {
	display: block;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
	border-left: 1px solid #999;
	}

#area_head_3_navigation ul li a:hover, #area_head_3_navigation ul li a.active {
	background-image: url(if/roggwil/bg_mainmenue_over.gif);
	background-repeat: repeat-x;
	color: #fff;
	}




/* Container
----------------------------------------------------------------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 980px;
	}


/* Linke Hauptspalte 1
----------------------------------------------------------------------------------------------------------------------------------- */
#area_left_1 {
	float: left;
	width: 237px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	margin-bottom: 50px;
	background-color: #ccc;
	}



/* Navigation Linke Hauptspalte 1
----------------------------------------------------------------------------------------------------------------------------------- */
#area_left_1_navigation {
	width: 237px;
	}

#area_left_1_navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#area_left_1_navigation li a {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0px;
	width: 219px;
	padding: 4px 0px 3px 18px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}

#area_left_1_navigation li a:hover, #area_left_1_navigation li a.active {
	color: #903;
	}


#area_left_1_navigation li li a {	
	width: 205px;
	padding: 2px 0px 2px 32px; 
	font-weight: normal;
	color: #333;
	font-size: 12px;
	background-image: none;
	}


#area_left_1_navigation li li li a {
	width: 191px;
	padding-left: 46px;
	}
	

#area_left_1_navigation li li li li a {
	width: 177px;
	padding-left: 60px;
	}


#area_left_1_navigation li li a:hover, #area_left_1_navigation li li a.active {
	color: #903;
	}





	



/* Hauptinhalt
----------------------------------------------------------------------------------------------------------------------------------- */
#area_content_1 {
	float: left;
	width: 502px;
	border: 1px solid #999;
	background-color: #fff;
	}
	
#area_content_1 ul {
	padding-left: 16px;
	margin: 0;
	list-style-type: none;
	}
	
#area_content_1 ul.characteristics {
	list-style-image: url(if/roggwil/bulletList.gif);
	margin-left: 15px;
	padding-left: 16px;
	}
	

#you_are_here {
	margin: 10px 19px 4px 19px;
	border-top: 1px solid #999;
	padding-top: 3px;
	font-size: 11px;
	}



/* Rechte Spalte
----------------------------------------------------------------------------------------------------------------------------------- */
#area_right_1 {
	float: right;
	width: 237px;
	background-color: #e0e0e0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	}



#area_right_1 h1 {
	height: 22px;
	font-weight: normal;
	padding-top: 2px;
	color: #fff;
	background-image: url(if/roggwil/bg_area_title.gif);
	background-repeat: repeat-x;	
	
	
	}












/* Fussbereich
----------------------------------------------------------------------------------------------------------------------------------- */
#area_footer {
	width: 980px;
	border-top: 1px solid #999;
	height: 28px;
	margin: -1px auto 0 auto;
	font-size: 11px;
	}


#area_footer_1_menu_left {

	}
	
#area_footer_1_menu_left ul {
	display: block;
	list-style-type: none;
	}
	
#area_footer_1_menu_left li  {
	display: block;
	float: left;
	}

#area_footer_1_menu_left a {
	color: #333;
	text-decoration: none;
	padding-left: 10px;
	font-size: 11px;
	text-transform: uppercase;
	}
	
#area_footer_1_menu_left a:hover, #area_footer_1_menu_left a.active {
	color: #903;
	}
	

/* Tools
----------------------------------------------------------------------------------------------------------------------------------- */
#of_tools ul {
	display: block;
	margin: 0;
	list-style-type: none;
	}
	
#of_tools li  {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	}


/* Formulare
----------------------------------------------------------------------------------------------------------------------------------- */
.visitorForm input, .visitorForm select, .visitorForm textarea {
	border: 1px solid #999;
	margin: 1px;
	}
	
.v_success {
	color: #fff;
	font-weight: bold;
	padding: 4px;
	background-color: #093;
	}
	
.v_error {
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	background-color: #c00;
	}
	
.v_note {
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	background-color: #00c;	
	}










/* Klassen fuer Edit Modus
----------------------------------------------------------------------------------------------------------------------------------- */
.v_edit_title {
	font-size: 15px;
	color: #903;
	font-weight: bold;
	}

.v_edit_pageTable {
	font-size: 12px;
	color: #333;
	}

.v_edit_normtext, .v_edit_normtext_headline, .v_edit_combi {
	font-size: 12px;
	color: #333;
	}

.v_edit_normtext_headline {
	font-weight: bold;
	color: #333;
	}

.v_edit_legend {
	font-size: 11px;
	color: #666;
	}

.v_edit_link {
	color: #903;
	}



/* Verschiedenes
----------------------------------------------------------------------------------------------------------------------------------- */
.clearer {
	clear: both;
	}
.left {
	float: left;
	}
.right {
	float: right;	
	}
#adressbar {
	position: absolute;
	padding-left: 16px;
	margin-top: -190px;
	height: 190px;
	width: 220px;
	color: #fff;
	}

#adressbar a {
	color: #fff;
	}