/****************************************************
 * description:		main css-styles for cafeplusco.com
 * autor: 			christoph batik
 * email:			christoph.batik@keynet.at
 * web:				www.keynet.at
 * updated:			2010-04-15
 * **************************************************
 */


/* css normalisierungen
--------------------------------------------------- */

/* margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Entfernt list-style von Listen */
ol,ul { list-style : none; }

/* font-style und font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Zellen-Abstände in Tabellen */
table { border-collapse : collapse; border-spacing : 0; }

/* Entfernt Rahmen um fieldset und img */
fieldset,img { border : 0; }



/* formatierung uebergeordnet
--------------------------------------------------- */

html { overflow-y: scroll; }
html, body { width: 100%; }
legend { display: none; }

body

body {
	background-color: #ffffff; 
	text-align: center;	
}

body, td, input, textarea, select {
	font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d1e17;
}

.clearfix { clear: both; }
.hidden { display: none; }

strong { font-weight: bold; }

a { color: #fcb202; }
a:link { color: #fcb202; }
a:visited { color: #fcb202; outline: none; }
a:hover { color: #daa118; }
a:focus { color: #daa118; -moz-outline-style: none;}

h1 {
	color: #fcb202;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin-bottom: 22px;
	line-height: 110%;
}

h2 {
	color: #fcb202;
	font-size: 12px;
	margin-bottom: 16px;
	font-weight: normal;
}

h3 {
	color: #2d1e17;
	font-weight: bold;
	margin-bottom: 16px;
}

h4 {
	color: #2d1e17;
	font-weight: bold;
	margin: 0;
}




/* layout
--------------------------------------------------- */

#container {
	float: left;
	position: absolute;
	top: 52px;
	left: 50%;
	width: 803px;
	margin-left: -402px;
	text-align: left;
	z-index: 10;
}

img#logo {
	float: left;
}

#badge {
	position: absolute;
	top: 220px;
	right: 50%;
	margin-right: -540px;
	z-index: 15;
}

#beans_pic {
	position: absolute;
	right: 50%;
	margin-right: -645px;
	z-index: 5;
}


/* navigation
--------------------------------------------------- */

ul#navi_top {
	float: left;
	margin: 50px 0 0 23px;
}

ul#navi_top li {
	float: left;
	list-style: none;
}

ul#navi_top li a {
	display: block;
	width: 80px;
	height: 35px;
	font-size: 13px;
	background: url('../images/navi/dotted.gif') no-repeat left center;
	color: #000;
	text-decoration: none;
	padding: 0 0 1px 9px;
}

ul#navi_top li a:hover {
	color: #fcb202;
}

ul#navi_top .active a {
	color: #fcb202;
}

/*div#language {
	float: left;
	margin-top: 50px;
	font-size: 13px;
	height: 15px;
	background: url('../images/navi/dotted.gif') no-repeat left center;
	padding: 15px 0 1px 9px;
} */

div#language {
	float: right;
	margin: 10px 65px 0 0;
}

div#language a {
	text-decoration: none;
	color: #fcb202;
}

#text ul.navi_bottom {
	margin: 40px 0 0 0;
}

#text ul.navi_bottom li a {
	color: #fcb202;
}

#text ul.navi_bottom li a:hover {
	color: #daa118;
}

#text ul.navi_bottom li.active {
	color: #bcbcbc;
}

#text ul.navi_bottom li {
	background: none;
	padding: 0;
}

#text ul.partnerlink {
	margin: 0;
}

/* Dropdown Menu (ypSlide) */
#yymenu {
    background-color: #fff;
}

#yymenu > div {
}

#yymenu a {
    display: block;
    margin: 0px;
    padding: 4px 9px;
    text-decoration: none;
    color: #000;
    background: #fff url("../images/navi/dotted_m2.gif") repeat-x left bottom;
}
#yymenu a.last {
    background-image: none;
}

#yymenu a:hover {
    color:#fcb202;
}

#yymenu .mmContent div.mmlink a.submenu:hover {
}

#yymenu .mmLevel1, #yymenu .mmLevel2 {
    margin-bottom:10px;
    padding-top:0px;
}

#yymenu .sub {
    background-image:url(../../images/ypmenu_pfeilg.gif);
    background-position:right center;
    background-repeat:no-repeat;
}

#yymenu .mmContent {
}

#yymenu .mmLevel1 {
}




/* text
--------------------------------------------------- */

#text {
	float: left;
	width: 506px;
	border-top: 1px solid #ccc;
	background: #fff url('../images/textline.jpg') no-repeat right top;
	min-height: 420px;
	height: auto !important; /* Important Regel für moderne Browser */
	height: 420px;
	padding: 20px 15px 20px 11px;
	line-height: 140%;
}

#text a { color: #000; }
#text a:visited { color: #000; outline: none; }
#text a:hover { color: #fcb202; }
#text a:focus { color: #fcb202; -moz-outline-style: none;}


#text p, #text ul {
	margin-bottom: 18px;
}

#text b, #text strong {
	font-weight: bold;
}

#text li {
	background: url('../images/icons/arrow_brown.gif') no-repeat 0 6px;
	padding-left: 10px;
}

a.more {
	background: url('../images/icons/more.gif') no-repeat 0 6px;
	text-decoration: none;
	padding-left: 10px;
	color: #fcb202;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

#text .yellow, #text .yellow a, #text a.yellow, #text a:visited.yellow {
	color: #fcb202;
}

#text .yellow a:hover, #text a:hover.yellow, #text a:focus.yellow {
	color: #daa118;
}

#text .gray {
	color: #BCBCBC;
}

.csc-textpic-imagewrap {
	margin-bottom: 10px;
}

.video {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px 0;
	float: left;
	margin-bottom: 20px;
}

.video h2 {
	margin: 15px 0 0 0;
	color: #2D1E17;
	font-size: 14px;
	width: 365px;
}


/* infocol
--------------------------------------------------- */

#infocol, #text, #animation, #products {
	margin-top: 14px;
}

#infocol {
	float: left;
	width: 265px;
	margin-right: 6px;
	overflow: hidden;
}

#infocol img#pic_big {
	border: 1px solid #ccc;
	margin-bottom: 27px;
	width: 263px;
}

#infocol li {
	display: inline;
}

#infocol ul li a {
	width: 241px;
	height: 20px;
	border: 1px solid #ccc;
	display: block;
	font-size: 12px;
	color: #2d1e17;
	font-weight: normal;
	text-decoration: none;
	padding: 84px 11px 0 11px;
	margin-bottom: 6px;
}

#image_boxes ul li a:hover {
	color: #fcb202;
}

#infocol .imagebox1 {
	background: url('../images/boxes/partner.jpg') no-repeat;	
}

#infocol .imagebox2 {
	background: url('../images/boxes/nachhaltigkeit.jpg') no-repeat;	
}

#infocol .imagebox_hotelgastro {
	background: url('../images/boxes/hotelgastro.jpg') no-repeat;	
}



/* socialbookmarks
--------------------------------------------------- */

.socialbookmarks {
	border: 1px solid #ccc;
	padding: 6px;
}

.socialbookmarks a, .socialbookmarks a:hover {
	color: #000;
	text-decoration: none;
}


/* footer
--------------------------------------------------- */

#footer {
	float: left;
	width: 100%;
	margin: 50px 0 30px 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}

#footer a {
	color: #fcb202;
	text-decoration: none;
}

#footer img {
	float: left;
}

#footer .copyright {
	display: block;
	float: left;
	margin: 12px 0 0 10px;
}

#footer p, #footer ul, #footer li {
	display: inline;
}


/* news
--------------------------------------------------- */

.news-single-backlink {
	font-weight: bold;
}

.news-single-timedata, .news-list-date {
	font-size: 11px;
	padding-bottom: 3px;
}

.news-list-morelink {
	padding-left: 2px;
}

.news-list-item .dots {
	padding-left: 2px;
}

.news-list-browse {
	margin-bottom: 20px;
}



/* formulare
--------------------------------------------------- */

#mailform label {
    display: inline;
    width: 110px;
    float: left;
}

#mailform input {
    display: inline;
    float: left;
}

#mailform div.row {
    clear: both;
    padding: 5px 0;
}

#mailform .input, #mailform .select, #mailform .textarea {
    width: 220px;
}

#mailform .textarea {
    height: 100px;
}

#mailform .plz {
    width: 40px;
margin-right: 5px;
}

#mailform .city {
    width: 169px;
}

#mailform .submit {
    margin-left: 110px;
    padding-left: 3px;
    padding-right: 3px;
}

#mailform .mandatory {
	margin-left: 10px;
}

#mailform .txtarea_lbl label {
  width: 400px;
}

#mailform .txtarea_lbl textarea {
    width: 330px;
}

#mailform .checkbox {
	margin-right: 10px;
}

.mailform_error {
	color: red;
}

#mailform_error ul {
	list-style: none;
}

/* startseite
--------------------------------------------------- */

#animation {
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

#animation img {
	border: 1px solid #ccc;
}

#products {
	float: left;
	width: 268px;
}

#products ul li a {
	display: block;
	float: left;
	width: 123px;
	height: 92px;
	border: 1px solid #ccc;
	margin: 0 3px 3px 0;
	padding: 3px 0 0 6px;
	color: #2d1e17;
	text-decoration: none;
}

#products ul li a:hover {
	border: 1px solid #000;
	color: #000;
}

#products ul li a.schwarz {
	background: url('../images/home_products/schwarz.jpg') no-repeat;
}

#products ul li a.braun {
	background: url('../images/home_products/braun.jpg') no-repeat;
}

#products ul li a.cappucc {
	background: url('../images/home_products/cappucc.jpg') no-repeat;
}

#products ul li a.cafflatte {
	background: url('../images/home_products/cafflatte.jpg') no-repeat;
}

#products ul li a.cappucc, #products a.cafflatte {
	height: 93px;
}

#products ul li a.tee {
	background: url('../images/home_products/tee.jpg') no-repeat;
}

#products ul li a.schoko {
	background: url('../images/home_products/schoko.jpg') no-repeat;
}

#news {
	clear: both;
	float: left;
	padding: 11px;
}

#news h2 {
	font-weight: bold;
	font-size: 14px;
	color: #2d1e17;
	display: inline;
}

#news ul, #news li {
	display: inline;
}

#news a {
	color: #2d1e17;
	text-decoration: none;
}

#news a:hover {
	color: #fcb202; 
}

#image_boxes {
	clear: both;
	float: left;
}

#image_boxes ul, #image_boxes li {
	display: inline;
}

#image_boxes ul li a {
	height: 23px;
	border: 1px solid #ccc;
	display: block;
	float: left;
	font-size: 14px;
	color: #2d1e17;
	font-weight: bold;
	text-decoration: none;
	padding: 104px 11px 0 11px;
}

#image_boxes ul li a:hover {
	color: #fcb202;
}

.box1, .box2 {
	margin-right: 3px;
}

.box1 {
	width: 239px;
	background: url('../images/boxes/quality.jpg') no-repeat;
}

.box2 {
	width: 240px;
	background: url('../images/boxes/culture.jpg') no-repeat;
}

.box3 {
	width: 241px;
	background: url('../images/boxes/contact.jpg') no-repeat;
}

#news_memberships {
	float: left;
	width: 496px;
	margin: 20px 38px 0 0;
}

#news_memberships div.news h2 {
	font-weight: bold;
	font-size: 12px;
	color: #2d1e17;
	display: block;
}

#news_memberships div.news a.more {
	margin-left: 5px;
}

#news_memberships div.news, #news_memberships div.memberships, #news_memberships div.videos {
	padding: 0 9px;
}

#news_memberships div.videos img {
	margin-top: 13px;
}

#news_memberships div.news, #news_memberships div.memberships {
	border-bottom: 1px solid #ccc;
	line-height: 140%;
	padding-bottom: 40px;
}

#news_memberships div.memberships, #news_memberships div.videos {
	padding-top: 9px;
}

#news_memberships div.memberships img {
	margin: 0 13px 10px 0;
}

#news_memberships div.memberships h3, .impressionen_header {
	color: #200f08;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 9px 1px;
}

.impressionen_header {
	font-weight: bold;
}

#partner {
	float: left;
	width: 254px;
	margin: 20px 0 0 0;
	color: #200f08;
	padding-left: 9px;
}

#partner h3 {
	margin: 0 0 15px 0;
	color: #200f08;
	float: left;
}

#partner h3.partner {
	float: right;
}

#partner h4 {
	font-weight: normal;
	margin-top: 15px;
	color: #fcb202;
	background: url('../images/icons/arrows_partner_home.gif') no-repeat 100px 6px;
	clear: both;
}

#partner li a {
	color: #200f08;
	background: url('../images/icons/arrow_brown.gif') no-repeat 0 6px;
	padding-left: 10px;
	text-decoration: none;
}

#partner li a:hover {
	color: #533f38;	
}


#sb_addthis {
	float: right;
	width: 95px;
	border-top: 1px solid #ccc;
	/*padding: 10px 0 0 10px; */
	padding-top: 10px;
	/*margin-top: -70px; */
	margin: 40px 170px 0 0;
}

#sb_addthis h4 {
	/*margin-bottom: 8px; */
}

#sb_addthis .line2 {
	/*float: left; */
	margin-top: 4px;
}

#sb_addthis .rssbtn_home {
	/*float: left; */
	height: 16px;
	margin-left: 7px;
}

/* partner (tabs)
--------------------------------------------------- */

/* Übernommen von ui_jquery */
.ui-tabs { /*padding: .2em;*/ zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; /*padding: .2em .2em 0; */ }
.ui-tabs .ui-tabs-nav li { position: relative; /*float: left;*/ border-bottom-width: 0 !important; /*margin: 0 .2em -1px 0;*/ padding: 0; }
.ui-tabs .ui-tabs-nav li a { /*float: left;*/ text-decoration: none; /*padding: .5em 1em;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { /*padding-bottom: 1px;*/ border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Eigene Styles */
.ui-tabs .ui-tabs-nav li a {
	color: #200f08;
	background: url('../images/icons/arrow_brown.gif') no-repeat 0 6px;
	padding-left: 10px;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: #533f38;	
}

.ui-tabs .ui-tabs-nav {
	line-height: 125%;
	float: left;
}

.ui-tabs .ui-tabs-panel {
	float: right;
	margin: -15px 0 0 0;
	width: 90px;
}

.ui-tabs .ui-tabs-panel img {
	margin: 10px 0;
}

.ui-tabs .ui-tabs-panel p {
	margin-bottom: 8px;
}