/* -----------------------------------------------
Caupo.Net 11.0 Frank Kirgis
Version: 2007-01-24
----------------------------------------------- */
body	{
margin:				0 0 0 0;
color:				#353535;
background-color:	#ffffff;
font-family:		Verdana,Geneva,Arial,sans-serif;
font-size:			11pt;
}

a:link		{color:		#191970}
a:visited	{color:		#191970}
a:hover		{color:		#dc143c}
a:active	{color:		#dc143c}
td			{font-size:	9pt;}
p			{font-size:	9pt;}
h1			{font-size:	13pt;color:#c00000;margin:0px;padding:0px;font-weight:normal;padding-bottom:14px;}
h2			{font-size:	11pt;color:#c00000;margin:0px;padding:0px;font-weight:normal;padding-bottom:10px;}
.bgBody		{background-color:	#3d8fcc;}
.bgContent	{background-color:	#ffffff;}
.bgOffers	{background-color:	#f0f0f0;}
.b			{color:		#008000;}

.form_80	{width:80px;}
.form_211	{width:211px;}
.form_300	{width:300px;}

#gecko_scrollbar {display: none;}

html>body #gecko_scrollbar {
position:	absolute;
z-index:	1;
bottom:		-1px;
left:		0;
width:		1px;
height:		1px;
display:	block;
font-size:	0;
}
/* -----------------------------------------------
Head
----------------------------------------------- */
.head	{
color:#000000;
background-color:#00448d;
font-size:11px;
font-weight:normal;
line-height:80px;
height:80px;
}
.slogan		{
color:#ffffff;
background-color:#00448d;
font-size:12pt;
font-weight:normal;
line-height:52px;
text-align:left;
}
/* -----------------------------------------------
NavTop
----------------------------------------------- */
.NavTop {
height:28px;
text-align:center;
background: url( /gra/bg_tab_off.gif) repeat-x;
background-color:transparent;
}
.TabActive {
font-size: 9pt;
color: #000000;
text-decoration:none;
text-align:center;
line-height:28px;
border-left: #c9cacf 1px solid;
background: url( /gra/bg_tab_on.gif) repeat-x;
background-color:transparent;
}
a.TabActive:link,a.TabActive:active,a.TabActive:visited {
font-size: 9pt;
color: #000000;
text-decoration:none;
text-align:center;
display: block;
line-height:28px;
border-left: #c9cacf 1px solid;
background: url( /gra/bg_tab_on.gif) repeat-x;
background-color:transparent;
}
a.TabActive:hover {
font-size: 9pt;
color: #000000;
text-decoration:none;
text-align:center;
display: block;
line-height:28px;
border-left: #c9cacf 1px solid;
background: url( /gra/bg_tab_on.gif) repeat-x;
background-color:transparent;
}
.TabPassive {
font-size: 9pt;
color: #000000;
text-decoration:none;
text-align:center;
line-height:28px;
border-left: #c9cacf 1px solid;
background: url( /gra/bg_tab_off.gif) repeat-x;
background-color:transparent;
}
a.TabPassive:link,a.TabPassive:active,a.TabPassive:visited {
font-size:9pt;
color:#000000;
text-decoration:none;
text-align:center;
display:block;
line-height:28px;
border-left:#c9cacf 1px solid;
background:url( /gra/bg_tab_off.gif) repeat-x;
background-color:transparent;
}
a.TabPassive:hover {
font-size:9pt;
color: #000000;
text-decoration:none;
text-align:center;
display:block;
line-height:28px;
border-left:#c9cacf 1px solid;
background-color:transparent;
background:url( /gra/bg_tab_on.gif) repeat-x;
}
.TabPassiveRight {
border-left:#c9cacf 1px solid;
line-height:28px;
background-color:transparent;
background:url( /gra/bg_tab_off.gif) repeat-x;
}

/* -----------------------------------------------
NavSub
----------------------------------------------- */
.NavSub {
color:#000000;
background-color:#f1f2f4;
font-size:9pt;
text-decoration:none;
text-align:center;
line-height:28px;
}
.NavSubShade	{
background-color: #ffffff;
line-height: 6px;
background-image: url(../gra/bg_shade_bottom.gif);
}

TopBar_Link_act	{
color: #a9dd32;
font-size: 11px;
text-decoration: none;
line-height: 25px;
}
a.TopBar_Link_act:link,a.TopBar_Link_act:active,a.TopBar_Link_act:visited,a.TopBar_Link_act:hover {
color: #ff0000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 25px;
}
.TopBar_Link_pas	{
color: #000000;
font-size: 11px;
text-decoration: none;
line-height: 25px;
}
a.TopBar_Link_pas:link,a.TopBar_Link_pas:active,a.TopBar_Link_pas:visited {
color: #000000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 25px;
}
a.TopBar_Link_pas:hover {
color: #ff0000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 25px;
}
/* -----------------------------------------------
content
----------------------------------------------- */
.cont_container {
font-family:Verdana,Geneva,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
background: #ffffff;
padding: 10px;
border-bottom: #000000 1px solid;
}
/* -----------------------------------------------
Angebot
----------------------------------------------- */
.hint	{
color: #c00000;
font-family: Verdana,Geneva,Arial;
font-size: 10pt;
}

.beispiel	{
border: #FFA000 1px solid;
width: 250px;
font-size: 9pt;
font-family: Verdana,Geneva,Arial;
background: #F5F5F5;
padding: 3px;
}

/* -----------------------------------------------
products
----------------------------------------------- */
.product_container {
font-family:Verdana,Geneva,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
background: #ffffff;
/*padding: 10px;*/
border-bottom: #000000 1px solid;
}

div#product-box {
width:580px;
text-align:left;
height:140px;
/*border: #c9cacf 1px solid;*/
}

div#product-box-left {
width:130px;
float:left;
/*border: #c9cacf 1px solid;*/
}

div#product-box-right {
width:410px;
float:right;
text-align:left;
}

p.product-box {text-align:right;}
p.product-price {font-size:11pt;color:#c00000;margin:0px;padding:0px;font-weight:normal;text-align:right;}
p.product-price-tax {font-size:7pt;color:#000000;margin:0px;padding:0px;font-weight:normal;text-align:right;}
a.product-link:link, a.product-link:active, a.product-link:visited {color:#000000;}
a.product-link:hover{color:#009bd7;}

/* -----------------------------------------------
box
----------------------------------------------- */
div.box {
width: 580px;
margin: 0 0 1em 0;
padding: 0;
cursor: pointer;
background: url(/gra/bg_box_bottom_580.gif) no-repeat bottom left;
}

div.box div.box-content{
display:block;
padding: 12px 13px;
overflow:hidden;
background: url(/gra/bg_box_top_580.gif) no-repeat top left;
}

.box-referenz {
	background:		#fff;
	padding:		10px;
	border:			1px solid #ccc;
}

/* list-box ----------------------------------- */
div.list-box{background:#f1f2f4;padding:10px;border-top:1px solid #ccc;}
/* seal-box ----------------------------------- */
div.seal-box{
background:	#f1f2f4;
text-align:	center;
padding:	10px;
border-top:	1px solid #ccc;
}
/* contac-box --------------------------------- */
.contact-box{padding: 5px;background: #f5f5f5;font-size: 9pt;}
/* imprint-box -------------------------------- */
div#imprint-box			{width:558px;text-align:left;}
div#imprint-box-left	{width:210px;float:left;}
div#imprint-box-right	{width:230px;float:right;text-align:left;}
/* -----------------------------------------------
teaser
----------------------------------------------- */
div.teaser-red {
width:		270px;
margin:		0 0 1em 0;
padding:	0;
cursor:		pointer;
background:	url(/gra/bg_teaser_red_270_bottom.gif) no-repeat bottom left;
}

div.teaser-red div.teaser-red-content{
display:block;
padding: 12px 13px;
overflow:hidden;
background: url(/gra/bg_teaser_red_270_top.gif) no-repeat top left;
}
/* ----------------------------------------------- */
div.teaser-grey {
width: 270px;
margin: 0 0 1em 0;
padding: 0;
cursor: pointer;
background: url(/gra/bg_teaser_grey_270_bottom.gif) no-repeat bottom left;
}

div.teaser-grey div.teaser-grey-content{
display:block;
padding: 12px 13px;
overflow:hidden;
background: url(/gra/bg_teaser_grey_270_top.gif) no-repeat top left;
}
div.teaser-grey h4{
font-weight:bold;
display:block;
font-size:1.2em;
padding: 0 0 4px 0;
margin:0;
}
div.teaser-grey h4 a{color:#666666;}

div.teaser-grey div.teaser-grey-content a,
div.teaser-grey-large div.teaser-grey-content a,
{
text-decoration: none;
padding-left:10px;
display:block;
background: url(/gra/icon-raquo.gif) no-repeat 0 0.45em;
}

div.teaser-grey div.teaser-grey-content h4 a {
text-decoration: none;
padding-left:0px;
display:block;
background: none;
}

div.teaser-grey div.teaser-grey-content a:hover,
div.teaser-grey:hover a,
{
text-decoration: underline;
}

/* ----------------------------------------------- */
div.flash {
width:			270px;
margin:			0 0 1em 0;
padding:		0 0 0 0;
}

div.teaser {
width:			270px;
margin:			0 0 1em 0;
padding:		0;
cursor:			pointer;
background:		url(/gra/bg_teaser_270_bottom.gif) no-repeat bottom left;
}
div.teaser div.teaser-content{
display:		block;
padding:		12px 13px;
overflow:		hidden;
background:		url(/gra/bg_teaser_270_top.gif) no-repeat top left;
}
div.teaser h4{
font-weight:	bold;
display:		block;
font-size:		1.2em;
padding:		0 0 4px 0;
margin:			0;
}
div.teaser h4 a{
color:#666666;
}
div.teaser div.teaser-content a,
div.teaser-large div.teaser-content a,
a.raquo-block-link
{
text-decoration: none;
padding-left:10px;
display:block;
background: url(/gra/icon-raquo.gif) no-repeat 0 0.45em;
}
div.teaser div.teaser-content h4 a {
text-decoration: none;
padding-left:0px;
display:block;
background: none;
}
div.teaser div.teaser-content a:hover,
div.teaser:hover a,
a.raquo-block-link:hover
{
text-decoration: underline;
}
/* -----------------------------------------------
kontakt form
----------------------------------------------- */
.form_text {
font-size: 9pt;
background-color: #c9cacf;
width: 220px;
height: 22px;
line-height: 22px;
vertical-align: bottom;
padding: 0 3px 0 10px;
border-bottom: 1px solid #ffffff;
}
.form_input {
background-color: #ebecf0;
width: 336px;
height: 22px;
line-height: 22px;
vertical-align: bottom;
padding: 0 1px 0 10px;
border-left: 1px solid #f2f2f2;
border-bottom: 1px solid #ffffff;
}
select {width: 226px;}
/* -----------------------------------------------
footer
----------------------------------------------- */
.line_01{color: #000000;background-color:#c9cacf;}
/* - eof -------------------------------------- */