/* @override http://twentytwelve.de/css/style.css */

/*
gelb		#FFD302
orange		#FF7810

link		 #FF7810
text:        #666
*/

html, body {
   margin:0;
   padding:0;
}

body {
	font-family: 'Ubuntu', Arial, Verdana;
	font-size: 13px;
	color: #666;
	padding-bottom: 40px;
	background: #B9B9B9 url(../images/layout/body-bg.png) repeat-x top left; 
}

a { color: #FF7810;  text-decoration: none;}
a:visited { color: #FF7810;}
a:hover { color: #FF7810; text-decoration: underline; }
a:focus {outline-style: none;} /* get rid of dotted border in FF*/

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	color: #FF7810;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.8px; 
	line-height: 32px;
	margin-bottom: 0px;
	padding: 0 0 15px 0;
	text-transform: none;
}

h2 { 
	color: #FF7810; 
	font-size: 20px; 
	line-height: 26px;
	letter-spacing: -0.8px;
	margin-top: 0;
}

h3 { color: #555; font-size: 16px;}

.eng { margin-bottom: 2px; }

.linie { color:#969696; }
.barrierefrei { display: none; }

blockquote {
	color: #333;
	font-style: italic;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: #FFF;
	border: none;
	height: 1px;
	margin: 1px 0 15px 0;
	padding: 0;
	border-top: 1px dotted #999;
}

img, img a {border: none;}
img { -ms-interpolation-mode: bicubic; }

/* WRAPPER
----------------------------------------------------------------------------- */

#container {
    position: relative;   
	margin: 0 auto;
	margin-top: 25px;
	padding: 0px 0px 0px 0px;
	width: 920px;
	min-height:100%;
	background: transparent;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;

	-webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .4); 

}

/* HEADER
----------------------------------------------------------------------------- */

#header {
	position: relative;
 	width: 920px;
	height: 160px;
	margin: 0 0 0 0px;
    clear: both;
    background: #FFD302 url(../images/layout/header-bg.png) repeat-x top left;
    
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
    
}

#header h1 {
	position: absolute;
	top: 50px;
	left:  40px;
	width: 293px;
	height: 71px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	text-indent: -850px;
	overflow: hidden;
	background: transparent url(../images/layout/logo-twentytwelve.png) repeat-x top left; 

}

#header h1 a {
	display: block;
	position: absolute;
	top: 0px;
	left:  0px;
	width: 293px;
	height: 71px;
	overflow: hidden;
}

#header h2 {
	position: absolute;
	top:  65px;
	right: 43px;
	width: 300px;
	font-size: 17px;
	font-style: italic;
	text-align: right;
	font-weight: nbold;
	text-transform: uppercase;
	text-shadow: 0 1px #FFFFFF;
	color: #444;
	/*background: transparent url(../images/layout/claim.png) no-repeat top left;*/ 

}


/* CONTENT
----------------------------------------------------------------------------- */

#content {
   position: relative;
   width: 920px;
   clear: both;
   margin: 0px auto 0px 0;
	background: #FFF;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

/* NAV
----------------------------------------------------------------------------- */

#nav {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	margin: 0;
	padding: 0px 40px 0 0;
}

/** html #nav {position:relative} IE*/


#addressbox {
	margin: 30px 0 0 0;
	padding: 20px;
	color: #FFF;
	background: #A8A8A8;
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase;
    font-family: "Helvetica Neue", Arial;
}

#addressbox a {
	color: #FFF;
	text-decoration: underline;
}


/* MAIN
----------------------------------------------------------------------------- */

#banner {
	position: relative;
	width: 840px;
	height: 185px;
	background: transparent;
	margin: 0 0 25px 0;
	overflow: hidden;
}

#banner #slideshow {
	position: relative;
	width: 840px;
	height: 185px;
}

#banner #slideshow img {
	/*display: none;*/
}


#banner #slideshow p {
	position: absolute;
	top: 30px;
	right: 0px;
	margin: 0;
	padding: 15px 30px;
	color: #FF7810;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	background-color: #FFD302; /*IE*/
	background-color: rgba(255, 211, 2, 0.88);
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}



#main {
	width: 840px; /*920*/
	float: left; 
	padding: 25px 40px 60px 40px;
	font-size: 14px;
	line-height: 22px;
	min-height: 300px;
	margin: 0 0px 0 0;
}

#main img {
	padding: 0px;
	border: none;
}

#main img a {
	border: none;
}

#main a:hover img { border: 0px solid #9C4C59; }


#main img.left {  /* Bild links */
	float: left;
	margin: 0px 20px 10px 0px;
}


#main img.right {  /* Bild rechts */
	float: left;
	margin: 0px 0 10px 20px;
}

.block {
	display: block;
	clear: both;
	-padding-top: 15px;
}

.spalte-links {
	width: 400px;
	margin: 0 34px 0px 0;
	float: left;
	
}

.spalte-rechts {
	width: 400px;
	float: right;
}

.spalte {
	background: #EBEBEB;
	float: left;
	padding: 15px;
	width: 170px;
	min-height: 580px;
	margin: 0 10px 10px 0;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0px 5px 5px -5px rgba(1, 1, 1, .3);
-moz-box-shadow: 0px 5px 5px -5px rgba(1, 1, 1, .3);
box-shadow: 0px 5px 5px -5px rgba(1, 1, 1, .3); 
}

.spalte.last {
	min-height: 100px;
}





/* --- List --- */

#main ul {
	padding: 0px 0px 0px 0px;
	margin: 0 0 18px 0;
	list-style: none;
	background: transparent;	
}

#main ul li {
	background: url(../images/layout/bullet-li.png) no-repeat left 7px;
	padding-left: 14px;
	margin: 0 0 3px 5px;
}

#main ul.sitemap { 
	margin: 0 0 15px 0;
	padding-top: 0;
	padding-bottom: 0;
	background: #FFF;
}

#main ul.sitemap ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#main ul.sitemap li { 
	margin: 0;
	padding: 0;
	background: #FFF;
	height: 1%; /*IE*/
}

#main ul.sitemap li a { 
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dashed #CCC;
	background: #FFF;

}

/* Text */

p.einleitung {
	font-size: 18px;
	line-height: 25px;
}

p.smalltext {
	font-size: 11px;
	line-height: 14px;
}

a.bulletlink, a:visited.bulletlink {
	font-weight: bold;
	padding:  0 0 0 12px;
	color: #0268A7;
	background: url(../images/layout/bulletlink.gif) no-repeat left 0px; 
}

a:hover.bulletlink {
	color: #FF7810;
	text-decoration: none;
}

.download {
	padding: 0 0 0 18px;
	background: url(../images/layout/download-icon.gif) no-repeat left 2px; 
}

.zitat {
	font-size: 40px;
	line-height: 45px;
	margin: 0 0 5px 0;
}


/* Textboxen */

.box_1 p, .box_2 p {
	padding: 0px; margin: 0;
}

.box_1 { /* gelb */
	padding: 10px 15px;
	margin: 0 0 10px 0;
	color:  #444;
    background: #FFD302 url(../images/layout/header-bg.png) repeat-x top left;
	-moz-border-radius: 7px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.box_2 { /* grau */
	padding: 10px 15px;
	background: #E5E5E5;
	margin: 0 0 10px 0;
	-moz-border-radius: 7px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.red { color: RED; }

span.text-red {
	color:  #A51423;
}

span.text-green {
	color:  #FF7810;
}

.trennstrich-oben { /* p */
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #CCC;
}

.trennstrich-unten { /* p */
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

/* --- Tables --- */

table {
	margin: 0 0 15px 0;
	border: none;
	width: 99%;
}

td { 
	background: transparent;
	border-bottom: 1px solid #CCC;
	padding: 4px 5px;
	vertical-align: top;
	}

table tr:hover {
	background: #F1F1F1;
}


/* --- GalleryView (filmstrip) --- */

#photos.galleryview {
	background: #FF7810;
	margin: 0 0 15px 0!important;
}

.panel-overlay {
}

.panel-overlay h2 {
	margin: 10px 0 0 0;
	color:  #FFF;
}

.panel-overlay p {
	color:  #FFF;
	margin: 0px 0 0 0;
	font-size: 12px;
}

#main ul.filmstrip {
	background: #FF7810;
}

 #main ul.filmstrip li {
 padding: 0;
 margin: 0;
 margin-right: 5px;
}


/* FOOTER
----------------------------------------------------------------------------- */

#footer {
	position: relative;
	width: 840px;
	height: 120px;
	margin: 0 0 0 0;
	padding: 0px 40px 0px 40px;
	font-size: 12px;
	background: #999 url(../images/layout/footer-bg.png) repeat-x top left;
	overflow: hidden;
	
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

#footer p {
	color: #FFF;
	font-size: 11px;
	line-height: 18px;
}

#footer p a {
	color: #FFF;
	text-decoration: underline;
}

#footer p.phone {
	background: #FFF;
	width: 35%;
	text-align: center;
	padding: 10px 5px 13px 5px;
	font-size: 13px;
	color: #FF7810;
	vertical-align: middle;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
-webkit-box-shadow: 0px 3px 5px 0px #555;
-moz-box-shadow: 0px 3px 5px 0px #555;
box-shadow: 0px 3px 5px 0px #555; 
	
}

#footer p.phone span {
	display: inline-block;
}


#footer p.phone strong {
	color: #FF7810;
	font-size: 17px;
	display: inline-block;
	padding: 0 0 0 5px;
}

#footer p.phone strong a {
	color: #FF7810;
	text-decoration: none;
	cursor: default;
}


#footer p.address1 {
	float: left;
	width: 35%;
	text-align: center;
	color: #F1F1F1;
}

.ft-shadow {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 920px;
	height: 40px;
}

.subnav {
	position: absolute;
	top: 20px;
	right: 33px;
	color: #FFF;
	font-size: 11px;
	padding-right: 2px;
	text-align: right;
	text-transform: uppercase;
	background: transparent;
}

.subnav a, .subnav a:visited {
	color: #FFF;
	font-size: 11px;
	font-size: 0.95em;
	font-weight: normal;
	text-decoration: none;
	padding: 0 2px;
}

.subnav a:hover {
	color: #FFF;
	text-decoration: underline;
}

#main iframe {
		border-radius: 8px;

}

.social-buttons {
	position: absolute;
	bottom: -50px;
	left: 42%;
	width: 100;
	background: transparent;
	height: 30px;
	opacity: .8;
}

.social-buttons:hover {
	opacity: 1;
}

.fb-like {
	float: right;
	width: 120px;
	height: 30px;
	overflow: hidden;
}

.gplus {
	width: 70px;
	height: 30px;
	float: right;
}


/* ACCESSIBILITY
----------------------------------------------------------------------------- */

.printbuttons {
	text-align: right;
	padding: 0 5px 0 0;
}

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #333;
   margin: 1em;
}

.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* clearing */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* End of 'style' */