/* DIE FRUEHSTUECKSZWERGE */
/* STYLESHEET 06.2011 */
/* WEBSITE VERSION 2 */

/* LAYOUT UND DESIGN BY: CHIQSAL:MEDIA GROUP DRESDEN */
/* WWW.CHIQSAL.COM */

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7A7954;
}
body {
	background-color:#75bb55;
	font-size:12px;
	color:#7a7954;
	margin:0px;
}


a:link {
	color:#537B5C;
	text-decoration:none;
}
a:visited {
	color:#537B5C;
	text-decoration:none;
}
a:hover {
	color:#82B089;
	text-decoration:none;
}
a:active {
	color:#537B5C;
	text-decoration:none;
}

h2{
	font-size:24px;
	font-weight:normal;
	margin:3px 0px 10px 0px;
	color:#1e8232;
}

h3{
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	color:#1e8232;
}
#formular {
	width: 467px;
	background-color: #FFF;
	padding:30px 10px 10px 10px;
}
.margin-bottom{margin-bottom:5px;}

ul {}
ul li {}
ol {}
ul li {}

.trans{opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(opacity=30);}
.roundbox{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.trennlinie{margin:10px 0px 10px 0px; border-bottom:3px solid #EDEBE9;}
.trennlinie2{margin:30px 0px 30px 0px; border-bottom:3px solid #EDEBE9;}
.trennlinie3{margin:10px 0px 20px 0px; border-bottom:2px dashed #E8E3DD;width:376px;}
.trennlinie4{margin:10px 0px 10px 0px; border-bottom:2px dashed #E8E3DD;width:376px;}

.border-0{border:0px;}

.drak-red{ color:#CC0000;}
.align-center{text-align:center;}

.font_normal{font-weight:normal;}
.font_fett{font-weight:bold;}

.font-size-10{font-size:10px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-16{font-size:16px;}
.font-size-20{font-size:20px;}
.font-size-26{font-size:26px;}

.margin-top_5{margin-top:5px;}
.margin-bottom_5{margin-bottom:5px;}
.margin-top-bottom_5{margin:5px 0px 5px 0px;}
.margin-right-15{margin-right:15px;}
.margin-right-10{margin-right:10px;}
.margin-left-10{margin-left:10px;}

.height-100{height:50px;}
.height-200{height:200px;}
.height-280{height:280px;}

.float-left{float:left;}
.float-right{float:right;}
.weiss{color:#fff;}
.height-400{height:400px;}

.position-relative{position:relative;width:396px;}


#info{
	width:400px; height:100px; position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-200px;
	display:none;
	z-index:999999;
	}
#infofenster-leipzig{
	width:919px; height:562px; position:fixed;
	top:50%;
	left:50%;
	margin-top:-281px;
	margin-left:-459px;
	display:none;
	z-index:999999;
	}

.roundbox{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.schatten{
	-webkit-box-shadow: 0px 0px 2px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px 0px #CCCCCC;
	box-shadow: 0px 0px 2px 0px #CCCCCC;
	}

.box-container{position:relative; height:360px;}
.box-small-container{position:relative; width:396px; overflow:hidden;}
.partn-container{position:relative;}
.bannr-container{position:relative; margin-bottom:30px;}
.tab-box{height:30px;z-index:99;}
.tab-small-box{height:30px;z-index:99;}
.tab-zwergenstaedte, 
.tab-staedteuebersicht, 
.tab-zwergenlizenz, 
.tab-angebot, 
.tab-sp, 
.tab-poromokonzept, 
.tab-impressionen, 
.tab-produktdesmonats, 
.tab-facebook{
	width:100px;
	margin-left:20px;
	padding:10px 10px 10px 10px;
	background-image:url(img/tab-box.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#22400d;
	text-align:center;
	-webkit-box-shadow: 0px 0px 2px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px 0px #CCCCCC;
	box-shadow: 0px 0px 2px 0px #CCCCCC;
	}
.tab-small{
	width:110px;
	margin-left:10px;
	padding:7px;
	background-image:url(img/tab-box.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#22400d;
	text-align:center;
	-webkit-box-shadow: 0px 0px 2px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px 0px #CCCCCC;
	box-shadow: 0px 0px 2px 0px #CCCCCC;
	}
.tab-staedteuebersicht{margin-top:0px;}
.tab-angebot{margin-top:0px;width:165px;}
.tab-sp{margin-top:0px;width:110px;}
.tab-poromokonzept, .tab-produktdesmonats, .tab-facebook{width:120px;}

.box-zwergenstaedte{width:900px;margin-left:-5px;float:left;}
.box-staedteuebersicht{width:318px;float:right;}
.box-zwergenlizenz, .box-poromokonzept, .box-facebook{width:318px;float:right;}
.box-teaser{width:550px;margin-left:0px;float:left; border-top:1px dashed #ccc; margin-top:13px; padding-top:13px;}
.box-angebot, 
.box-sp, 
.box-impressionen, 
.box-produktdesmonats{width:262px;margin-left:0px; margin-right:25px;float:left;}
	.box-sp{margin-right:0px;}

.box-small{width:181px; height:191px; margin:0 15px 20px 0;float:left; padding-bottom:-5px;}
.box-schatten{
	-webkit-box-shadow: 0px 0px 2px 0px #CCCCCC;-moz-box-shadow: 0px 0px 2px 0px #CCCCCC;box-shadow: 0px 0px 2px 0px #CCCCCC;
	height:164px;
	}
.box-noschatten{height:164px;}

.zwergenstaedte-buttn{
	position:relative; padding-top:20px; margin-top:-6px;
	background-image:url(img/staedte-buttn/staedte-hintergrund-gross.jpg);
	background-repeat:no-repeat;height:310px;}
.staedteuebersicht{padding:2px 2px 0px 2px; margin-top:0px; background-color:#fff; z-index:999;}
.zwergenlizenz, 
.poromokonzept, 
.facebook{padding:2px 2px 0px 2px; margin-top:0px; background-color:#fff; z-index:999;}

.teaser{margin-top:0px; background-color:#fff; z-index:999; text-align:justify; line-height:20px;}
	.teaser h2{text-align:left;}
.angebot, 
.sp, 
.impressionen, 
.produktdesmonats{padding:2px 2px 0px 2px; margin-top:0px; background-color:#fff; z-index:999;}

.angebot{
	background-image:url(http://www.fruehstueckszwerge.de/wp-content/themes/zwerge2011/img/unser-fruehstuecksangebot.jpg); 
	background-repeat:no-repeat; background-position:left; background-position:2px 2px; height:295px;
	}
.impressionen{
	background-image:url(http://www.fruehstueckszwerge.de/wp-content/themes/zwerge2011/img/impressionen.jpg);
	background-repeat:no-repeat; background-position:left; background-position:2px 2px; height:295px;
	}
	.angebot-text, 
	.sp-text, 
	.impressionen-text{font-size:11px; text-align:right; color:#22400d; margin-top:15px; padding-right:5px;}
	
.sp{background-image:url(http://www.fruehstueckszwerge.de/wp-content/themes/zwerge2011/img/spnsor-partn-werden.jpg); background-repeat:no-repeat; background-position:left; background-position:2px 2px; height:295px;}

.main{width:1204px; margin:0 auto 0 auto; overflow:hidden; position:relative; background-image:url(img/header-hintergrund.jpg); background-repeat:no-repeat;}
.header{
	margin:80px auto 0 auto;width:940px; height:434px; overflow:hidden; 
	background-image:url(img/header.jpg); background-repeat:no-repeat;}
.header2{
	margin:80px auto 0 auto;width:951px; height:474px; overflow:hidden; 
	background-image:url(img/header2.jpg); background-repeat:no-repeat;}
	.header-navigation-cont{
	height:127px; width:940px;position:absolute; margin-top:353px; 
	background-image:url(http://www.fruehstueckszwerge.de/wp-content/themes/zwerge2011/img/navigation-gras.gif); 
	background-repeat:no-repeat;}
	.header-navigation-stadt{height:34px;position:absolute; margin-left:390px;}
	.header-navigation{
	width:919px; height:34px; 
	background-image:url(http://www.fruehstueckszwerge.de/wp-content/themes/zwerge2011/img/navigation.png); 
	background-repeat:no-repeat; margin:48px auto 0 auto; font-size:13px;}
	.header-navigation ul{margin:0px;}
	.header-navigation li{
	list-style:none; background-image:url(img/navigation-a.png); background-repeat:repeat-x; height:25px; 
	padding:0px 20px 0px 20px; float:left; border:1px solid #000; padding-top:7px; color:#fff;}
	li.current{
	list-style:none; background-image:url(img/navigation-b.png); background-repeat:repeat-x;}
	.header-navigation li:hover{background-image:url(img/navigation-b.png); background-repeat:repeat-x;}
	.current li{background-image:url(img/navigation-b.png); background-repeat:repeat-x;font-weight:bold;}
	.header-navigation-links{float:left;}
	.header-navigation-rechts{float:right; margin-right:40px;}
	.cityauswahl{
		width:230px; padding:5px; position:absolute; color:#fff; margin-top:51px; right:150px;
		background-image:url(img/cityauswahl-bg.png);background-repeat:repeat-x; background-position:top;
		-moz-border-radius:5px 5px 0px 0px;-khtml-border-radius:5px 5px 0px 0px;
		-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;
		}
	.zwergenlogo{width:220px; padding:5px; position:absolute; color:#fff; float:left; margin-top:28px; margin-left:130px;}
	.menue-buttn-cont{position:absolute; color:#fff; margin-top:51px; right:383px;font-size:12px;color:#fff;text-align:center;}
	.menue-buttn-jobs, .menue-buttn-zwergenlizenz, .menue-buttn-facebook:hover{
	background-image:url(img/menue-buttn-head-a.png); background-repeat:no-repeat; 
	width:153px; height:24px; float:right; margin-right:-10px; padding-top:7px;}
	.menue-buttn-facebook, .menue-buttn-jobs, .menue-buttn-facebook:hover{
	background-image:url(img/menue-buttn-head-a.png); background-repeat:no-repeat; 
	width:153px; height:24px; float:right; padding-top:7px;}
	.menue-buttn-facebook{
	background-image:url(img/menue-buttn-head-fb-a.png);}
	.menue-buttn-jobs:hover{background-image:url(img/menue-buttn-head-b.png);}
	.menue-buttn-facebook:hover{background-image:url(img/menue-buttn-head-fb-b.png);margin-right:0px;}
	.menue-buttn-zwergenlizenz:hover{background-image:url(img/menue-buttn-head-b.png);}
	.menue-buttn-zwergenlizenz a, 
	.menue-buttn-facebook a, 
	.menue-buttn-zwergenlizenz a, 
	.menue-buttn-facebook a, 
	.menue-buttn-jobs a,
	.header-navigation-links a,
	.header-navigation-rechts a{color:#fff;}
	
.katalog-container, .content-container{width:1204px; margin:0 auto 0 auto;}
.content{padding:33px 23px 23px 23px; width:894px; background-color:#fff; overflow:hidden; margin-left:126px;}
.katalog{padding:5px 5px 5px 5px; width:930px; background-color:#fff; overflow:hidden; margin-left:126px;}
.katalog-teaser{padding:15px;width:900px;}
.zwerge-container-right{position:relative; float:right; width:467px; border-left:2px dashed #E8E3DD; padding-left:25px;}
.zwerge10-container, .zwerge10-container-partner, .zwerge10-container-footer{
	width:932px; background-color:#fff; padding:12px 32px 32px 32px;margin:0 auto 0 auto;position:relative;}
.zwerge10-container{overflow:hidden;}
.cms_container{margin:0px 0px 15px 0px; border-bottom:2px dashed #E8E3DD; padding-bottom:15px;}

.footer-container{width:1204px; height:475px; margin:0 auto 0 auto; background-image:url(img/footer-hintergrund.jpg); background-repeat:no-repeat;}
.footer{margin-left:127px; margin-top:0px;padding:175px 29px 29px 29px; width:882px; color:#979162; font-size:11px;}
.footer,td,th{font-size:11px; color:#979162;}
.footer a{color:#e9e2a7;}
	.footer-niederlassung{margin-right:60px; width:210px; float:left; color:#e9e2a7;}
	.footer-logistik{margin-right:60px; width:210px; float:left; color:#e9e2a7}
	.footer-impressum{width:210px; float:right; color:#e9e2a7;}

li#fblikebox{list-style:none;}

.banner-kusstour-left{position:absolute; left:0px; width:126px; height:158px; top:650px;}
.banner-kusstour-right{position:absolute; right:12px; width:126px; height:158px; top:650px;}

.note {
    position:relative;
    padding:1em 1.5em;
	margin-bottom:10px;
    color:#fff;
    background:#97C02F;
    overflow:hidden;
}
.note a {color:#fff;}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background:#658E15; /* For when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);}

.support{z-index:99999; width:235px; height:81px;position:absolute; top:410px; right:120px;}