html, body {
	background: #fff;
	color: #000;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
}
.tablet { display:block;}
.notablet {display:none;}
img {max-width:100%!important;}


#wrapper {
    padding-top:85px;
}

#header {
	height: 98px;	
	padding: 60px 0 0 150px;
}
#headerwrapper {
	display:none;
}

a.logo {
	display: block;
	height: 98px;
	background: url('Images/logo_carrara.png') 30px 7px no-repeat;
}
a.logo-tablet {
	display: inline-block;
    margin:10px 0 0 15px;
	height: 50px;
    width:200px;
	background: url('Images/logo_carrara.png') 2px 0 no-repeat;
    background-size:contain;
}
#dnn_content_left {
	float:right;
	min-height: 190px;
	margin-bottom:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#contnet {
	clear: both;	
}
div.NewsArticles div { 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box; 
}



#content_center {
	float: left;
	width: 100%; 
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#content_inner {
	min-height:300px;
}


#dnn_SpalteLinks { width:365px; margin: 0 50px 0 0; float: left; }
#dnn_SpalteRechts { width:365px; float: left; }


.nowrap {
    white-space: nowrap;
}


/* Container Title Blue */
h1.TitleBlue {
	margin:0;
	padding:0;
}
h1.TitleBlue .Head {
	background: url('Images/bg_titleblue.png') right top no-repeat;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 15px 0 5px;
	min-height: 36px;
	display: inline-block;
	text-shadow:none;
} 



input, select { padding:3px; margin: 1px 0; }
#dnn_FullWidthBottom select {width: 387px!Important;}

#servicetab,
#shoptab {
    z-index:1;
    width: 210px;
	margin: 0 auto;
	height: 88px;
	position: fixed;
	top: 85px;
	right:0;
    color: #fff;
	background: url('Images/service_tab.png') 0 0 no-repeat;
    right:-167px;
    padding: 15px 0 0 50px;
    box-sizing:border-box;
}
#shoptab {
	background: url('Images/shop_tab.png') 0 0 no-repeat;
	top: 180px;
}
#servicetab:hover,
#shoptab:hover {
    right:0;
}
#servicetab a,
#servicetab a:hover,
#servicetab a:visited,
#shoptab a,
#shoptab a:hover,
#shoptab a:visited {
	color:#fff;
}


#servicetab span.servicetab_online {
	display: block;
	height:28px;
	line-height:28px;
	background: url('Images/icon_at.png') 0 2px no-repeat;
	padding: 0 0 0 25px;
}
#servicetab span.servicetab_tel {
	display: block;
	height:28px;
	line-height:28px;
	background: url('Images/icon_tel.png') 0 0 no-repeat;
	padding: 0 0 0 25px;
}
#shoptab span.shoptab {
	display: block;
	height:28px;
	line-height:28px;
	background: url('Images/icon_cart.png') 0 5px no-repeat;
	padding: 0 0 0 25px;
	margin:15px 0 0 0;
}


#scroll_top {
    background-image: url("images/Arrow-up.png") ;
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:5px 5px;
    background-color:rgba(118,190,222,0.9);
    bottom: 5px;
    cursor: pointer;
    display: none;
    height: 30px;
    position: fixed;
    right: 0px;
    width: 30px;
    z-index: 200;
    display: none;
}
#scroll_top:hover {background-color:rgba(118,190,222,1);}

.clear {
	clear:both;
	float:none;
	height:0;
	line-height:0;
}
.transition {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.headerrow { 
    background-color:#0b2449;
    -moz-transform:skewX(-10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:skewX(-10deg); /* Safari */
	-o-transform:skewX(-10deg); /* Opera */
	-ms-transform:skewX(-10deg); /* IE9 */
	transform:skewX(-10deg);
}
.headerrow > div {
    -moz-transform:skewX(10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:skewX(10deg); /* Safari */
	-o-transform:skewX(10deg); /* Opera */
	-ms-transform:skewX(10deg); /* IE9 */
	transform:skewX(10deg);
}

#footer {
	border-top: 5px solid #76bede;
	line-height: 24px;
	padding: 0 10px;
	background: #ccc;
	clear: both;
	margin-bottom:10px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #000;
	font-size:11px;
}

#footer [class*="col-"] {
    padding-bottom: 3px;
    padding-top: 3px;
}
#footer .socialicons {
	text-align:center;
}
#footer .socialicons a{
	display:inline-block;
	padding:10px 5px 0 5px;
}

h1 {font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}

h1,h2,h3 {
	color:#333;
	text-transform: uppercase;
	font-weight: normal;
}


.TitleBlue h2.moduletitle {
    background:#0b2449;
    color:#fff;
    -moz-transform:skewX(-10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:skewX(-10deg); /* Safari */
	-o-transform:skewX(-10deg); /* Opera */
	-ms-transform:skewX(-10deg); /* IE9 */
	transform:skewX(-10deg);
    margin-bottom:20px;
}
.TitleBlue h2.moduletitle > span {
    -moz-transform:skewX(10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:skewX(10deg); /* Safari */
	-o-transform:skewX(10deg); /* Opera */
	-ms-transform:skewX(10deg); /* IE9 */
	transform:skewX(10deg);
    padding: 8px 15px 8px 15px;
    line-height:20px;
    display:inline-block;
    font-size:14px;
}
#dnn_content_left .TitleBlue h2.moduletitle {
	background:#7AC7F1;
	line-height:18px;
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0;
}
#dnn_content_left .TitleBlue h2.moduletitle > span {
	padding: 2px 0 1px 10px;
    line-height:18px;
    display:inline-block;
    font-size:12px;
}

#dnn_ContentPane.partner ul {list-style:none; margin-left:-18px; margin-right:-18px; }
#dnn_ContentPane.partner li { display:inline-block; float:left;text-align:center; width:100%; height:auto; margin:0; padding:18px; vertical-align:middle; }

/***********************/
/** Mobile Menu Start **/

.navbar {  
	background-color:#0b2449;
	color: #ddd!Important;
	min-height: 65px;
	position: fixed;
    top:0;
    width: 100%;
    z-index: 201;
}

.navbar .btn, 
.navbar .btn-group {
	margin-top:20px;
}
.navbar-inverse .btn-navbar {
	background-color: #07496b!Important;
	
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled]{
	color:#ffffff;
	background-color:#040404;
	*background-color:#000;
}



.navbar .btn-navbar {
	background-repeat: repeat-x;
	color: #FFFFFF;
	float: right;	
	margin-left: 10px;	
	margin-right: 10px;	
    cursor:pointer;
}
.navbar #dnn_dnnLOGOtablet_hypLogo { float:left; pargin-right:5px;}


.navbar .btn-navbar .icon-bar {
	background-color: #F5F5F5;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	display: block;
	height: 2px;
	width: 25px;	
}
.btn-navbar .icon-bar + .icon-bar {
	margin-top: 4px;
}
.btn {
	
}

	
ul.tabletnav {
	list-style: none outside none;
	padding:10px;
	margin:0;
}
ul.tabletnav  li {
	list-style: none outside none;
	
}
.tabletnav li a:hover {
	background:#333;
}
.tabletnav li a {
	text-decoration:none;
	font-size:14px;
	background: #888;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	display:block;
	color:#fff;
	line-height: 20px;
}
.tabletnav li.mmSelected > a { background:#E5352C; }

.tabletnav ul.submenu {
	margin: 0 0 0 18px;
	padding:0;
	background: none;
}

.ui-accordion .ui-accordion-header {height:60px;}

.toggle {
    cursor: pointer;
    margin:30px 0 0 10px;
}

/*** Mobile Menu End ***/
/***********************/


/***** Kontaktformular START ******/
/*
.kontaktformular {
	clear:both;
	margin-bottom:5px;
	float:none;
}

.kontaktformular input.NormalTextBox,
.kontaktformular textarea,
.kontaktformular table {
	width: 95%!Important;
}
.kontaktformular .itemname{
	vertical-align:top;
	padding-top:3px;
	float:left;
	width:25%;
}
.kontaktformular .item {
	vertical-align:middle;
	float:left;
	width:65%;
	
}
.kontaktformular .reqitem {
	vertical-align:middle;
	float:left;
	width:10%;
}
.kontaktformular .reqitem img { margin-left:5px; }
.kontaktformular .item label {
	width: 90%;
	font-size: 11px;
	line-height: 14px;
}
.kontaktformular .item .dnnRadiobutton,
.kontaktformular .item mark {
	vertical-align: top;
}
.kontaktformular input,
.kontaktformular textarea,
.kontaktformular .item table {
	border:0px solid #fff;
	background:#eee;
	font-size: 12px;
	padding:5px 2.5%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#dnn_FullWidthBottom .kontaktformular  select { width:100%!important; background-color:#eee;border:none;}
.kontaktformular .item table { border-collapse:collapse; border:0px solid #fff; width:100%!Important; padding:0; margin:1px 0 0 0; }
.kontaktformular input:active,
.kontaktformular textarea:active,
.kontaktformular input:focus,
.kontaktformular textarea:focus,
.kontaktformular input:hover,
.kontaktformular textarea:hover  {
	background: #ddd;
	border:0px solid #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.kontaktformular .item span .mark { padding-left:5px; }


.iweb_cfd_table {width:100%!Important;}
.iwebserror {padding-left:0!Important; }

.iweb_cfd_bcol {padding:10px 0 10px 25%;}

[id*="_cmdSend"] {
	background:#76bede;
	padding:4px 8px;
	color:#fff!Important;
	margin-right:10px;
	text-decoration:none!Important;
}
[id*="_cmdCancel"] {
	background:#76bede;
	color:#fff!Important;
	padding:4px 8px;
	text-decoration:none!Important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
[id*="_cmdSend"]:hover,
[id*="_cmdCancel"]:hover {
	color:#fff!Important;
	background:#666;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
*/
/** Kontaktform END */


.NewsArticles h1,
.NewsArticles h1 a { font-size:18px;}

a{outline:0;border:0;}

a:link, a:visited, a:active {
    color: #0B2449;
    text-decoration: none;
}
a:hover { color: #7AC7F1; }

p, ul, ol{margin:0;padding:0 0 1em 0;}

/****************************/
/**          News          **/

.teaser_item {
	margin: 0 0 10px 0;
	color: #666666;
	font-size: 11px;
}
.teaser_news,
.teaser_aktionen {
	color: #0b2449;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	background: url('Images/teaser_bg.png') 0 0 no-repeat;
}
 
.teaser_title a { color: #666; text-decoration:none; font-weight: bold;}

.article_carraranews .articleEntry  { margin: 10px 10px 10px 50px !Important;}
.article_carraranews_detail .articleEntry  { margin: 30px 10px 10px 50px !Important;}

.backlink {
    background: url("Images/back.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 25px;
    margin: 3px 15px 0 0;
    padding: 0 0 0 23px;
}

/****************************/
/**         Team           **/

#articledetail_team_img { 
	float:left; 
	width:100%;
    text-align:center; 
}
#articledetail_team_img img {margin:0 auto 30px auto; }
#articledetail_team_main { 
	width: 100%;
	min-height: 240px; 
	float:left;
}

.article_carrarateam_detail span.key {
	width: 100px;
	display:block;
	float:left;
}
.article_carrarateam_detail span.value {
	display:inline-block;
	float:left;
}
#teamdescription { margin: 20px 0 10px 0;}

#teamdetail_main div.articleHeadline { margin-bottom: 10px;}

#articledetail_team_main .articleHeadline h1 {
	margin: 0 0 10px 0;
	padding-left: 5px; 
}





/****************************/
/**        Produkte        **/

.article_crraraprodukte { 
	width: 173px; 
	height: 270px;
	margin: 0 20px 20px 0;
	border: 1px solid #dedede;
	float:left;
	text-align: center;
	overflow:hidden;
}
.article_crraraprodukte.latestPromo {
	width:auto;
    max-width:200px;
	height:auto;
	padding:3px 0;
	margin:0 15px 5px 0;
}
.article_crraraprodukte.latestPromo .teaser_image { margin:10px 0; }
.article_crraraprodukte.latestPromo .teaser_title a { color:#444; }


.article_crraraprodukte .articleEntry {
	text-align: center;
	height: 150px;
	margin:0;
}
.article_crraraprodukte .articleImage {
	width:100%;
	margin:0;
	padding:0;
}
.article_crraraprodukte .articleImage img{
	margin: 15px auto 5px auto;
}

.article_crraraprodukte .articleHeadline { 
	height:47px;
    box-sizing: border-box;
	overflow:hidden;
	background-color: #F0F0F0;
	margin-bottom:5px;
	padding:5px;
}

.article_crraraprodukte .durchstrichenPreis {
	color:#000;
	text-decoration: line-through;
}
.article_crraraprodukte .articleHeadline h1,
.article_crraraprodukte .articleHeadline h1 a {
	
	margin: 0;
	line-height: 20px;
	font-size:14px;
	border: none;

	text-transform:none;
letter-spacing:0;
}
.article_crraraprodukte .ListHersteller {
	height:20px;
	overflow:hidden;
	line-height:20px;
}
.preis_hataktion {
	
}
.preis {
	color: #000;
}
.textfeld-rot,
.rot {
	color: #FF0033;
}
.bold { font-weight: bold; }

div.preisInfo {
	margin-bottom:10px;
}

/*** Produkt Detailseite ****/


#produktdetail_img { float:left; width:100%;text-align:center; }
#produktdetail_img img {
    margin: 0 auto 30px auto;
}
#produktdetail_main { 
	width:100%;
	min-height: 240px; 
	float:left;
    box-sizing:border-box;
}

.article_carraraprodukte_detail span.key {
	width: 100px;
	display:block;
	float:left;
	min-height:1px;
}
#produktdescription { margin: 20px 0 10px 0;}

#produktdetail_main div.articleHeadline { margin-bottom: 10px;}
#produktdetail_main h1 {padding-left: 5px; }

a.order {width: 50px; line-height: 20px; text-decoration:none; background: #333; color:#fff; padding: 0 5px;margin-top:5px;}

.custom_order { margin-top:10px;}
#produktdetail_main .articleHeadline h1 { 
    padding:20px 15px;
    line-height:28px;

}

/*******************/
    
    
    #Login{text-align:right;color:#c5c5c5;}
    #Login .SkinObject, #Login .LoginLink{color:#9c0b12;text-transform:uppercase;padding:0 0 0 5px;text-decoration:none;}
    #Login .SkinObject:hover, #Login .LoginLink:hover{text-decoration:underline;}
    #Login .LoginLink{padding:0 5px;}

    #Breadcrumb{height:30px;width:960px;line-height:30px;background:url(images/Breadcrumb-BG.jpg) no-repeat 0 0;margin:0 0 2em 0;font-size:11px;}
    #Breadcrumb span{display:inline-block;height:30px;float:left;font-weight:bold;color:#666;font-size:11px;}
    #Breadcrumb .Intro{text-transform:uppercase;padding:0 15px 0 13px;margin:0 15px 0 0;font-size:10px;background:url(images/Breadcrumb-FirstSep.jpg) no-repeat right 0;}
    #Breadcrumb .SkinObject{display:inline-block;color:#944e4e;height:30px;float:left;}
    #Breadcrumb .SkinObject:hover{text-decoration:underline;}
    #Breadcrumb span.Sep{width:14px;background:url(images/Breadcrumb-Sep.jpg) no-repeat 0 0;margin:0 15px;}
    
	
/* Icons */
.Social-Links{text-align:right;padding:15px 0 0 0;}
	.Social-Links a{margin:0 0 0 10px;}
	.icoIN{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoFacebook{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat 0 0;}
	.icoTwitter{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -32px 0;}
	.icoTwitter2{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -576px 0;}
	.icoMySpace{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -64px 0;}
	.icoStumbleUpon{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -96px 0;}
	.icoDigg{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -128px 0;}
	.icoFlickr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -160px 0;}
	.icoLinkedIn{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoYouTube{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -224px 0;}
	.icoDelicious{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -256px 0;}
	.icoBlogger{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -288px 0;}
	.icoRSS{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -320px 0;}
	.icoEmail{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -352px 0;}
	.icoTumblr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -384px 0;}
	.icoFourSquare{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -416px 0;}
	.icoReddit{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -448px 0;}
	.icoVimeo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -480px 0;}
	.icoWordPress{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -512px 0;}
	.icoBebo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -544px 0;}



/* Password Information */
#Passwords{margin:2em 0;padding:0;}
	#Passwords li{display:inline-block;height:62px;width:305px;background:url(images/Icons.png) no-repeat -256px -64px;margin:0 15px 0 0;padding:0;list-style-type:none;}
	#Passwords li.Host{margin:0;}
	#Passwords span.SubHead{display:block;color:#FFF;font-size:14px;padding:11px 0 8px 15px;}
	#Passwords span.Password{color:#FFF;padding:0 0 0 15px;}
p.Disclaimer{clear:both;color:#666666;font-size:11px;line-height:14px;}




/* Default Over-rides */

#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
.DnnModule{margin:0 0 2em 0;}




ul li { margin: 0 0 0 15px;}