/*
IFH Köln Screen Styles
Author:   Fridtjof Detzner
Version:  25. August 2006
----------------------------------------------- */

/*  Misc
----------------------------------------------- */

.body {
	background: #0084CA;
	text-align:center;
	font-size:small;
	font-size:80%;
	margin:26px 0 0 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}


a:link,
a:visited
{
	text-decoration: underline;
	color:#2D8BBD;
}

a:hover { color: #333; text-decoration:underline}
a:active { 	color: #333; }


h1 {
	font:bold 150%/140% Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#0084CA;
	margin:0;
	padding:0;
}


h2 { font:bold 120%/140% Arial, Helvetica, sans-serif; color:black; margin:0; padding:0;  }

#content li {
	background:url('http://www.ifhbenchmarking.de/img/li.gif') no-repeat left 6px;
	line-height:130%;
	list-style:none;
	padding-left:10px;
}

p {margin:0; padding:0;}

div.hr { border-top:1px solid #CCC;}
.newsletterInput {	width:180px; }

div#content { font-size:85%;}
div#navigation, div#header { font-size:85%;}

div#footer
{
	line-height:120%;
	font-size:85%;
}

/*  Flex Elemente
----------------------------------------------- */

/* Liste */

ul.list
{
	list-style:none;
	padding:0 0 0 15px;
	margin:0;
}

ul.list li
{

	margin:0;
	padding:5px 0;
	background-position:left 10px !important;
}

ul.list a {}

/* Ticker */

div.ticker
{
	height:88px;
	border:1px solid #0084CA;
	background:white;
	padding:0;
	position:relative;
}



h3.ticker
{
	color:white;
	background:#0084CA;
	text-transform:uppercase;
	margin:0;
	padding:2px 2px 2px 15px;
	font:bold 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}


ul.ticker
{
	list-style:none;
	padding:0 ;
	margin:0;
	position:relative;
}

ul.ticker li
{
	margin:1px 0;
	padding:2px 5px 2px 15px;
	border-bottom:1px dashed #0084CA;
	background: url('http://www.ifhbenchmarking.de/img/li.gif') no-repeat 6px 6px;
	font:10px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.ticker div.more {
	position:absolute;
	
	right:0;
	bottom:0;
	
	display:block;
	font: 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2px;
}

div.ticker a.more {
	font: 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/*  Detailkasten
----------------------------------------------- */

div#detailbox
{
	width:330px;

	border:1px dashed #CCC;
	background:#EEE;
	padding:15px 30px;	

}

div#detailbox .leftcol,
div#detailbox .rightcol
{
	width:160px;
}


div#detailbox .leftcol { float:left; }
div#detailbox .rightcol { float:right; }


/* Liste */

div#detailbox ul.detaillist
{
	margin:0;
	padding:0;
}

/* Shop */

/*  addtobasket lang */

a.addtobasket, a.addtobasket:visited {
	display:block;
	background:#EBE8E8 url('http://www.ifhbenchmarking.de/img/card-add.gif') no-repeat 10px 50%;
	border:1px solid #DDD;
	border-color:white white #DDD white;
	color:#2D8BBD;
	padding:5px 5px 5px 38px;
	margin:5px 0;
	width:225px;
	text-decoration:none;
}

a.addtobasket:hover
{
	background-color:white;
	border:1px solid #DDD;
	text-decoration:underline;
}

/*  addtobasket kurz */

a.addtobasketshort, a.addtobasketshort:visited {
	float:right;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	
	background:#F5F3F3 url('http://www.ifhbenchmarking.de/img/card-add.gif') no-repeat 50% 50%;
	border:1px solid #EEE;
	border-color:white white #EEE white;
	text-indent:-5000px;
	text-decoration:none;
}

a.addtobasketshort:hover
{
	background-color:#EBE8E8;
	border:1px solid #DDD;
}

ul.cartlist
{
	margin:0 0 0 10px;
	padding:0;
	list-style:none !important;
}

ul.cartlist li
{
	display:block;

	padding:5px 0 7px 0;
	border-bottom:1px dotted #DDD;
	list-style:none !important;
	list-style-image:none !important;
	background-image:none !important;
}

/* Button Themen und Branchen */

ul.button
{
	margin:5px 0;
	padding:0;
	list-style:none !important;
}

ul.button li
{
	margin:5px 0;
	padding:0;
	background-image:none !important;

}

ul.button li a
{
	display:block;
	width:400px;
	padding:3px 3px 3px 15px ;
	background:#EAEAEA;
	
	border:1px solid #DDD;
	border-color:white white #DDD white;
}

ul.button li a:hover
{
	background:white;	
	border-color:#DDD;
}

div.firstgatebox {
	border:1px solid #CCC;
	padding:13px;

	background:#FEFEFE url(http://www.ifhbenchmarking.de/img/box-body.png) repeat-x top;
}

img.firstgatelogo {
	float:left;
	margin:5px 10px 20px 0;
}

div.box { width:500px; margin:15px 0;} /* Box -> Ansprechpartner */

div.box h3 {
	padding:5px 0 5px 15px;
	margin:0 0 1px 0;
	font:bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#3C93C2 url(http://www.ifhbenchmarking.de/img/box-head.gif) repeat-x top;
	color:white;
}
div.box dl {
	margin:0;
	padding:10px;
	border:1px solid #CCC;
	background:#FEFEFE url(http://www.ifhbenchmarking.de/img/box-body.png) repeat-x top;
	overflow:hidden;
}

* html div.box dl {	height:1%; } /* holy */

div.box dd {
	float:left;
	margin:0;
	padding:0 0 0 2px;
}
div.box dd img,
img.person {
	padding:4px;
	background:white;
	border:1px solid #CCC;
	border-color:white #CCC #CCC white;
}
div.box dd {
	margin:0;
	padding:0;
}

* html div.box dd {	height:1%; } /* holy */

/*  Shortbox
----------------------------------------------- */

dl.shortbox
{

}

dl.shortbox dt
{
	float:left;

	margin:0 15px 0 0;
	padding:0;
}

dl.shortbox dd
{
	float:left;

	margin:0;
	padding:0;
}








/* Spacer für Überschriften */

.spacer {margin-bottom:5px;}

.listspacer  {margin:5px 0 3px 0;}

/* standardbox */

div.standardbox {
	width:430px;
	background:#EBE8E8;
	border-bottom:1px solid #DDD;
	margin:0 0 10px 0;
	padding:5px 5px 5px 10px;
}

/*  Warenkorb klein
----------------------------------------------- */


table.shoppingbasket {  }

table.shoppingbasket .name { width:90%;}
table.shoppingbasket .counter { width:10%; text-align:center;}

table.shoppingbasket caption {
	text-align:left;
	margin:5px 0 5px 0;
	font-weight:bold;
	background:url(http://www.ifhbenchmarking.de/img/card.gif) no-repeat right center;
}


table.shoppingbasket {  }

table.shoppingbasket .name { width:90%;}
table.shoppingbasket .counter { width:10%; text-align:center;}

table.shoppingbasket caption {
	text-align:left;
	margin:5px 0 5px 0;
	font-weight:bold;
	background:url(http://www.ifhbenchmarking.de/img/card.gif) no-repeat right center;
}



/*  Shopping Fulldetail
----------------------------------------------- */

table.shopping
{
	padding: 0;
	margin:5px 0;
}

table.shopping th {
	border-right: 1px solid #CCC;
	margin:0;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #D9D9D9 url(http://www.ifhbenchmarking.de/img/warenkorb-header.png) no-repeat top left;
}

table.shopping td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #fff;
	padding: 6px 6px 6px 12px;
	margin: 0;
}

table.shopping th.first,
table.shopping td.first { border-left: 1px solid #CCC; }

table.shopping tr.summe td { border: 3px solid #CCC; border-width:3px 0 0 0; }
table.shopping tr.summesmall td { border: 1px solid #CCC; border-width:1px 0 0 0; }




/*  Buttons Card
----------------------------------------------- */

a.card-delete:link,a.card-delete:visited,
a.card-add:link,a.card-add:visited,
a.card-minus:link,a.card-minus:visited
{
	display:block;
	background-color:white;
	background-position: center left;
	background-repeat:no-repeat;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:16px;
	padding-left:20px;
	margin:1px 0;
}

a.card-delete { background-image: url(http://www.ifhbenchmarking.de/img/card-delete.gif);}
a.card-add { background-image: url(http://www.ifhbenchmarking.de/img/card-add.gif);}
a.card-minus { background-image: url(http://www.ifhbenchmarking.de/img/card-minus.gif);}

a.card-delete:hover,
a.card-add:hover,
a.card-minus:hover { background-color:#EEE; }

h4.message-ok
{
	border:1px solid #CCC !important;
	margin:10px 0 !important;
	padding:5px !important;
	background:#E9E9E9 url(http://www.ifhbenchmarking.de/img/teaserbg.png) repeat-x top !important;
}




/*  CSS Layout
----------------------------------------------- */
div#container
{
	margin:0 auto;
	text-align:left;
	background: white url('http://www.ifhbenchmarking.de/img/contentbg.png') repeat-y top;
	width:986px;
}

* html div#wrapper { float:left; }

div#header
{
	display:block;
	background: url('http://www.ifhbenchmarking.de/img/headerbg.png') no-repeat top;
	padding:18px 18px 0 18px;
	margin:0;
	height:155px;
	position:relative;
}

div#header .leftcol
{
	position:absolute;
	top:57px;
	left:130px;
	padding:0;
	margin:0;
}

div#header .rightcol
{
	position:absolute;
	top:52px;
	right:30px;
	width:370px;
	padding:0;
	margin:0;
}

h1#logo { margin:0; padding:0;	 }

h1#logo a
{
	position:absolute;
	margin:30px 0 0 34px;
	display: block;
	width: 45px;
	height: 99px;
	border:0;
	background: url('http://www.ifhbenchmarking.de/img/logo.gif') no-repeat top left;
}

h1#logo span { display: none; }

div#search
{
	position:absolute;
	top:0px;
	left:590px;
}

div#search .field
{
	width:320px;
	margin-right:5px;
	margin-bottom:3px;
}

div#search .button
{
}



div#navigation
{
	float:left;
	width:243px;
}

div#navigation .gutter { margin: 15px 5px 15px 33px;}


div#content
{
	float:right;
	width:725px;
}

div#shop,
div.shop
{
	float:right;
	width:200px;
}

div#innershop,
div.innershop
{
	border:1px solid #CCC;
	border-color:white #CCC #CCC white;
	background:#EAEAEA;
	padding:10px;
	margin:0 0 15px 15px;
}



div#shop ul
{
margin:0 0 0 15px;
padding:0;
}


div#shop h1
{
	font:bold 130%/140% Arial, Helvetica, sans-serif;
	color:black;
	margin:0;
	padding:0;
}


div#shop hr
{
	background-color:white;
	color:white;
	border: white;
	height: 1px;
}



div#content .gutter { padding: 0 30px 15px 15px;}

div#stripe
{
	clear:both;
	width:100%;
	display:block;
	height:13px !important;
	line-height:0;
	background:url('http://www.ifhbenchmarking.de/img/contentbottom.gif') no-repeat 18px bottom;
}


div#footer
{
	clear:both;
	width:100%;
	color:#666;
	padding-bottom:18px;
	background: url('http://www.ifhbenchmarking.de/img/footerbg.png') no-repeat bottom;
}

div#footer .gutter {
	background-color:#DBDBDB;
	border-right:0px solid white;
	border-bottom:11px solid white;
	border-left:11px solid white;
	margin:0 18px 0 18px;
	padding:8px 22px 8px 22px;
}

div#footer a { color:black; }


/*  Navigation
----------------------------------------------- */

ul#mainNav1,
ul#mainNav2,
ul#mainNav3
{
	margin:0;
	padding: 0;
}

ul#mainNav1 {
	border-bottom:1px solid white;
	margin: 0 0 0 28px;
}


ul#mainNav1 li,
ul#mainNav2 li,
ul#mainNav3 li
{
	display: inline;
	margin: 0;	
	padding: 0;
}


ul#mainNav1 li a,
ul#mainNav1 li a:visited,
ul#mainNav2 li a,
ul#mainNav2 li a:visited,
ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	display: block;
	font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:black;
	background:#DBDBDB;
	border:1px solid #CCC;
	border-color:white #CCC #CCC white;
}


ul#mainNav1 li a, ul#mainNav1 li a:visited { padding:4px 4px 4px 20px; }
ul#mainNav2 li a, ul#mainNav2 li a:visited { padding:3px 3px 3px 30px; }
ul#mainNav3 li a, ul#mainNav3 li a:visited { padding:3px 3px 3px 40px; }


ul#mainNav1 li a:hover,
ul#mainNav2 li a:hover,
ul#mainNav3 li a:hover
{
	border-color:white #014D75 #014D75 white;
	background:#0084CA;
	color:white;
}

ul#mainNav1 li a.current,
ul#mainNav2 li a.current,
ul#mainNav3 li a.current,
ul#mainNav1 li a:visited.current,
ul#mainNav2 li a:visited.current,
ul#mainNav3 li a:visited.current
{ 
	border-color:white #014D75 #014D75 white;
	background:#0084CA;
	color:white;
	font-weight:bold;
}

/*  Häcks
----------------------------------------------- */
ul.sitemap li {
	margin:0 !important;
	padding:0 !important;
	display:inline;
	background-image:none !important;
}