@charset "ISO-8859-1";

html, body {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	
	font-size:12px;
	font-family:Verdana;
	
	background-image:url('../img/gradientbg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

h1 {
	font-family:'Arial Black', Arial;
	font-size:18px;
	font-weight:bolder;
	color:#999;
}
h2 {
	font-size:16px;
	color:#222;
}

a {
	text-decoration:none;
	font-weight:bolder;
}

#wrapper_page {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	width:950px;
	
	margin:auto;
	background-color:transparent;
}

#wrapper_header {
	border:1px solid #CCC;

	width:100%;
	
	background-color:white;
}

#wrapper_menu {
	border-top:1px solid #CCC;
}

#wrapper_content {
	padding:10px 15px 50px 15px;
}

#wrapper_submenu {
	font-size:1.2em;
	margin-top:20px;
	width:160px;
	float:left;
	padding-top:5px;
	padding-bottom:10px;
	border-right:1px solid #CCC;
}

#wrapper_footer {
	height:50px;
	margin-top:-51px;
	
	width:950px;
	
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
	font-size:10px;
	color:#666;
	
	bottom:0; /* stick to bottom */
	background-color:#EEE;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
	#wrapper_footer div {
		padding:5px 0px 0px 0px;	
	}
	#wrapper_footer a {
		color:gray;	
	}
	#wrapper_footer a:hover {
		color:black;	
	}

#header_background {
	height:180px;
	background-image:url('../img/header_img.png');
	background-position:right;
	background-repeat:no-repeat;
}

#header_logo {
	height:180px;
	background-image:url('../img/header_logo_trauart.png');
	background-position:left;
	background-repeat:no-repeat;
}

#breadcrumb, #btn_bts {
	font-size:10px;
	font-weight:bolder;
	color:#999;
}
#breadcrumb {
	float:left;
}
	#breadcrumb .bc_arrow {
		color:orange;
		font-weight:bolder;
	}

#btn_bts {
	float:right;
}
	#btn_bts a {
		color:#999;
	}
	#btn_bts a:hover {
		color:#000;
	}	

#page_content {
	margin-top:10px;
	padding:0px 20px 20px;
}

.img_right_sidebar {
	border:1px solid gray;
	margin:10px 0px 10px 30px;
}
	
.content_text strong {
	font-weight:bolder;
	/*color:orange;*/
}

.ci_seperator {
	border-left:1px solid #ccc;
	float:left;
	height:100%;
}

.menu_spacer {
	margin-top:5px;
	border-left:1px solid #BBB;
	float:left;
	height:25px;
}

a.menu_item, a.menu_item_selected, a.menu_item:visited {
	text-decoration:none;
	height:15px;
	font-size:12px;
	font-family:Arial;
	padding:11px 10px 10px 11px;
	float:left;
	display:block;
	font-weight:bold;
	color:#555;
	vertical-align: middle;
}

a.menu_item:hover, a.menu_item:active, a.menu_item_selected {
	float:left;
	display:block;
	color:#000;
	background-image:url('../img/menuhover.jpg');
}


.submenu_item, .submenu_item_selected {
	font-size:0.9em;
	padding:2px 0px 2px 0px;
	color:orange;
	font-weight:bolder;
}

.submenu_item .submenu_item, .submenu_item_selected .submenu_item_selected,
.submenu_item_selected .submenu_item {
    padding:2px 0px 2px 15px;
}

.submenu_item a {
	text-decoration:none;
	color:#AAA !important;
}
.submenu_item a:hover, .submenu_item a:active, .submenu_item_selected a {
	color:#000;
}


.item_aktuelles {
	width:500px;
	margin:auto;
	/*float:left;*/
}
.item_aktuelles h2 {
	padding:0px;
	margin:0px ;
	text-size:16px;
	color:#222;
	border-bottom:2px solid #ccc;
}
.item_aktuelles .ia_content {
	height:100px;
	padding:15px;
	margin:0px 10px;
	background-image:url('../img/iagrad.jpg');
}
.item_aktuelles a {
	color:orange;
}
.item_aktuelles a:hover {
	color:white;
}

.clear {
	clear:both;
}