/* :::::::::: general items :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* generally definitions for body, form fields, div's and links */
html, body {
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: verdana, arial, "trebuchet ms";
	font-size: 11px;
	line-height: 20px;
	background-image: url(../background/bg.gif);
	background-repeat: repeat-x;
}
	
a, area, input, select {
	text-decoration: none;
	outline: none;
}

a:link {
	text-decoration:none;
}

form {
	margin: 0px;
	padding: 0px;
}

.subheader {
	color: #FF9933;
}

.link {
	text-decoration:underline;
}

.link:hover {
	color:#FF9933;
}
	
.input {
	margin: 0px;
	padding: 2px;
	border:1px solid #ccc;
	font-size: 11px;
	line-height: 11px;
}

input.searchfields {
	width: 255px;	
}

.select {
	height: 17px;
	width: 259px;
	/* hides for ie-mac \*/
	width: 100% !important;
	/* end hide for ie-mac */
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 11px;
}

.checkbox {
	position: relative;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	vertical-align: middle;
	top: -2px;
}

input.zuruecksetzen {
	width: 77px;
	height: 14px;
	vertical-align: top;
	background-image: url(../content/buttons/zuruecksetzen.gif);
	background-repeat: no-repeat;
	background-color: white;
	border: none;
	cursor: pointer;
}

input.suchen {
	width: 43px;
	height: 14px;
	margin: 0px 0px 0px 10px;
	vertical-align: top;
	background-image: url(../content/buttons/suche.gif);
	background-repeat: no-repeat;
	background-color: white;
	border: none;
	cursor: pointer;
}

input.kurssuche {
	width: 62px;
	height: 14px;
	vertical-align: top;
	background-image: url(../content/buttons/kurssuche.gif);
	background-repeat: no-repeat;
	background-color: white;
	border: none;
	cursor: pointer;
}

	
	
/* :::::::::: site structure :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* containers */
#site_container {
	width: 880px;
	min-height: 100%;
	/* hides for ie-mac \*/ 
	height: auto !important; /* for modern browsers */
	/* end hide for ie-mac */
  	height: 100%; /* for ie-win */
	margin: auto;
	background-color: white;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#container_top {
	height: 230px;
	margin: 0px 1px;
	background-position: left 240px;
	background-repeat: repeat-x;
}

/* areas */
#area_address {
	width: 209px;
	float: left;
}
	
#area_header {
	width: 880px;
	float: right;
	font-size: 0px;
	line-height: 0px;
}

#area_nav {
	width: 189px; /* 209px - padding */
	float: left;
	padding: 20px 0px 0px 20px;
}
	
#area_content {
	width: 650px;
	float: right;
	padding: 20px 20px 0px 0px;
}

/* contents of area_top */
#area_top {
	height: 40px;
}

#area_sitepath {
	float:left;
}

#area_search {
	width: 190px;
	float: right;
}

#area_bottom {
}

#logo {
	margin: 20px 0px 0px 20px;
}
	
#address {
	margin: 5px 0px 0px 20px;
}

#header {
}

#select_language {
	position: relative;
	margin: -13px 20px 0px 0px;
	z-index: 2;
}

#but_search {
	margin: 3px 0px 0px 0px;
	float: left;
}
	
#input_search {
	float: right;
}

.clear_float {
	font-size: 0px;
	clear: both;
}

.area_adds {
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #e1e1e1;
}

.add {
	padding: 10px 10px 10px 10px;
	background-color: #f5f5f5;
}

.calender_add {
	margin: 0px 0px 10px 0px;
}

.subtitle {
	margin: 0px 0px 7px 0px;
}

/* footer */
#area_footer {
	padding: 40px 0px 0px 0px;
}

#footer_left {
	width: 440px;
	float: left;
	border-top: 1px solid #e1e1e1;
}

#footer_right {
	width: 190px;
	float: right;
}

#logo_eduqua {
	position: relative;
	top: 7px;
}

.link_footer {
	margin: 0px 3px 0px 3px;
}

.space_bottom {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}


/* :::::::::: content of index :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#column_middle {
	width: 445px;
	float: left;
}

#column_right {
	width: 195px;
	float: right;
}

#teaser_left {
	width: 220px;
	float: left;
}

#teaser_right {
	width: 200px;
	float: left;
	margin: 0px 0px 0px 20px;
}

#teaser_left_content {
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #e1e1e1;
}

/* :::::::::: content of template 1 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#area_searchfields {
	margin: 20px 0px 0px 0px;
}

#reset_search {
	padding: 20px 0px 0px 0px;
}

/* :::::::::: navigation and subnavigation :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* navigation */
.but_nav {
	width: 170px;
	height: 37px;
	display: block;
	background-position: left 5px;
	background-repeat: no-repeat;
}

.home {
	background-image: url(../works/nav/home.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.home {
	border-top: 1px solid #d69d2a;
}

.home_active {
	height: 27px;
	background-image: url(../works/nav/home.jpg);
	border-top: 1px solid #d69d2a;
}


.vorstandbehoerd {
	background-image: url(../works/nav/vorstbehoer.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.vorstandbehoerd {
	border-top: 1px solid #d69d2a;
}

.vorstandbehoerd_active {
	height: 27px;
	background-image: url(../works/nav/vorstbehoer.jpg);
	border-top: 1px solid #d69d2a;
}

.artikelmeinung {
	background-image: url(../works/nav/artmein.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.artikelmeinung {
	border-top: 1px solid #d69d2a;
}

.artikelmeinung_active {
	height: 27px;
	background-image: url(../works/nav/artmein.jpg);
	border-top: 1px solid #d69d2a;
}

.wahlen {
	background-image: url(../works/nav/wahlen.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.wahlen {
	border-top: 1px solid #d69d2a;
}

.wahlen_active {
	height: 27px;
	background-image: url(../works/nav/agenda.jpg);
	border-top: 1px solid #d69d2a;
}

.agenda {
	background-image: url(../works/nav/agenda.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.agenda {
	border-top: 1px solid #d69d2a;
}

.agenda_active {
	height: 27px;
	background-image: url(../content/buttons/agenda.jpg);
	border-top: 1px solid #d69d2a;
}

.links {
	background-image: url(../works/nav/links.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.links {
	border-top: 1px solid #d69d2a;
}

.links_active {
	height: 27px;
	background-image: url(../content/buttons/links.jpg);
	border-top: 1px solid #d69d2a;
}

.kontakt {
	background-image: url(../works/nav/kontakt.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.kontakt {
	border-top: 1px solid #d69d2a;
}

.kontakt_active {
	height: 27px;
	background-image: url(../works/nav/kontakt.jpg);
	border-top: 1px solid #d69d2a;
}

.news {
	background-image: url(../works/nav/news.jpg);
	border-top: 1px solid #e1e1e1;
}

:hover.news {
	border-top: 1px solid #d69d2a;
}

.news_active {
	height: 27px;
	background-image: url(../works/nav/news.jpg);
	border-top: 1px solid #d69d2a;
}




.text_small {
	font-size: 9px;
	line-height: 9px;
	text-decoration: none;
}

.normal {
	font-size: 11px;
	line-height: 18px;
}

.bold {
	font-weight: bold;
}

.white {
	color: white;
}

.black {
	color: black;
}

/* :::::::::: link styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.sitepath_link { 
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../background/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: left 3px;}

:hover.underline {
	text-decoration: underline;
}

.acrobat {
	margin: 1px 6px 0px 0px;
	float: left;
}

.calender {
	float: right;
}



/* :::::::::: list styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul {
	margin: 0px;
	padding: 0px;
}
	
li {
	padding: 0px 0px 0px 10px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	background-image: url(../background/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}

.list_border {
	border-bottom: 1px solid #e1e1e1;
}

/* :::::::::: only styles of listexpander :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.listexpander a {
	color: black;
	text-decoration: none;
}

.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}

.listexpander li {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	cursor:pointer;
}

.listexpander a:hover {
	color: black;
	text-decoration: underline;
}

/* first level */
.listexpander li {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/expand.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: normal;
} 

.listexpander li.expanded {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../background/collapse.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: bold;
}

/* second level */
.listexpander li li {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/expand.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: normal;
}

.listexpander li li.collapsed {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/collapse.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: normal;
} 

.listexpander li li.expanded {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/collapse.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: bold;
}

/* third level */
.listexpander li li li {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/collapse.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: normal;
}

.listexpander li li li.collapsed {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/expand.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: normal;
} 

.listexpander li li li.expanded {
	padding: 0px 0px 0px 10px;
	background-image: url(../background/collapse.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-weight: bold;
}

/* etc. */

.listexpander li.link {
	background-image: url(../background/arrow_1.gif);
}