/*
 * *****************************
 * @author         coma ag 
 * @date           2010-01
 * @copyright      2010 coma ag
 * @link           http://www.coma.de
 * *****************************
 */
body {
    margin:0;
    padding:0;
    background:#000;
    color:#f0f4e6;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
}

#container {
    width:992px;
    margin:0 auto;
    text-align:left;
}

.clear {
    clear:both;	
}


/* ** ** ** main_menu start ** ** ** */
ul#main_menu {
    margin:0;
    padding:0;
    list-style-type:none;
    
}
ul#main_menu li {
	margin:0 0 0 1px;
	width:247px;
	background:#e5e6d4;
	color:#000;
	float:left;
}
ul#main_menu li:first-child,
ul#main_menu li.first-child {
    margin-left:0;
}

ul#main_menu li span {
	display:block;
	padding:4px 0 4px 20px;    
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
}



ul#main_menu li ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
ul#main_menu li ul li {
    background:#000;
    padding:0;
    margin:0;
}
ul#main_menu li ul li a {
	display:block;
    padding:4px 0 4px 20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#e5e6d4;
    text-decoration:none;
}
ul#main_menu li ul li a:hover,
ul#main_menu li ul li a.active {
	font-weight:bold;
}

/* ** ** ** main_menu end ** ** ** */

/* ** ** ** meta_navigation start ** ** ** */
ul#meta_navigation {
    list-style-type:none;
    margin:0;
    padding:10px 0 40px 0;
    float:right;
    clear:both;
}
ul#meta_navigation li {
    border-left:solid 1px #e6e2d0;
    padding:0 10px;
    float:left;
}
ul#meta_navigation li:first-child,
ul#meta_navigation li.first-child {
	border-left:none;
}
ul#meta_navigation li a {
	color: #e6e2d0;
	text-decoration:none;
	font-size:10px;	
}
ul#meta_navigation li a:hover, 
ul#meta_navigation li a.active {
	font-weight:bold;
}
/* ** ** ** meta_navigation end ** ** ** */


/* ** ** ** content start ** ** ** */
div#content {
    clear:left;
    width:992px; 
    min-height:550px;                                                                                  /* ANPASSEN */
    border-top:solid 1px #e5e6d4;
    margin:10px 0 0 0;
    background:url(../../images/frontend/bg_content.gif) repeat-y;
    position:relative;
    color:#000;
}

div#content_padding {
    padding:35px 0 0 242px;	
}

div#content_footer {
	clear:left;
    background:url(../../images/frontend/bg_content_footer.gif) repeat-y;
    width:992px;
    height:132px;
}


div#content div.teaser_large,
div#content div.box {
	clear:left;
	border:solid 1px #6f5518;
	width:619px;
	background:url(../../images/frontend/bg_teaser_large.gif) repeat-y;
	margin:0 0 21px 0;
}
div#content div.teaser_small {
    border:solid 1px #6f5518;
    width:298px;
    background:url(../../images/frontend/bg_teaser_small.gif) repeat-y;
    float:left;
    margin:0 21px 21px 0;
}
div#content div.flashversion_note {
    clear:left;
    border:solid 1px #f0efdc;
    width:619px;
    background:#917b4c;
    margin:0 0 21px 0;
    position:relative;
}
div#content div.teaser_large div,
div#content div.box div,
div#content div.teaser_small div,
div#content div.flashversion_note div {
    padding:10px; 
}

div#content div.flashversion_note h4 {
    font-size:15px;
    margin:0;
    color:#e5e1bf;
}
div#content div.flashversion_note a {
    position:absolute;
    top:0px;
    right:0px;
    display:block;
    border-left:1px solid #e5e1bf;
    font-size:4em;
    padding:0 20px 0 30px;
    color:#e5e1bf;
    text-decoration:none;   
}

div#content h2 {
    font-size:15px;
    margin:0 0 10px 0;
}

div#content div.box h2 {
    font-size:15px;
    margin:0 0 0 0;  
}
div#content div.box h3 {
    font-size:15px;
    font-weight:normal;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:solid 1px #000;  
}

div#content h2 p {
    margin:0 0 1em 0;	
}

div#content a {
	text-decoration:underline;
	color:#000;
}
div#content a.more {
    display:block;
    text-align:right;
}
div#content a.more:hover {
	text-decoration:none;
}
div#content a.more:after {
	content:"\0020 \00BB";
}


/* ** ** ** content end ** ** ** */




/* ** ** ** alkoholfrei start ** ** ** */
ul#main_menu li.alkoholfrei {
    background:#c5c5c5;
    color:#0a4ea1;
}
ul#main_menu li.alkoholfrei ul li {
    background:#1163b9;
}
ul#main_menu li.alkoholfrei ul li a {
    color:#fff;
}

div.alkoholfrei div#content div.teaser_large,
div.alkoholfrei div#content div.box {
    border:solid 1px #17374e;
    background:url(../../images/frontend/alkoholfrei/bg_teaser_large.gif) repeat-y;
}

div.alkoholfrei div#content div.teaser_small {
    border:solid 1px #17374e;
    background:url(../../images/frontend/alkoholfrei/bg_teaser_small.gif) repeat-y;
}

div.alkoholfrei div#content,
div.alkoholfrei div#content a {
    color:#fff;	
}
div.alkoholfrei div#content div.box h3 {
    border-bottom:solid 1px #fff;  
}

div.alkoholfrei div#content div.flashversion_note {
    background:#acc7df;
}
div.alkoholfrei div#content div.flashversion_note h4 {
    color:#000;
}
div.alkoholfrei div#content div.flashversion_note a {
    color:#000;
}


/* ** ** ** alkoholfrei end ** ** ** */





/* ** ** ** landingpage start ** ** ** */
div.landingpage_container div#footer {
	clear:left;
    background:url(../../images/frontend/landingpage/footer_bg.jpg) no-repeat;
    width:1024px;
    height:115px;
}
body.landingpage div#container { 
	width:1024px !important;
	margin:0 !important;
	background:url(../../images/frontend/landingpage/bg.jpg) repeat-y; 
}
div.landingpage_container {
	width:1024px !important;
    margin:0 !important;
}

div.landingpage_container div#content {
	margin-left:45px;
	border-top:none;
	width:auto; 
	/*background:url(../../images/frontend/landingpage/bg.jpg) repeat-y;*/
}

div.landingpage_container img.landingpage_logo { 
	float:left; 
	margin:10px 60px;
	border: 0;
}

div.landingpage_container div.main_menu_outerline {
	margin-left:45px; 
    background:#000;
    border-bottom:#6f5518 solid 1px;
    border-left:#6f5518 solid 1px;
}
div.landingpage_container div.main_menu_outline { 
	border-bottom:#e2d9b3 solid 1px; 
	border-left:#e2d9b3 solid 1px; 
}
div.landingpage_container ul#main_menu { float:right; }

div.landingpage_container div.article {
	width:718px;
	float:left;
}
div.landingpage_container div.article div.box {
	background: url(../../images/frontend/landingpage/content_bg_repeat.gif) repeat-y !important;
    border: 1px solid #6F5518;
    clear: left;
    margin: 0 0 21px;
    padding: 12px 0 0 12px; 
    width: 694px !important; /* 706 - 2*padding */
}
div.landingpage_container div.article div.box h3 {
	border-bottom:none !important;
	background: url(../../images/frontend/landingpage/headline_border.gif) bottom center no-repeat;
	width:682px;
}

div.landingpage_container div.article div.box p {
	width:525px;
	margin:0 0 1em 0;
}

div.landingpage_container div.aside {
	float:left;
}

div.landingpage_container ul.gallery {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.landingpage_container ul.gallery li {
	margin:0 10px 10px 0;
	padding:0;
	float:left; 
}

div.landingpage_container ul.teasers {
    list-style-type:none;
    margin:0;
    padding:0;
}
div.landingpage_container ul.teasers li {
    margin:0 0 10px 0;
    padding:0; 
    background:url(../../images/frontend/landingpage/sidebar_link_bg_repeat.gif) top left repeat-y;
    border: 1px solid #6F5518;
    width:229px;
    overflow:hidden;
}
div.landingpage_container ul.teasers li img { 
   border:0;
   border-bottom: 1px solid #6F5518; 
}
div.landingpage_container ul.teasers li a.teaser_link { 
	display:block;
	text-align:right;
	padding:0 5px 5px 5px;
}
div.landingpage_container ul.teasers li a:hover { text-decoration:none !important; }

body.landingpage ul#meta_navigation { float:none; }

ul.landingpage_navigation { padding-bottom:1em !important; }

/* ** ** ** landingpage end ** ** ** */
