/* == RESET ======================== */
   
[hidden]{display:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
p{margin:1em 0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;}
textarea{overflow:auto;vertical-align:top}

/* == MAIN ======================== */

html{font-size:1em;}

body {margin:0; color:#3A3A3A; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/bkg_blume.jpg) fixed top center no-repeat #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#wrapper {margin:0 auto; width:600px; background-color:#F1F7EC;}

#wrapper_header {width:100%; height:330px; margin:0;}
#wrapper_strip_top {width:100%; height:75px; background:url(../images/div_bkg_top2.png); margin-bottom:-50px;}
#wrapper_strip_bottom {width:100%; height:150px; background:url(../images/div_bkg_bottom2.png);}
#wrapper_footer {width:100%; height:150px; background-color:#C6CFCA;}

.content_breads {padding:0em 2em 0em 2em;}
.content_text {font-size:1.2em; padding:0em 1.5em 0em 1.5em; color:#3A3A3A; line-height:1.5em;}


/* == MENU ======================== */

#nav {position:fixed; top:50%; left:4%; width:200px; height:150px; line-height:2em; margin-top:-115px; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#nav ul {display:block; margin:0; padding:0;}
#nav li {list-style: upper-alpha; padding-left:10px; color:#3A3A3A;}


/* == AKTUELLES BEREICH RECHTS ======================== */

.sprechtag {width:40px;}

/* == TYPE CLASSES ======================== */

.quote {padding-right:0.5em;}
.strich {letter-spacing:-0.2em; margin-bottom:2em;}

.breads_number {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.5em;}
.breads_title {text-transform:capitalize; text-transform:uppercase; letter-spacing:0.25em; padding-left:10px; font-size:0.5em;}
.breads_title2 {text-transform:capitalize; text-transform:uppercase; letter-spacing:0.25em; padding-left:43px; font-size:0.5em;}
.breads_title3 {text-transform:capitalize; text-transform:uppercase; letter-spacing:0.25em; font-size:0.5em;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#565656; font-weight:100; font-size:2em;}


/* == HYPERLINKS ======================== */

a:link {text-decoration:underline; color:#3A3A3A;}
a:visited {}
a:hover {color:#E0522E; text-decoration:none;}
a:active {}

#nav a {color:3A3A3A;}
#nav a:link {text-decoration:none; color:#3A3A3A;}
#nav a:visited {color:#3A3A3A;}
#nav a:hover {color:#E0522E; text-decoration:none;}
#nav a:active {color:#E0522E;}
#nav .current {color:#E0522E;}


/* == SCROLL UP CLASS ======================== */

.scrollup {width:40px; height:40px; opacity:0.3; position:fixed; bottom:5%; right:5%; display:none; text-indent:-9999px; background: url(../images/icon_top.png) no-repeat;}


/* == MEDIA SMARTPHONE ======================== */

@media only screen and (max-width: 600px) {

#nav {width:442px; height:175px; position:static; margin:0px auto; background:#C6CFCA; font-size:1em; padding-top:15px; padding-left:18px;}
#nav ul {padding-left:30px;}

#wrapper {width:460px; font-size:0.8em;}
#wrapper_header {width:460px; height:250px; background: fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.component {margin:0px auto; width:414px; height:auto; padding:23px; position:static; background-color:#FFF;} /* filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; */
.component_titel {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; background: none; color:#E0522E;}
.aktuelles {line-height:1.5em; font-size:1em; color:#3A3A3A; background:none;}

.breads_title2 {padding-left:40px;}

body {background: none; background-color:#dedede;}

}


/* == MEDIA TABLET ======================== */

@media only screen and (min-width: 600px) {


#nav {width:590px; height:190px; position:static; margin:0px auto; background:#C6CFCA; font-size:1em; padding-top:20px; padding-left:10px;}
#nav ul {padding-left:40px;}

#wrapper {width:600px; font-size:0.9em;}
#wrapper_header {width:600px; height:330px;}

.component {margin:0px auto; width:550px; height:auto; padding:25px; position:static; background-color:#FFF;} /* filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; */
.component_titel {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; background: none; color:#E0522E;}
.aktuelles {line-height:1.5em; font-size:1em; color:#3A3A3A; background:none;}

body {background:url(../images/bkg_blume.jpg) fixed top center no-repeat #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

}


@media only screen and (min-width: 1050px) {

#nav {position:fixed; top:50%; left:2%; width:200px; height:220px; line-height:2em; margin-top:-120px; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:none;}
	
#wrapper {margin:0 auto; width:600px; font-size:0.9em;}
#wrapper_header {width:100%; height:330px; margin:0;}
#wrapper_strip_top {width:100%; height:75px; background:url(../images/div_bkg_top2.png); margin-bottom:-50px;}

.component {position:fixed; top:50%; right:2%; width:180px; height:180px; margin-top:-120px; background:none;}
.component_titel {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; background:#E0522E; color:#FFF; width:100%; height:15px; margin-bottom:10px; padding:10px 20px 10px 20px;} /* filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; */
.aktuelles {line-height:1.5em; font-size:1em; background:#FFF; color:#3A3A3A; width:100%; height:130px; padding:5px 20px 5px 20px; overflow-y:auto;} /* filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; */

body {background:url(../images/bkg_blume.jpg) fixed top center no-repeat #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

}



/* == MEDIA PRINTANWEISUNG ======================== */

@media print {
	
* {background:#FFF; !important; color: #000 !important; background-image:none; box-shadow:none !important; text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin:0;}
p, h2,h3 {orphans: 3; widows: 3;}
h2, h3 {page-break-after: avoid;}

#wrapper_header, #wrapper_strip_top, #wrapper_strip_bottom, #wrapper_footer {display:none;}

}