/* CSS Document */

/* Definition von Containern etc. */

/* 	
	hellblau: # 00a1de
	dunkelblau: #002f5f
	pink: #e0119d
*/

html,body {
	margin:0;
	width:100%!important;
	border:none!important;
	height:100%;
	background-color:#00A1DE;
	margin-bottom:20px;
	color:#002f5f;
}

/************************************************* container *****************************************************/

div#mainWrapper {
	width:752px;
	/*height:400px;*/
	margin:0 auto;
	margin-top:125px;
	/*background:url(../img/layout/box/dummy-bg.gif) bottom right no-repeat;*/
}

div#shortCuts {
	height:50px;
	width:240px;
	float:right;
}

div#content {
	width:580px!important;
	float:left;
	margin-left:5px;
	background:#fff;
}

div#contentSpacer {
	padding:40px 20px 20px 50px;
}

div#infoNav {
	position:relative;
	top:20px;
	left:438px;
	font-size:11px!important;
	width:150px;	
}

div#infoNav a {
	color:#002f5f;
	font-size:11px!important;
}

div#infoNav a:hover {
	color:#e0119d;
}

div#welcomeImg {
	background:url(../img/home_09.jpg) top left no-repeat;
	width:240px;
	height:263px;
	float:right;
	margin-right:-20px;
	margin-top:20px;
}

div#welcomeNewsAndBlogContainer {
	width:270px;
	min-height:190px;
	margin-bottom:20px;
}

div#welcomeHigaLogo {
	background:url(../img/home_higalogo-2010.jpg) top left no-repeat;
	width:130px;
	height:69px;
	
	
}

/************************************************* shortCuts *****************************************************/
/* Kontakt */
#shortCutKontakt {
	float:right;
	width:43px;
	height:42px;
	margin-left:5px;
}
#shortCutKontakt a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/shortcut_kontakt.gif) top left no-repeat;
}
#shortCutKontakt a:hover {
	background:url(../img/layout/shortcut_kontakt_active.gif) top left no-repeat;
}

#shortCutKontakt a.active {
	background:url(../img/layout/shortcut_kontakt_active.gif) top left no-repeat;
}

/* Pictures */
#shortCutPictures {	
	float:right;
	width:44px;
	height:42px;
	margin-left:5px;
}
#shortCutPictures a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/shortcut_pictures.gif) top left no-repeat;
}
#shortCutPictures a:hover {
	background:url(../img/layout/shortcut_pictures_active.gif) top left no-repeat;
}
#shortCutPictures a.active {
	background:url(../img/layout/shortcut_pictures_active.gif) top left no-repeat;
}

/* Movies */
#shortCutMovie {
	float:right;
	width:43px;
	height:42px;
	margin-left:5px;
}
#shortCutMovie a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/shortcut_movie.gif) top left no-repeat;
}
#shortCutMovie a:hover {
	background:url(../img/layout/shortcut_movie_active.gif) top left no-repeat;
}
#shortCutMovie a.active {
	background:url(../img/layout/shortcut_movie_active.gif) top left no-repeat;
}

/* Kommentar */
#shortCutKommentar {
	float:right;
	width:43px;
	height:42px;
	margin-left:5px;
}
#shortCutKommentar a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/shortcut_kommentar.gif) top left no-repeat;
}
#shortCutKommentar a:hover {
	background:url(../img/layout/shortcut_kommentar_active.gif) top left no-repeat;
}
#shortCutKommentar a.active {
	background:url(../img/layout/shortcut_kommentar_active.gif) top left no-repeat;
}

/* Lupe */
#shortCutHome {
	float:right;
	width:43px;
	height:42px;
}
#shortCutHome a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/shortcut_home.gif) top left no-repeat;
}
#shortCutHome a:hover {
	background:url(../img/layout/shortcut_home_active.gif) top left no-repeat;
}
#shortCutHome a.active {
	background:url(../img/layout/shortcut_home_active.gif) top left no-repeat;
}
/************************************************* box *****************************************************/

.boxTopLeft {
	background:url(../img/layout/box/corner_top_left.gif) top left no-repeat;
	width:100%;
	height:100%;
	background-color:#fff;
}

.boxTopRight {
	background:url(../img/layout/box/corner_top_right.gif) top right no-repeat;
	width:100%;
	height:100%;	
}

.boxBottomLeft {
	background:url(../img/layout/box/corner_bottom_left.gif) bottom left no-repeat;
 	width:100%;
	height:100%;	
}

.boxBottomRight {
	background:url(../img/layout/box/corner_bottom_right.gif) bottom right no-repeat;
	width:100%;
	height:100%;	
}


/************************************************* Navigation Stufe 1 *****************************************************/



div#navigationWrapper {
	width:165px;
	float:left;
}
div#navigationWrapper div.navigationSpacer {
	
	margin-bottom:5px;
	width:100%;
}

 ul.navTree {
	list-style-type:none;
	padding:12px 5px 12px 0;
	margin:0 0 0 0;
}

ul.navTree li {
	padding:0;
	margin:2px 15px 0 0;
	background:none;
}

ul.navTree li a {
	color:#002f5f;
	padding-left:15px;
	font-weight:bold;
	font-size:15px;
}

ul.navTree li a:hover {
	color:#e0119d;
	text-decoration:none;
}

ul.navTree li a.active {
	color:#e0119d;
}


/************************************************* Navigation Stufe 2 und 3 *****************************************************/


/************************************************* Navigation Stufe 2 *****************************************************/

ul.navTree li ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.navTree li ul li.depth2 a {
	display:block;
	text-decoration:none;
	padding:0 0 0 15px;
	line-height:12px;
	color:#002f5f;
	font-size:12px;
	font-weight:normal!important;
	
}

ul.navTree li.depth2 a:hover {
	display:block;
	text-decoration:none;
	color:#e0119d;
	
}

ul.navTree li.depth2 a.active {
	color:#e0119d;
}

ul.navTree li.depth2 a.active:hover {

}

/************************************************* Navigation Stufe 3 *****************************************************/

ul.navTree li ul li.depth2 ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 0;
}

ul.navTree li ul li.depth2 ul li.depth3  {
	display:block;
	text-decoration:none;
	padding:0 0 0 12px;
	line-height:12px;
	color:#002f5f;
	font-size:12px;
	font-weight:normal!important;
	margin-top:3px;
	
}

ul.navTree li ul li.depth2 ul li.depth3  a:hover {
	display:block;
	text-decoration:none;
	
}

ul.navTree li ul li.depth2 ul li.depth3  a.active {
	
}

ul.navTree li ul li.depth2 ul li.depth3  a.active:hover {

}



/************************************************* misc *****************************************************/

.spacer10px {
	height:10px;
}

.spacer20px {
	height:20px;
}

.spacer20pxWidth {
	width:20px;
	float:left;
}

.height0px {
	height:0px;
	overflow:hidden;
}

.noTopMargin {
	margin-top:0;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
}

.clear-right {
	clear:right;
}

.hidden {
	display:none;
}