/*

mai-multimedia.de
Stand: 01.12.2010

*/


/**
 *	Allgemeine Styles
 */

* {
	margin:0;
	padding:0;
}

html {
	font-size:100.01%;
	height:100%;
	width:100%;
}

img { border:none; }

form { 
	width:100%; 
	height:100%;
	border:none;
	margin:0;
	padding:0;
}

body { 
	width:100%;
	height:100%;
	background-color:#fff; 
	font-size:0.75em;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	color:#333333;
}

h1, h2, h3, h4 {
	font-weight:normal;
	color:#000;
	padding-bottom:0.7em;
	padding-top:1px;
	font-size:1.5em;
	line-height:1.2em;
}

h1 { font-size:1.5em; }

h3, .h3 {
	font-weight:bold;
	font-size:1em;
	color:#246078;
	padding-bottom:0;
}

h4 {
	font-weight:bold;
	color:#246078;
	font-size:1em;
	padding:0.4em 0 0.2em 0;
	margin:0;
}

.bold { font-weight:bold; }

#rightbox h4 {
	margin:5px 5px 0 5px;
}

#rightbox p {
}

p { padding-bottom:1em; }

i { 
	font-weight:bold;
	color:#246078;
}

strong { color:#246078; }

a:link, a:visited { 
	color:#246078;
	text-decoration:none; 
}

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

a.next:link, a.next:visited {
	color:#246078;
	background-image:url(../img/bullet_submit.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin-top:0.5em;
	padding-left:1em;
}
.list_item a.more {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;  
	display: block;  
	background-image: url(../img/bullet_submit.gif);

}
img { border:none; }

.list margin-bottom:0.5em; }

ul { 
	list-style-type:square; 
	margin-top:0.5em;
	margin-left:0;
	padding-left:0;
}

li {
	margin-left:2em;
	padding-left:0;
}

.errormsg {
	color:#9B0033; 
	font-style:normal;
	font-weight:bold;
}

.errorbox {
	background-color:#c20037;
	margin:4px 0 4px 0;
	padding:4px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	width:auto;
}

.hline {
	background-color:#8ca2c9;
	height:1px;
	width:100%;
	overflow:hidden;
}




/**
 *	Layout
 */

#carryall { 
	width:100%;
	height:100%;
}

#bodybox {
	text-align:left;
	min-height:100%;
	margin:auto;
	background-color:#f2f2f2;
	width:962px; /* original: 960px */
}

#headerbox {
	position: relative;
	width:100%;
	height:84px;
	border-top:3px solid #00917e;
	border-bottom:3px solid #00917e;
	background-color:#fff;
}

#contentbox { 
	margin:18px 10px 0 10px;
}

#servicenavbox {
	background-color:#00917e;
	height:18px;
	padding:4px 8px 0 8px;
	overflow:hidden;
	float:right;
}

#logobox {
	position:relative;
	left:21px;
	top:28px;
	width:140px;
	height:33px;
}

#captionbox {
	position:relative;
	left:184px;
	top:10px;
	width:400px;
	font-size:14pt;
	color:#555;
}

#bannerbox {
	position:relative;
	width:734px;
	height:205px;
	overflow:hidden;
	margin-bottom:28px;
	float:left;
}

#leftbox {
	position:relative;
	float:left;
	width:233px;
}

#middlebox { 
	line-height:1.5em;
	width:448px;
	margin-left:249px;
	min-width:250px;
	overflow: hidden;
}

#middleboxWide { 
	line-height:1.5em;
	width:734px;
	margin-left:192px;
	min-width:250px;
}

#rightbox {
	float:right;
	width:233px; /* original:22em */
	height:auto;
}

.infobox {
	float: left;
	width:100%;
	border:1px solid #dbd9d9;
	background-color:#fff;
	margin-bottom: 15px;
}

.infoheaderbox {
	width:100%;
	height:25px;
	background-color:#DBD9D9;
	color:#605f5f;
}

.infobox h3 {
	font-size:1.2em;
	font-weight:normal;
	color:#605f5f;
	padding:4px 0px 0px 10px;
}

.infobox .linklist {
	list-style: none;
	padding: 0!important;
	margin: 5px 0 0 5px!important;
}
.infobox .linklist li {
	padding: 0 0 5px 15px; 
	margin: 0;
	background: transparent url(../img/bullet_submit.gif) no-repeat 0 2px;
}

.infoboxContent {
	padding: 10px;
}


#leftbox .infobox {
}


#footerbox {
	clear:both;
	width:100%;
	padding:16px 0 2px 0;
	margin:5px 0px 0px 0px;
	border-bottom:1px solid #00917e;
	text-align:right;
}

#footernavbox {
	width:100%;
	color:#999999;
	padding-bottom:10px;
}

#footernavbox a:link, #footernavbox a:visited { 
	color:#999; 
	text-decoration:none; 
}

#footernavbox a:active, #footernavbox a:hover { text-decoration:underline; }

ul#footer {margin:5px 0 0 0;list-style-type:none;padding:0em;height: 30px;}
ul#footer li {float:left;margin-right:0.75em;padding-right:1.0em;background-repeat:no-repeat;background-position:center right;background-image:url(http://www.vaillant.de/inc/assets/gfx/footer_spacer.gif);color:#919191; margin-left: 0.25em;}
ul#footer li.last {float:left;margin-right:0.75em;padding-right:0.0em;background-image:none;}
#footer a {text-decoration:none;color:#919191;}
#footer a:hover {text-decoration: underline;color:#919191;}
.teaserbox {
	position:relative;
	width:232px;
	margin-bottom:27px;
	height:auto;
	float:left;
}

.teaserpic {
	border:1px solid #dbd9d9;
	margin-bottom:7px;
}



/**
 *	Menu
 */

#menubox {
	width:174px;
	height:auto;
	background-image:url(../img/menu-shadow-right.png);
	background-position:right;
	background-repeat:repeat-y;
}

#menubox-bottom {
	background-image:url(../img/menu-shadow-bottom.png);
	background-repeat:no-repeat;
	width:174px;
	height:4px;
	overflow:hidden;
}


#menubox a:link, #menubox a:visited, #menubox a:hover, #menubox a:active { 
	display:block;
	color:#333;
	text-decoration:none; 
	width:146px;
	height:17px;
	padding-left:23px;
	padding-top:4px;
	background-color:#eee;
	border-top:1px solid #eee;
	background-position:1px 0;
	background-repeat:no-repeat;
	overflow:hidden;
	vertical-align:middle;
	background-image:url(../img/menuitem-closed.png); 
}

#menubox a:hover, #menubox a:active { 
	color:#246078; 
	font-weight:normal;
	text-decoration:none; 
}

#menubox a.menu-selected:link, #menubox a.menu-selected:visited {
	font-weight:bold;
	color:#246078;
	background-image:url(../img/menuitem-open.png); 
}

#menubox a.submenu:link, #menubox a.submenu:visited {
	background-color:#dfd1c5;
	background-image:none; 
}

#menubox .submenu a:link, #menubox .submenu a:visited {
	background-color:#dfd1c5;
	background-image:none; 
}

#menubox .submenu a:hover, #menubox .submenu a:active {
	background-color:#dfd1c5;
	color:#246078;
}

#menubox .submenu .selected {
	font-weight:bold;
	color:#246078;
	background-color:#dfd1c5;
	background-position:9px 8px;
	background-image:url(../img/menuitem-open-s.gif) !important;
}

#servicenavbox a:link, #servicenavbox a:visited { color:#fff; }
#servicenavbox a:hover, #servicenavbox a:active { text-decoration:underline; color:#fff; }



/**
 *	Formular
 */

input, select, textarea, .listbox {
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	padding:1px 0 3px 1px;
	border:1px solid #333;
}

.radio, .check { border:none; margin:0 1px 0 0; }

.listbox { width:110px; }

.button, .smallbutton {
	width:auto;
	height:26px;
	border:none;
	padding:0 4px 0 4px;
	color:#fff;
	font-weight:bold;
	background-color:#246078;
	float:right;
}

.left { float:none; }

.smallbutton { 
	font-size:0.9em;
	padding:0 2px 0 2px;
	height:auto;
}

ul#metanavigation {
	position: absolute;
	top: 0;
	right: 0;
    background-color: #00917e;
    float: left;
    height: 1.83em;
    line-height: 1.83em;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0.5em;
}
ul#metanavigation li {
    background: url("../img/meta_spacer.gif") no-repeat scroll right center transparent;
    float: left;
    line-height: 1.83em;
    margin: 0 0.5em 0 0;
    padding: 0 0.5em 0 0;
}
ul#metanavigation li.last {
    background-image: none;
    float: left;
    line-height: 1.83em;
    margin-right: 0.5em;
    padding-right: 0;
}
ul#metanavigation li a {
    color: white;
    text-decoration: none;
}
ul#metanavigation li a:hover {
    color: white;
    text-decoration: underline;
}
#homeLink {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #333333;
	padding-left: 8px;
	background: transparent url("../img/pfeil.gif") no-repeat 0 0.2em;
}


/*
	Sozial Dingsbums
*/

.s_link {
	text-align:right;
	clear: both;
	padding: 10px 0 5px 0;
}
.feedBox .list_item {
	width: 450px;
	padding-bottom: 10px;
}
/* clearfix */
.feedBox .list_item:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.feedBox .list_item {
    display: inline-block;
}

html[xmlns] .feedBox .list_item{
    display: block;
}

* html .feedBox .list_item {
    height: 1%;
}

.feedBox .list_item p {
	padding: 0;
	margin: 0;
}
.feedBox .list_item a.more {
	display: inline;
}	
.list_item_more_button_box {
	float: left;
	width: 100%;
	text-align: right;
	border-bottom: solid 1px #3f947f;
	padding: 10px 0 1px 0;
	height: 15px;
}
.list_item_more_button {
	cursor: pointer;
}
.list_item_more_spaver {
	clear: both;
	height: 10px;
}

.list_item_more {
	display: none;
}
.feed_link_box {
	position: relative;
	top: -1.8em;
	width: 360px;
}
.feedListImage {
	float: left;
	width: 70px;
	margin: 4px 10px 0 0;
}

.flickr_link, .twitter_link, .feed_link, .youtube_link, .a21grad_link, .vaillant_link {
	padding-left: 20px;
	background-position: 0 50%;
	background-repeat: no-repeat
}
.flickr_link { background-image: url(../images/icons/16-16/flickr.png); }
.twitter_link { background-image: url(../images/icons/16-16/twitter.png); }
.feed_link { background-image: url(../images/icons/16-16/feed.png); }
.youtube_link { background-image: url(../images/icons/16-16/youtube.png); }
.a21grad_link { background-image: url(../images/icons/21Grad.png); }
.vaillant_link { background-image: url(../images/icons/vaillant.png); }


.feedBox {
	margin-bottom: 0em;
}



.infobox .newsList {
	margin: 0;
	list-style: none;
}
.infobox .newsList li {
	margin: 0;
	padding: 0 0 0 0;
}
.infobox .newsList li span.date {
	display: block;
	font-size: 0.9em;

}
.infobox .newsList li h3 {
	font-size: 1em;
	padding: 0 5px;
}
/* ----- Termine ----- */
#vaillantTermine .feedItem h3 {
	padding: 0;
}
#vaillantTermine .feedItem p {
	padding: 0;
}
#vaillantTermine .feedItem {
	padding-bottom: 10px;
}
/* ----- Flickr ----- */

#flickrList {
	list-style: none;
	margin: 0;
	height: 70px;
	overflow: hidden;
}
#flickrList li {
	float: left;
	margin: 0 1px!important;
}
#flickrList img {
	width: 70px;
}
.jcarousel-skin-flickr .jcarousel-container-horizontal {
    width: 233px;
	margin-top: 5px;
}
.jcarousel-skin-flickr .jcarousel-clip-horizontal {
    width:  223px;
    height: 70px;
	padding-left: 10px;
}
.jcarousel-skin-flickr .jcarousel-item {
    width: 70px;
    height: 70px;
}
.jcarousel-skin-flickr .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-flickr .jcarousel-next-horizontal,
.jcarousel-skin-flickr .jcarousel-prev-horizontal
{
    position: absolute;
    top: 0px;
    width: 14px;
    height: 70px;
    cursor: pointer;
}
.jcarousel-skin-flickr .jcarousel-next-horizontal
{
    right: 0px;
    background: transparent url(../images/slider_next.png) no-repeat 0 -12px;
}
.jcarousel-skin-flickr .jcarousel-prev-horizontal {
    left: 0px;
    background: transparent url(../images/slider_prev.png) no-repeat 0 -12px;
}

/* ----- YOUTUBE ----- */
.youtubeBox {
	float: left;
	width: 446px;
	margin-bottom: 10px;
}
#youtubeList {
	list-style: none;
	margin: 0;
}
#youtubeList li {
	float: left;
	margin: 0 1px!important;
}
#youtubeList img {
	width: 104px;
	height: 77px;
}
#youtubeBox p {
	clear: both;
	padding: 2px 0;
}

.jcarousel-skin-youtube .jcarousel-container-horizontal {
    width: 446px;
	margin-top: 5px;
}
.jcarousel-skin-youtube .jcarousel-clip-horizontal {
    width:  424px;
    height: 75px;
	padding-left: 10px;
}
.jcarousel-skin-youtube .jcarousel-item {
    width: 106px;
    height: 90px;
}
.jcarousel-skin-youtube .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-youtube .jcarousel-next-horizontal,
.jcarousel-skin-youtube .jcarousel-prev-horizontal
{
    position: absolute;
    top: 0px;
    width: 14px;
    height: 75px;
    cursor: pointer;
}
.jcarousel-skin-youtube .jcarousel-next-horizontal
{
    right: 0px;
    background: transparent url(../images/slider_next.png) no-repeat 0 -10px;
}
.jcarousel-skin-youtube .jcarousel-prev-horizontal {
    left: 0px;
    background: transparent url(../images/slider_prev.png) no-repeat 0 -10px;
}

/*Wetter*/
.wetterBox {

}
.infoBoxDiv {
	padding: 0 5px;
}


.wetter h3 {
	margin-bottom: 5px;
}
.wetter img {
	float: left;
	margin: 1px 5px 0 0;
}

.wettervorhersage {
	font-size: 10px;
	line-height: 1.1em;
}
.wettervorhersage img {
	width: 20px;
	float: left;
	margin: 1px 5px 0 0;
}
#plz {
	width: auto;
}

.wetterBox input {
	height: 1em;
	font-size: 11px;
	font-family: Arial, sans-serif;
}
.wetterBox .smallbutton {
	float: none;
	margin-left: 5px;
	height: auto;
}
#map {
	width: 600px;
	height: 650px;
	display: none;
}

#socialIconList {
	list-style: none;
	margin: 0;
}
#socialIconList li {
	float: left;
	width: 100px;
	margin: 0;
	height: 24px;
	padding-bottom: 10px;	
}
.twitterIconLink,
.youtubeIconLink,
.flickrIconLink,
.qypeIconLink,
.facebookIconLink,
.googleIconLink
{
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.twitterIconLink { background-image: url(../images/icons/24-24/twitter.png);}
.youtubeIconLink { background-image: url(../images/icons/24-24/youtube.png);}
.flickrIconLink { background-image: url(../images/icons/24-24/flickr.png);}
.qypeIconLink { background-image: url(../images/icons/24-24/qype.png);}
.facebookIconLink { background-image: url(../images/icons/24-24/facebook.png);}
.googleIconLink { background-image: url(../images/icons/24-24/googlePlus.png);}

/* Pretty Photo */

.pp_left ,.pp_middle,.pp_right,.pp_content{background:#fff;}.pp_content .ppt{color:#000;}.pp_expand{background: url(../images/prettyPhoto/sprite.png) -31px -26px no-repeat;cursor: pointer;}.pp_expand:hover{background: url(../images/prettyPhoto/sprite.png) -31px -47px no-repeat;cursor: pointer;}.pp_contract{background: url(../images/prettyPhoto/sprite.png) 0 -26px no-repeat;cursor: pointer;}.pp_contract:hover{background: url(../images/prettyPhoto/sprite.png) 0 -47px no-repeat;cursor: pointer;}.pp_close{position: absolute;  top: -30px; right: 20px; cursor: pointer; color: #000;text-decoration: none;}.pp_close:hover span{color:#000;}.pp_close span{text-decoration:underline; color: #666;}#pp_full_res .pp_inline{color:#000;}.pp_arrow_previous{background: url(../images/prettyPhoto/sprite.png) 0 -71px no-repeat;}.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}.pp_arrow_next{background: url(../images/prettyPhoto/sprite.png) -22px -71px no-repeat;}.pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}.pp_next:hover{background: url(../images/slider_next.png) center right no-repeat;cursor: pointer;}.pp_previous:hover{background: url(../images/slider_prev.png) center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:40px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:40px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:40px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:40px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:10px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:10px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:10px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}