@charset "utf-8";

/* == Basic elements and typography === */

* {
	margin: 0;
	padding: 0;
}

.article, body {
	font: 16px/28px Arial, Helvetica, sans-serif;
	color:#535353;
	background: #fff;
}

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

ul {list-style:none;}

h2,
h3,
h4,
h5,
h6 {
	font-family: twencen,Arial,Helvetica,sans-serif;
    font-weight: normal;
	padding: 0 0 20px;
	color:#2A8357;
	text-transform:uppercase;
}

h2 { font-size: 19px;  }
h2 span.h2-sub { color: #414141;}
h2 span { font-size:17px;}
	
h3 { font-size: 17px; }

h4 { font-size: 15px; }

h5 { font-size: 15px; font-weight: bold; border-bottom: 1px solid #CCCCCC; padding-bottom:0; margin-bottom:15px;}

h6 { font-size: 15px; font-weight: bold;}

img { max-width: 95%; height:auto;}
.vcard img {border:0}

img.image, #teaser img, .article img, .pixaround {
	border:1px solid #E6CACC;
	padding:3px;
	margin:15px auto;
	display:block;
}
img.noborder { border:none; margin:0;}

address { display:block!important }


a, span.tel {
	color:#9C333A;
	text-decoration:none;
}
span.tel, #googlemaps-address-link {
	background:#9C333A;
	color:#fff;
	padding:5px 10px;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	display:block;
	text-align:center;
}
span.tel a {
	color:#fff;
	text-decoration:none!important;
	display:block;
}

#googlemaps-address-link { 
 display:inline-block;
}

#googlemaps-address {
	z-index:99999!important;
	position:relative!important;
	border:3px solid #9C333A;
	border-radius:10px;
	max-height:300px!important;
	margin:20px 0 0 0;
}

.contentColumnHalf a,
#kontakt-text a,
#euroweb a,
#webstyle a {background:none}

#euroweb,
#webstyle {margin:0 0 20px;width:auto!important;}

#euroweb img,
#webstyle img {max-width:100%!important;}

table {width:100%;margin:0 0 20px;font-size:12px;}
table td {
	padding:10px;
	background:#dedede;
	margin:1px;
}

/* =========== Basic classes =========== */
.clear {
	clear:both;
}
br.clear {display:none}
hr {height:0;overflow:hidden;border:0;border-bottom:1px solid #c00;margin:0 0 15px;}
/* -=- #container -=- */
#container {
	clear: both;
}


/* -=- logo -=- */
h1 {
	background: #f7f4ed;
	padding:20px 0;
}

h1 a {
	display:block;
	position: relative;
	text-align:center;
}

h1 a span {
	display:none;
}

h1 a img.branding {
	border: none;
	max-width:90%;
	height:auto;
}



/* -=- .navAdd -=- */
ul#nav,
ul.navAdd {
	list-style:none!important;
	clear: both;
	padding:0!important;
}

ul#nav li,
ul.navAdd li {
	list-style:none!important;
	width: 100%;
}



ul#nav li a,
ul.navAdd li a,
ul.navextra2 li a,
a.toggle-link {
	overflow:hidden;
	text-decoration: none;
	font-size: 15px;
	display: block;
	padding: 10px 5%;
	color: #fff;
	background: #ecba65 url(../mimages/rarr.png) 96% center no-repeat;
	text-transform:uppercase;
	border-bottom:1px solid #dcad55;
}

a.toggle-link {
	background:#2a8357 url(../mimages/navi-expand.png) 94% center no-repeat!important;
	text-align:left;
}
ul.navAdd { margin:0 -20px 0 -20px;}

.activeNav {
	color: #fff;
	background: #a54748;
}

/* -=- #nav specific -=- */

ul#nav li ul { padding:0; }

ul#nav li ul li { border-top:0; }

/* -=- #content-main -=- */
.article, .aside, #footer {
	padding:20px;
}
.termine {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E5E5E5;
    padding: 20px;
}
.article li {
    background: url("../images/bullet.png") no-repeat scroll left 10px transparent;
    padding: 2px 0 2px 20px;
}

.article li ul li {
    background: url("../images/bullet2.png") no-repeat scroll left 11px transparent;
    padding: 0 0 0 15px;
}
.pdf {
    background: url("../images/pdf.gif") no-repeat scroll 0 0 transparent;
    padding: 1px 0 4px 24px;
}

dt {
    border-bottom: 1px solid #CCCCCC;
}
dd {
    margin-bottom: 20px;
    padding: 0 0 0 15px;
}

#euroweb a,
#webstyle a {
	background:none;
	padding:0;
}

/*************************************************************************/
/* =link to desktop version */
/*************************************************************************/

.desktop-link {
	background: url(../mimages/bg-btn-desktop.png) repeat-x 0 center;
	border-top:1px solid #ddd;
}

.btn-desktop {
	display: block;
	margin: 0 auto;
	background:transparent url(../mimages/icon-desktop.png) no-repeat 8% center;
	text-decoration: none;
	font-size: 15px;
	padding: 20px 0;
	text-transform: uppercase;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
}

#mobile-link {display:none!important}