/*===============================================================
PEERINGPOINT 2009/2010
Author: Florian Jessl
URL: http://www.create.at / http://www.peeringpoint.at

All Rights reserved.
===============================================================*/
@charset "utf-8";

* {
		padding: 0;
		margin: 0;
}

body { 
		font-family: Arial;
		font-size: 12px;
        margin:0;
        padding:0;
		background-color:#e7e7e7;
		color:#454545;
		background-image:url(../img/design/body_bg.jpg);
		background-repeat:repeat-x;
		background-position:top;
}

a {
		text-decoration:none;
		/*color:#454545;*/
		color:#157366;
		font-weight:bold;
		
}

a img {
		border:0;
}

a:hover {
	/*color:#0a221f;*/
	text-decoration:underline;
}

h1 {
}

h2 {
		margin-bottom:25px;
}

h3 {
}

.clearer {
		clear:both;
		line-height:0;
		font-size:0;
		height:0;
		width:0;
}

.center {
		margin: 0 auto 0 auto;
}


.orange {
		color:#f06f07;
}


/*-----------------------------------------------------------------------------------------------------------*/

#container {
		/*border:1px solid lime;*/
		
		width:956px;
		margin:40px auto 0 auto;
		background-color:#FFF;
		
		
}

* html container {
		width:970px;
}

#logo {
		/*border:1px solid blue;*/
		
		width:364px;
		height:101px;
		
		float:left;
		margin-left:8px;
}

#top_bar {
		float:left;
		margin-top:15px;
}
#suche {
		float:right;
		font-size: 11px;
		padding-right:11px;
}

* html #suche {
		padding-right:18px;
}

*:first-child+html #suche {
		padding-right:26px;
}

input {
	color:#454545;
}

.inputStyle{
		border: 1px solid #ababab;
		height: 20px;
}

.buttonStyle {
		vertical-align:bottom;
}

* html .buttonStyle {
		padding-bottom:1px;
}



/*######++++++######+++ Menu +++######++++++######*/


.menu {
		width:570px; 
		/*height:32px;*/ 
		position:relative; 
		z-index:100;
		
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
		width:570px; 
		w\idth:570px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
}
.menu ul ul {
		/*width:149px;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



.menu li {
		float:left;
		/*width:149px;*/
		position:relative;
}
.menu ul li {
		background-image:url(../img/design/menu_bg.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
}

/* style the links for the top level */
.menu a, .menu a:visited {
		color:#454545;
		display:block;
		/*width:138px; 
		height:30px; */
		/*border-width:1px 0 1px 1px; */
		height:100%;
		padding:20px 15px 12px 15px;
		/*color:#000;*/
		font-weight:bold; 
		/*line-height:29px; */
		
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
		/*width:149px; 
		w\idth:138px;*/
		float:left;
}

/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {
		background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
		background-color:#f0f0f0;
		background-image:url(../img/design/dropdown_bg.jpg);
		background-repeat:no-repeat;
		background-position:left;
}*/
/* style the second level hover */
.menu ul ul a.drop:hover{
		/*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
		background-color:#e2e2e2;
		background-image:url(../img/design/dropdown_m_over.jpg);
		background-repeat:no-repeat;
		background-position:left;
}
.menu ul ul :hover > a.drop {
		/*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:46px;
		left:0; 
		min-width:180px;
		
}
/* another hack for IE5.5 */
* html .menu ul ul {
		top:46px;
		t\op:47px;
		width:180px;
		w\idth:180px;
}



/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
		position:absolute; 
		top:0; 
		left:0; 
		
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
		background-color:#f0f0f0;
		background-image:url(../img/design/dropdown_bg.jpg);
		background-repeat:no-repeat;
		background-position:left;
		/*height:auto; 
		line-height:1em; */
		padding:15px 15px 8px 45px;
		min-width:180px;
		
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
		width:180px;
}

/* style the top level hover */
.menu a:hover, .menu ul a:hover{
		/*background-color:#e2e2e2;
		background-image:url(../img/design/dropdown_m_over.jpg);
		background-repeat:no-repeat;
		background-position:left;*/
		background-color:#f06f07;
		color:#FFF;
		text-decoration:none;
}
.menu :hover > a, .menu ul :hover > a {
		/*background-color:#e2e2e2;
		background-image:url(../img/design/dropdown_m_over.jpg);
		background-repeat:no-repeat;
		background-position:left;*/
		background-color:#f06f07;
		color:#FFF;
}

/*flo j test*/

.menu ul ul a:hover{
		background-color:#e2e2e2;
		background-image:url(../img/design/dropdown_m_over.jpg);
		background-repeat:no-repeat;
		background-position:left;
		color:#454545;
}
.menu ul ul :hover > a {
		background-color:#e2e2e2;
		background-image:url(../img/design/dropdown_m_over.jpg);
		background-repeat:no-repeat;
		background-position:left;
		color:#454545;
}



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
		visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
		visibility:visible; 
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
		visibility:visible; 
}





#breadcrumb {
		/*
		background-image:url(../img/design/bread_crumb_bg.jpg);
		background-repeat:no-repeat;
		*/
		width:545px;
		background-image:url(../img/design/breadcrumb_bg.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		height:25px;
		padding:16px 0 0 14px;
		color:#454545;

}


#breadcrumb a {
		color:#454545;
}

/*######++++++######+++ Menu End +++######++++++######*/



#footer {
		font-size:10px;
		width:90%;
		/*margin-top:15px;*/
		padding-bottom:5px;
		padding-top:10px;
		/*border-top:1px solid #e4e4e4;*/
		margin-left:47px;
}

#footer_txt {
		float:left;
		margin-left:87px;
}

* html #footer_txt {
		margin-left:48px;
}

#footer_menu {
		float:left;
}

#footer_img {
		padding-bottom: 10px;
}