@charset "utf-8";
/* -------------------------------------------------------------- 
general.css
-------------------------------------------------------------- */

/*typography */

html {
	font-size:62.5%;
}
body {
	font-size: 1.0em;
	background: #fff;
	line-height:1.5;
}
/* Default fonts and colors. */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color:#47484a;
}
/* Headings */
h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h2 { font-size:3.0em; color:#bf1110; padding-right:250px; line-height:1em; margin-bottom:0.5em}
h3 {
	font-size: 1.3em;
	line-height: 1.5;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
/* Links and color */
a:focus, a:hover {
	color: #000;
	text-decoration: underline;
}
a {
	color: #000;
	text-decoration: none;
}
.s14 {
	font-size:1.4em
}
.s12 {
	font-size:1.2em
}
/* Columns and layouts */

.c {
	border:none;
	float:left;
	margin:0;
	padding:0;
}
.container {
	clear: both;
	position: relative;
	margin: 0px auto;
	max-width: 1200px;
	min-width: 940px;
	width: 90%;
	padding: 0px 20px 0px 20px;
}
/* Lists */

p {
	margin: 0 0 1.5em;
}
p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}




/* Elements  */
.teaser {background:url(/images/bg_teaser.gif) repeat-x top left}
.teaser .left { float:left; width:240px; text-align:center}
.teaser .right { margin-left:250px;}
.teaser .inner {padding:10px}
.teaser h3 
{
border-bottom:1px solid #CCCCCC;
margin:0 0 10px;
padding-bottom:10px;
}


div.d, div.clear, div.unit, div.empty, div.line, div.spacer, div.spacer-big, div.spacer-small {
	width: 1px;
	height: 1px;
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
img, a img {
	border: 0px;
}
.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
.clearfix, .container {
	display: block;
}
.wrapper {
	width:916px;
	margin:0 auto
}
.topBg {
	background:url(/images/topBg.gif) repeat-x top left
}
.bottomBg {
	background:url(/images/bottomBg.gif) repeat-x bottom left
}
/* Header  */
.header {
	padding-bottom:50px;
	z-index:800;
	position: relative;
}
.header .slogan {
	height:65px;
	display:inline-block;
	vertical-align:bottom;
	line-height: 110px;
	color:#a3a3a3;
	font-size:1.3em
}
.header h1#b-logo {
	position:absolute;
	top:15px
}
.header h1#b-logo a {
	width:385px;
	height:83px;
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-3000px;
	border:none
}
.header h1#b-logo a span {
	position:absolute;
	width:385px;
	height:83px;
	top:0;
	left:0;
	background:transparent url(/images/logo2.png) no-repeat 0 0;
}
.header .head-container {
	position:relative;
	background:url(/images/menuBg.gif) no-repeat bottom right;
z-index:700;
}
.content {
	position:relative;
	font-size:1.2em;
margin-bottom:10px;
z-index:400

}

.content ul {
	margin:1em 0 1em 2.5em
}
.content ol {
	margin:1em 0 1em 2.5em
}


.content ol li { list-style:decimal; margin-bottom:1em}
.content ul li { list-style:disc}

.slideshowContainer {border:2px solid #bf1110; position:relative}

 .gap {
	width:20px;
}
 .c637 {
	width:637px
}
 .c259 {
	width:259px
}
 .c199 {
	width:199px
}
.boxes { overflow:hidden}

.box, .box_grey {
	background-color:#ffffff;
	border:2px solid #d7d7d7;
	margin-bottom:20px;
	position:relative;
}
.last_column { border: 2px solid #fff; border-width: 0 0 4px; margin-bottom:20px; position: relative;}
.box_grey { bottom: -4px; position: absolute; margin-bottom:0px;}
.box.last, .box_grey.last {margin-bottom:0px;}

.box h2, .box_grey h2 {
	background:#d42b28 url(/images/boxBg.gif) repeat-x top left;
	padding:5px 1em;
	color:#fff;
	margin:0px;
	font-size:1.1em;
	font-weight:bold
}
.box_grey h2 { background:#6b6b6b url(/images/boxBg_grey.gif) repeat-x top left;}
.box p, .box_grey p {
	margin:0 0 0.5em 0;
}
.picture_logotip { position: absolute; right: 15px; top: -9px;}
.jetzt { margin: 9px 0 0;}

.inner {
	margin:0.5em 1em;
	font-size:11px;
        overflow:hidden
}



.red { color:#d42b28}

.giveawine dt { float:left; width:150px }
.giveawine dd {float: right }

.h200 {
	height:200px;
	overflow: auto
}
.h100 {
	height:100px;
	
}

.submenu_container {position:absolute; margin-bottom:2em; right:0px; top:-10px;}
ul.submenu { border-left:1px solid #ececec; margin-top:0 ;}
.submenu li {
	float:left;
	border-right:1px solid #ececec;
        list-style:none !important;


}
.submenu li a {
	display: block;
	padding:30px 5px 0 5px;
	color:#818181;
	position: relative;
	text-align:center;
	font-size:10px;
background-image:url(/images/submenu.gif);
background-repeat:no-repeat;
}
.submenu li a i {
	display: block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:4px;
	background-image:url(/images/submenu.gif);
	background-repeat:no-repeat;
}
.submenu li a:hover {
	color:#000
}
.empfehlen {
	background-position:center  0
}

.kontakt {
	background-position:center -60px
}
.sitemap {
	background-position:center  -180px
}
.impressum {
	background-position:center  -120px
}
.home{
	background-position:center -240px 
}
.losungen {
}
.curve2 {
	clear:right;
	display:block;
	float:right;
	height:16px;
}
#curve1 {
	width:72px;
}
#curve2 {
	width:72px;
}
#curve3 {
	width:78px;
}
#curve4 {
	width:78px;
}
#curve5 {
	width:85px;
}
#curve6 {
	width:85px;
}
#curve7 {
	width:75px;
}
#curve8 {
	width:32px;
}
.news {
}
.news li {
	margin-bottom:1em
}
.news .date {
	font-weight:bold;
	font-size:1.1em
}
.news .text {
}
/* borders */

.borders {
	position: relative;
}
.borders .cn, .borders .cn ins {
	position: absolute;
	display: block;
	font-size: 0;
}
.borders .cn {
	overflow: hidden;
}
.borders .cn ins {
	background-position: 0 0;
	background-repeat: no-repeat;
}
.borders .cn.tl {
	left: -2px;
	top: -2px;
}
.borders .cn.tr {
	right: -2px;
	top: -2px;
}
.borders .cn.bl {
	left: -2px;
	bottom: -2px;
}
.borders .cn.br {
	right: -2px;
	bottom: -2px;
}
.r5 .cn {
	height: 8px;
	width: 8px;
}
.r5 .cn ins {
	background-image: url(/images/corners_ddd_7.png);
	height: 16px;
	width: 16px;
}
.r5 .cn.tl ins {
	left: 0px;
	top: 0px;
}
.r5 .cn.tr ins {
	right: 0px;
	top: 0px;
}
.r5 .cn.bl ins {
	left: 0px;
	bottom: 0px;
}
.r5 .cn.br ins {
	right: 0px;
	bottom: 0px;
}
.footer {
	padding-bottom:95px;
	margin-top:30px;
	clear:both;
	margin-bottom:50px
}
.header .menu li a {
	font-size:1.5em;
	display:block;
	color:#5c5c5c;
}
.header .menu li {
	position:relative
}
.header .menu li i {
	display:block;
	width:9px;
	height:5px;
	background:url(/images/arr_menu.gif) no-repeat center 0;
	bottom:0px;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left: -4px;
}

.header .menu li a:hover {
	color:#bf1110;
	text-decoration:none
}
/* 
	LEVEL ONE
*/
ul.dropdown {
	position: relative;
	float:right;
	margin-top:52px;
}
ul.dropdown li {
	float: left;
	zoom: 1;
	margin-left:27px;
border-bottom:2px solid #fff
}
ul.dropdown li.selected {
	border-bottom:2px solid #bf1110
}

ul.dropdown li a {
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
}
ul.dropdown li.hover a {
}
/* 
	LEVEL TWO
*/
ul.dropdown ul {
	
	visibility: hidden;
	position: absolute;
	z-index:1010;
	top: 100%;
	left: 0;
	margin:0;
	padding:0;
	border-top:2px solid #bf1110;
	border-bottom:1px solid #dcdcdc;
}
ul.dropdown ul li.selected {
	border-bottom:none;
}

ul.dropdown ul.losung {
	width:200px
}
ul.dropdown ul.kundenbindung {
	width:200px
}
ul.dropdown ul.kontakt {
	width:200px
}
ul.dropdown ul li {
	font-weight: normal;
	color: #000;
	border-right:1px solid #dcdcdc;
	float: none !important;
	border-bottom:1px solid #fff;
	margin-left:0px;
}
/* IE 6 & 7 Needs Inline Block */


ul.dropdown ul li a {
	display: block;
	padding:5px 35px 5px 15px;
	background-color: #f6f6f6;
white-space:nowrap
}


ul.dropdown ul li a:hover {
	background-color:#efefed
}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}


.teamList {}
.teamList dt {
	float: left;
	clear: left;
	width: 125px;
margin:0 0 20px 0;
}
.teamList dt img { display:block; border:1px solid #BF1110}

.teamList dd {
	margin: 0 0 1em 10px;
	padding: 0 0 0.5em 0;
	float: left;
	vertical-align:top

}

.teamList dd h4 {margin-bottom:0px}

.tableList {margin:1em 0 1em 0}
.tableList dt {float: left;
	clear: left;
	width: 150px; margin-bottom:10px}
.tableList dd { display:block; margin-left:160px; margin-bottom:10px}


.btn {
	float: left;
	clear: both;
	background: url(/images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(/images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(/images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_clear { background-color: #c8c8c8; }
.btn_send { background-color: red; }

.tableData { border-top:1px solid #000; border-left:1px solid #000}
.tableData td {padding:5px; border-right:1px solid #000; border-bottom:1px solid #000}

.soc_seti { }
.soc_seti a img { border: 0 none; float: right; margin: 0 0 0 5px; }


.tweet{
	padding:5px;
	
	
	
	
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}


#tweet-container{
	
	width:auto;
	overflow-x: hidden
}


.inform_block {}
.new_teaser { float: left;}
.soc_seti { float: right;}
.an_pic { float: right; margin: 0 0 0 10px;}

.novadoo24 { float: right; text-align: right; font-size: 11px; }
.novadoo24 img { margin: 0 0 5px; }
.novadoo24 a { text-deocration: none; text-transform: uppercase; }

.language-switch { position: absolute; right: 0; }
.language-switch a { display: inline-block; background: #CCC; color: white; padding: 2px 4px; font-size: 12px; }
.language-switch a.active { background: #900; }