/*
lila: a7135b
gelb: f9ad01
schwarze schrift: 1a171b
*/

html {
	height: 100.05%;
	margin:0 0 1px 0;
	padding: 0;
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #1a171b;
	background-color:#fff;
	margin:0;
	padding:0;
}

h1 {
	font-weight:normal; 
	font-size: 20px; 
	line-height: 24px;
	margin: 0;
	color:#a7135b;
	padding: 0 0 20px 0;
}

h2 {
	font-weight: bold; 
	font-size: 14px; 
	line-height: 16px;
	margin: 0;
	padding: 0 0 10px 0;
}

a {
	text-decoration: none;
	color: #a7135b;
	font-weight:bold;
}
a:hover {
	color: #a7135b;
	font-weight:bold;
}

p {
	padding:0;
	margin:0;
}

.error {
	color: #a7135b;
}



input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #1a171b;
	border:1px solid #ccc;
}


/*specific divs */
#container {
	width:909px;	/*909-24-22*/	/*909-24-22*/
	margin:17px auto 0 auto;
	padding: 0 24px 0 22px;
	background-color:#fff;
	background-image:url(../images/bg.jpg);
}

#header {
	width:909px;	/*909-24-22*/
	height:198px;
	clear:both;
	margin:0;
	padding:0;
}
#website_logo {
	width:117px;
	height:177px;
	float:left;
	margin:0;
	padding: 0;
}
#topmenu {
	width:717px;
	height:142px;
	float:left;
	margin:0 0 0 75px;
	padding:0;
}
#topmenu .topmenu_el {
	float:left;
	width:165px;
	height:142px;
	position:relative;
}
#topmenu .topmenu_el .level1_link {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:45px;
	padding:0;
	margin:0;
	cursor:pointer;
}
#topmenu .topmenu_el ul {
	position:absolute;
	top:55px;
	left:0px;
	list-style-type:none;
	padding:0;
	margin:0;
}
#topmenu .topmenu_el ul li a {
	color:#fff;
	font-weight:normal;
	padding:0 0 0 18px;
}
#topmenu .topmenu_el ul li a:hover, #topmenu .topmenu_el ul li a.open {
	background-image:url(../images/topmenu_ident.jpg);
	background-repeat:no-repeat;
	background-position:7px 10px;
}
#topmenu .topmenu_el ul li  {
	
}
#topmenu .divider {
	float:left;
	width:1px;
	border-right:1px solid #cacaca;
	height:142px;
	margin:0 8px 0 8px;
	padding:0;
}

#main {
	width:909px;	/*909-24-22*/
	min-height: 174px;
	height: auto !important;
	height: 174px;
	clear:both;
	margin:0;
	padding: 0;
}


#left {
	float:left;
	width:117px;
	margin:0;
	padding:0;
}
#menu {
	width:105px;
	min-height: 326px;
	height: auto !important;
	height: 326px;
	margin:0; 
	padding:0;
	overflow:hidden;
}
#menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #737373;
}
	
/*Level 1*/
#menu .level1, #menu .level1_open  {
	color: #1a171b;
	height: 21px;
	background-color: #fff;
	line-height: 21px;
	padding:0;
	margin:0;	
	border-top:1px solid #737373;
}
#menu .level1_open  {
	background-color:#fff;
	background-image:url(../images/menu_ident.jpg);
	background-repeat:no-repeat;
	background-position:0px 15px;
}
#menu .level1 a, #menu .level1_open a  { 
	color: #1a171b;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	height:21px;
	text-decoration: none;
	padding:0 0 0 8px;
	margin:0;
	/*width:175px;
	display:block;*/
}
#menu .level1_open a  { 
	color:#1a171b;
}
#menu .level1 a:hover, #menu .level1_open a:hover  { 
	font-weight:normal;
	color:#1a171b;
	background-image:url(../images/menu_ident.jpg);
	background-repeat:no-repeat;
	background-position:0px 12px;
}


/*Level 2*/
#menu .level2, #menu .level2_open  {
	background-color: #fff;
	color: #1a171b;
	height: 21px;
	line-height: 21px;
	margin: 0;
	padding: 0;	
}
#menu .level2_open  {
	background-image:url(../images/menu_ident.jpg);
	background-repeat:no-repeat;
	background-position:11px 16px;
}
#menu .level2 a, #menu .level2_open a  { 
	color: #1a171b;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	padding:0 0 0 19px;
}
#menu .level2_open a, #menu .level2 a:hover, #menu .level2_open a:hover  { 
	color:#1a171b;
}
#menu .level2 a:hover, #menu .level2_open a:hover  { 
	color:#1a171b;
	background-image:url(../images/menu_ident.jpg);
	background-repeat:no-repeat;
	background-position:11px 11px;
}

#suche {
	width:117px;
	height:105px;
	margin:0; 
	padding:0;
}
#suche input {
	width:90px;	/*105-15*/
	background-image: url(../images/lupe.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding:0 0 0 15px;
}
#footer {
	width:117px;
	margin:0; 
	padding:0;
}


/*Boxen*/
.boxes {
	width:717px;	
	float:left;
	margin:0;
	padding:0;
}
.box, .box_last {
	background-color:#ececed;
	padding:0;
	margin:0;
	float:left;
	border:1px solid #838284;
	min-height: 157px;
	height: auto !important;
	height: 157px;
}
.box .header, .box_last .header {
	width:148px;	/*165-8-7-1-1*/
	color: #1a171b;
	font-weight:normal;
	padding:2px 7px 2px 8px;
	font-size: 14px; 
	line-height: 17px;
	/*overflow:hidden;*/
	min-height: 17px;
	height: auto !important;
	height: 17px;
	margin:0;
	border-bottom:2px solid #b7b7b8;
}
.box .content, .box_last .content {
	width:148px;	/*165-8-7-1-1*/
	color: #1a171b;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	padding:0 7px 0 8px;
	margin:5px 0 5px 0;
}
.box .content a, .box_last .content a {
	color:#a7135b;
}


.wbox {
	width:347px; /*349-1-1*/
	min-height: 157px;
	height: auto !important;
	height: 157px;
	background-color:#ececed;
	padding:0;
	margin:0;
	float:left;
	border:1px solid #838284;
}
.wbox .left {
	float:left;	
	width:164px;	/*165-1*/
	margin:0 19px 0 0;
	padding:0;
}
.wbox .header {
	width:156px;	/*164-8*/
	color: #1a171b;
	font-weight:normal;
	padding:2px 0 2px 8px;
	font-size: 14px; 
	line-height: 17px;
	/*overflow:hidden;*/
	min-height: 17px;
	height: auto !important;
	height: 17px;
	margin:0;
	border-bottom:2px solid #b7b7b8;
}
.wbox .content {
	width:156px;	/*164-8*/
	color: #1a171b;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	padding:0 0 0 8px;
	margin:5px 0 5px 0;
}
.wbox .content a {
	color:#a7135b;
}
.wbox .right {
	float:left;
	width:164px;	/*165-1*/
}




#content_articles_headline {
	margin:10px 0 0 0;
}
.content_articles {
	list-style-type:none; 
	margin:0; 
	padding:0;	
}
.content_articles li {
	padding-bottom:5px;	
}
.content_articles li a {
	font-style:normal;
	font-weight:normal;
	color:#1a171b;
}
.content_articles li a.active {
	font-weight:normal;
	color:#a7135b;
}
.content_articles li a:hover {
	font-weight:normal;
	color:#a7135b;
}


/*Image Gallery */
.gallery {
	margin:15px 0 0 0;
	clear:both;
	padding:0;
}
.gallery ul {
	margin:0;
	list-style-type:none;
	padding:0;
	clear:both;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.gallery li {
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:157px;
	font-size:11px;
	overflow:hidden;
}

.navbar {
	margin:0;
	padding:0 0 22px 0;
}


#documents {
	padding: 25px 0 10px 0;
	margin:0;
}
#documents_headline {
	margin:0 0 5px 0; 
	padding:0 0 5px 0; 
	border-bottom:1px solid #d7d7d7;	
}
.document {
	padding: 0;
	margin:0;
}


/*Templates*/
#template1 {
	width:717px;
	float:left;
	margin:0 0 0 75px;
	padding:0;
}
#template1 .top {
	width:717px;
	margin:0;
	padding:0;
}
#template1 .top .mainmedia {
	margin:0 0 17px 0;
	padding:0;
}
#template1 .bottom {
	width:717px;
	margin:0;
	padding:0;
	/*background-color:#737373;*/
}
#template1 .bottom .content {
	width:717px;
	padding:0 0 19px 0;
	margin:0;
	color:#1a171b;
}
#template1 .bottom .content h1 {
	color:#a7135b;
}
#template1 .boxes {
	width:717px;
	float:left;
	margin-top:20px;
}
#template1 .box, #template1 .wbox {
	margin-right:19px;
}
#template1 .box_last {
	margin-right:0;
}



#template2 {
	width:717px;
	float:left;
	margin:0 0 0 75px;
	padding:0;
}
#template2 .left {
	width:269px;
	float:left;
	min-height: 239px;
	height: auto !important;
	height: 239px;
	margin:0;
	padding:0;
}
#template2 .left .content {
	width:255px;	/*269-14*/
	padding:0 14px 19px 0;
	margin:0;
}
#template2 .left .content h1 {
	color:#a7135b;
}
#template2 .right {
	width:264px;
	float:left;
	margin:0 19px 0 0;
	padding:0;
}
#template2 .boxes {
	width:165px;	
	float:left;
}
#template2 .box, #template2 .box_last {
	margin-bottom:14px;
}


