/* CSS Document
Name: VENDARE | AUTOMATEN CATERING
URI: http://www.vendare.at
Start:19.01.09 | Update: 15.04.09 */


/* COLORS */

.bg {background-color: #fff;}
.bgcontent {background-color: #faf4eb;}

.typoblue {color: #3e6ba1;}
.typored {color: #c61040;}
.typobrown {color: #26120b;}
.typobrightbrown {color: #8c5f4f;}
.typogrey {color: #666;}
.typoblack {color: #000;}
.typowhite {color: #fff;}
.typoyellow { color: #F1A722; }


/* DEFAULT */

body {
background-color: #FFF; font: 75% Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0;
}

p {
text-align: left; margin: 10px 12px 20px 15px; font-size: 0.95em; line-height: 1.5em;
}

hr { 
color: #CCCCCC;
}

#maindiv p {
text-align: left; margin: 0 12px 0 15px; font-size: 0.95em; line-height: 1.5em;
}

/* LINK */

a:link {text-decoration: underline; color: #8c5f4f; background-color: transparent;}
a:visited {text-decoration: underline; color: #8c5f4f; background-color: transparent;}
a:hover, a:active, a:focus {text-decoration: none; color: #3e6ba1; background-color: transparent;}


/* HEADLINE */

h1 {text-indent: -9000px; margin: 0; padding: 0; font-size: 95%; color: #26120b;}

h2 {text-transform: uppercase; margin: 10px 15px 20px 15px; padding: 0; font-size: 120%; font-weight: bold; color: #3e6ba1; text-align: left; line-height: 1.5em;}

h3 {font-size: 100%; margin: 15px 15px 20px 15px; padding: 0; text-align: left; font-weight: bold; color: #26120b; line-height: 150%;}

h4 {text-transform: uppercase; font-size: 100%; margin: 15px 15px 0 15px; padding: 0; text-align: left; font-weight: bold; color: #3e6ba1; line-height: 150%;}

h5 {font-size: 0.9em; margin: 15px; padding: 0; text-align: left; font-weight: bold; color: #CCC; line-height: 150%;}

h6 {margin: 2px 0 0 15px; font-size: 0.9em; font-weight: normal; text-align: left;}


/* TOOLS */

.floatLeft { float: left; }

.spacer { border-bottom: 1px solid #FFF; clear: both;}

.clear { clear: both;}


/* BILDER */

.imgborder{margin: 5px 15px 5px 0;
}

.imgborder2{ border: 1px solid #666; padding: 5px; background-color: #efefef; margin: 5px 15px 5px 0;
}


.imgright {
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.imgrighttop {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.imgleft {
	float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
}

.imgicons {
 margin: 5px 15px 5px 0;
}

.borderblack {
	padding: 10px;
	border: 1px solid #cccccc;
}


/* BODY */

#wrapper {width: 800px; margin: 0 auto; padding: 0;}

#container { clear:left; width: 800px; overflow: hidden; margin: 0;}

#wrapper2 {width: 550px; margin: 0 auto; padding: 0;}

#container2 { clear:left; width: 550px; overflow: hidden; margin: 0;}


/* NAVIGATION */
/* Top */

#topnav {float: left; width: 600px; height: 50px; margin: 0; padding: 0;}

#topnav ul
{
list-style: none;
margin: 0;
padding: 0;
}

#topnav li
{
margin: 0;
padding: 15px 0 0 0;
float: left;
}

#topnav .welcome
{
	font-size: 1em;
	color: #26120b;
	display: inline;
	text-decoration: none;
	margin: 0;
	padding: 0 29px 0 28px;
	border-left: 1px solid #ccc;
}

#topnav a
{
	font-size: 1em;
	color: #26120b;
	display: inline;
	text-decoration: none;
	margin: 0;
	padding: 0 29px 0 28px;
	border-left: 1px solid #ccc;
}

#topnav a:hover, #topnav a:active {color: #3e6ba1; }


/* Main*/

 #mainnav
{
float: left;
margin: 0;
padding: 0;
width: 194px;
}

#mainnav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
float: left;
font-size: 1em;
}

#mainnav li
{
	display: block;
	height: 99px;
	float: left;
	text-align: left;
	width: 194px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#mainnav li a {
	padding-top: 99px;
	height: 0 !important;
	height /**/: 99px;
	overflow: hidden;
}


#mainnav #nav1{
	background-image: url(../img/Produktwelt.jpg);
	background-repeat: no-repeat;
}

#mainnav #nav2{
	background-image: url(../img/Geraetelinien.jpg);
	background-repeat: no-repeat;
}

#mainnav #nav3{
	background-image: url(../img/Angebote.jpg);
	background-repeat: no-repeat;
}

#mainnav #nav4{
	background-image: url(../img/serviceundbestellung.jpg);
	background-repeat: no-repeat;
}

#mainnav a
{
color: #26120b;
display: block;
height: 99px;
text-decoration: none;
margin: 0;
padding: 0 20px;
text-align: left;
}

#mainnav a:hover, #mainnav a:active { color: #3e6ba1; }


/*  Base */

#basenav
{
	float: left;
	width: 194px;
	/* height: 100px; */
	font-size: 0.90em;
	background-color: #faf4eb;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../img/service.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#basenav ul
{
	list-style: none;
	margin: 0;
	border: none;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#basenav li
{
display: block;
margin: 0;
padding: 0;
line-height:150%;
float: left;
text-align: left;
width: 194px;
}

#basenav a
{
color: #8c5f4f;
text-decoration: none;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
}

#basenav a:hover, #mainnav a:active { color: #3e6ba1; }


/* HEADER */

#header {
	width: 800px;
	height: 65px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#logo {
	float: left;
	width: 200px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#left {
	float: left;
	width: 194px;
	height: 109px;
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#right {
	float:right;
	width: 600px;
	padding: 0;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}


/* CONTENT */

#leftcon {float: left; width: 194px; height: auto; margin: 0; padding: 0;}

#Col3 #primary {
float: left;
width: 399px;
height: 497px;
margin: 0 0 0 6px;
padding: 10px;
background: #faf4eb;
}

#Col2 #primary {
width: 600px;
float:left;
margin: 0 0 0 6px;
padding: 0;
background-color: #fff;
}

#maincon {
width: 450px;
min-height: 510px;
height: auto;
float:left;
margin: 0 0 0 6px;
padding: 0 10px 0 0;
background: #FFF;
border-left: 1px solid #ccc;
}

#maindiv_01 , #maindiv_02 , #maindiv_03 , #maindiv_04 , #maindiv_05 , #maindiv_06 , #maindiv_07 , #maindiv_08 , #maindiv_09 , #maindiv_10 {
	width: 430px;
	float:left;
	margin: 0;
	padding: 0;
	/* background: #FFF; */
	text-align: left;
	visibility: hidden;
	z-index:1;
	position: absolute;
	top: 572px;
}

#maindiv2_01 , #maindiv2_02 , #maindiv2_03 , #maindiv2_04 , #maindiv2_05 , #maindiv2_06 , #maindiv2_07 , #maindiv2_08{
	width: 440px;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* background: #FFF; */
	text-align: left;
	visibility: hidden;
	z-index:1;
	position: absolute;
	top: 600px;
}


/* IE+ */
/*\*/
* html #maincon {
height: 510px;
}
/**/

/* #primary img {
 margin: 5px 15px 5px 0;
} */

#primary .logos img {
 margin: 6px;
}

/* #primary .table img {
 margin: 0;
}

#primary .table a {
text-decoration: none;
line-height: 120%;
}

#primary .table p  {
text-align: center;
margin: 10px 0 15px 0; 
}*/

#primary table {
text-align: left; margin: 0 12px 0 15px; float:left; font-size: 0.95em; line-height: 1.5em; 
}

#primary table.order {
text-align: left; margin: 0 0 0 0; float:left; font-size: 0.95em; line-height: 1.5em; 
}

#secondary{
float:left;
width: 175px;
height: 470px;
margin: 0 0 0 6px;
padding: 0;
}

#secondary a{
color: #666;
}


/* TYPO */

.indent {
 margin: 15px 30px 30px 45px;
}


/* ul */

#primary ul {
	
	text-align: left;
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
}

#primary ol {
	text-align: left;
	list-style-type: circle;
	margin: 15px 0 0 15px;
	font-size: 0.95em; line-height: 1.5em;
	padding: 0;
}

#primary ol.zahlung {
	text-align: left;
	list-style-type: circle;
	margin: 15px 0 0 90px;
	font-size: 0.95em; line-height: 1.5em;
	padding: 0;
}

#primary li {
	text-align: left;
	margin: 5px 0 0 35px;
	padding: 0;
}


/* Sub */

#subnav {
float: left;
width: 130px;
line-height: 1.5em;
margin: 0;
padding: 8px 0 0 0;
font-size: 0.9em;
}

#subnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#subnav li {
margin: 0;
padding: 4px 10px 5px 10px;
text-align: right;
}

#subnav a {
color: #26120b;
text-decoration: none;
margin: 0;
padding: 0;
}

#subnav a:hover, #subnav a:active {background: none; color: #8c5f4f; }


/* ACTIVE NAVIPOINTS */

body.medialounge #topnav a#medialounge, body.unternehmen #topnav a#unternehmen, body.referenzen #topnav a#referenzen, body.karriere #topnav a#karriere, body.kontakt #topnav a#kontakt {
color: #3e6ba1;
/* font-weight: bold; */
}

body.produktwelt #mainnav a#produktwelt, body.geraetelinien #mainnav a#geraetelinien, body.angebote #mainnav a#angebote, body.service_bestellung #mainnav a#service_bestellung { 
color: #3e6ba1;
/* font-weight: bold; */
}

body.links #basenav a#links, body.impressum #basenav a#impressum, body.cafe_co #basenav a#cafe_co, body.agb #basenav a#agb, body.kaffeetypen_test #basenav a#kaffeetypen_test { 
/* color: #c61040; */
font-weight: bold;
}

#primary.prodgetr #subnav a#prodgetr, #primary.prodspez #subnav a#prodspez, #primary.prodausw #subnav a#prodausw, #primary.prodmerch #subnav a#prodmerch, #primary.prodreze #subnav a#prodreze,
#primary.prodneu #subnav a#prodneu,

#primary.angmod #subnav a#angmod, #primary.angmspez #subnav a#angmspez, #primary.angzahl #subnav a#angzahl,

#primary.gershop #subnav a#gershop, #primary.gerbar #subnav a#gerbar, #primary.gerbaby #subnav a#gerbaby, #primary.germini #subnav a#germini, #primary.gertable #subnav a#gertable, #primary.gerbot #subnav a#gerbot, #primary.ger700 #subnav a#ger700, #primary.ger850 #subnav a#ger850, #primary.gershope #subnav a#gershope, #primary.gershop_xl #subnav a#gershop_xl, #primary.vendare_xl #subnav a#vendare_xl, 
#primary.gershop_l #subnav a#gershop_l, #primary.vendare_l #subnav a#vendare_l, #primary.vendare_m #subnav a#vendare_m, #primary.vendare_s #subnav a#vendare_s, #primary.spirali_xl #subnav a#spirali_xl,
#primary.spirali_l #subnav a#spirali_l, #primary.cold_lift #subnav a#cold_lift, #primary.cold #subnav a#cold,

#primary.serkun #subnav a#serkun, #primary.serbest #subnav a#serbest, #primary.serfaq #subnav a#serfaq,

#primary.pressnat #subnav a#pressnat, #primary.pressint #subnav a#pressint, #primary.searchengine #subnav a#searchengine, #primary.downloads #subnav a#downloads,

#primary.mednews #subnav a#mednews, #primary.medtest #subnav a#medtest, #primary.meddown #subnav a#meddown, #primary.medgal #subnav a#medgal,

#primary.cmsnews #subnav a#cmsnews, #primary.cmsdown #subnav a#cmsdown, #primary.cmsgal #subnav a#cmsgal, #primary.cmsimgs #subnav a#cmsimgs,

#primary.untuns #subnav a#untuns, #primary.untqual #subnav a#untqual, #primary.untinno #subnav a#untinno, #primary.untum #subnav a#untum, #primary.untstand #subnav a#untstand, #primary.untint #subnav a#untint, #primary.untnachhal #subnav a#untnachhal,

#primary.refref #subnav a#refref, #primary.refmein #subnav a#refmein,

#primary.konkon #subnav a#konkon, #primary.konnach #subnav a#konnach { 
font-weight: bold;
}

/* DIVERS */

form {
width: 418px;
border: 0;
margin: 0 0 10px 0;
padding: 10px;
text-align: left;
font-size: 0.9em;
line-height: 2em;
}

form.order {
width: 418px;
border: 0;
margin: 0 0 0 0;
padding: 0;
text-align: left;
font-size: 0.9em;
line-height: 2em;
}

fieldset {
width: 146px;
margin: 0 0 10px 0;
padding: 5px;
}

.default fieldset {
width: auto;
margin: 10px 0 10px 50px;
padding: 0;
}

input {
margin-top:0;
padding: 2px;
background: #faf4eb;
color: #3e6ba1;
border: 1px solid #8c5f4f;
}

textarea {
	margin-top:0;
	padding: 2px;
	background: #faf4eb;
	color: #3e6ba1;
	border: 1px solid #8c5f4f;
}

.default input {
display: block;
}

input.submit {
	border: 1px;
	padding: 2px;
	background: transparent;
	font-size: 9px;
}

table {
	margin: 0;
	padding: 0;
	border: 0;
}

tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
td {
	font-weight: normal;
	/* line-height: 150%;
	color: #000; */
	margin: 0;
	/* text-align: left; */
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0;
}