@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');

body { color:#4c4c4c; margin:0px auto; padding:0px; font-family: 'PT Sans', sans-serif; background-image:url(../images/background8.png); background-repeat:no-repeat; background-attachment: fixed; background-size: cover; background-position:  bottom; line-height:140%; font-weight:400;}
p {margin:0; padding-bottom: 20px}
body {width: 100%; height: 100%;}
html {width: 100%; height: 100%;}

a:link{text-decoration:none;color:#0f3f93; border:0px;}
a:visited{text-decoration:none;color:#0f3f93; border:0px;}
a:hover{text-decoration:none;color:#41bfe8; border:0px;}
a:active{text-decoration:none;color:#0f3f93; border:0px;}

a.nav:link{text-decoration:none;color:#000000; margin-left:15px; text-indent:15px; border:0px;}
a.nav:visited{text-decoration:none;color:#000000; margin-left:15px; border:0px;}
a.nav:hover{text-decoration:none;color:#0f3f93; font-weight:bold; margin-left:15px; border:0px;}
a.nav:active{text-decoration:none;color:#000000; margin-left:15px; border:0px;}

a.nav-active:link{text-decoration:none;color:#0f3f93; font-weight:bold; margin-left:15px; border:0px;}
a.nav-active:visited{text-decoration:none;color:#0f3f93; font-weight:bold; margin-left:15px; border:0px;}
a.nav-active:hover{text-decoration:none;color:#0f3f93; font-weight:bold; margin-left:15px; border:0px;}
a.nav-active:active{text-decoration:none;color:#0f3f93; font-weight:bold; margin-left:15px; border:0px;}

a.card:link{text-decoration:none;color:#000000; font-weight:600; border:0px;}
a.card:visited{text-decoration:none;color:#000000; font-weight:600; border:0px;}
a.card:hover{text-decoration:none;color:#0f3f93; font-weight:600; text-decoration: underline; border:0px;}
a.card:active{text-decoration:none;color:#000000; font-weight:600; border:0px;}

#container {width:100%; margin:0px auto;}
.clear {clear:both}

@media screen and (min-width: 1025px){
#plan {display: inline}
#planos {display:none;}
}

@media screen and (max-width: 1024px){
#plan {display: none}
#planos {display:inline; width: 640px; height: 3800px;}
}

@media screen and (max-width: 640px){
body { color:#4c4c4c; margin:0px auto; padding:0px; font-family: 'PT Sans', sans-serif; background-image:url(../images/background8.png); background-repeat:no-repeat; background-attachment: fixed; background-size: cover 100% 100%; background-position:  bottom; line-height:140%; font-weight:400;}
body {width: 100%; height: 100%; max-width: 640px;}
html {width: 100%; height: 100%; max-width: 640px;}
	#plan {display: none}
	#planos {display:inline; width: 640px; height: 3800px;}
}
/*--------------------------------------------------------- H E A D ---------------------------------------------------------*/

#head {width:100%; height: 100%; margin: 0 auto; background-image: url(../images/spacer.png); background-repeat: repeat;}

#head-left {position: relative;  width: 70%; margin: 40px 0 0 40px; float: left;}
#head-left p {font-size: 100%; font-size: 6vw; font-weight: 400; letter-spacing: 0.4em; line-height: 110%; color: #ffffff}

#head-right {position: relative; width: 20%; margin: 100px 40px 0px 0; float: right}
#logo {width:90%; height: 90%; max-width:500px; margin: 0px 40px 0px 0px;}
.logo-image-wrapper{
 max-width:90%;
 height:auto;
 position: relative;
 display:block;
 margin:0 auto;
}
.logo-image-wrapper img{
 width:100% !important;
 height:auto !important;
 display:block;
}


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

}


@media screen and (max-width: 640px){
#head {width:640px; height: 400px; margin: 0 auto; background-image: url(../images/background8.png); background-repeat: repeat; background-size: cover}

#head-left {position: relative; top: 0px; -webkit-transform:none; -ms-transform:none; transform:none;  width: 390px; margin: 0 auto; float: left;}
#head-left p {font-size: 100%; font-size: 50px; font-weight: 400; letter-spacing: 1px; line-height: 110%; text-align: left; color: #ffffff; padding: 20px 0 0px 0; }

#head-right {position: relative; top: 0px; -webkit-transform: none; -ms-transform:none; transform:none; width: 250px; margin: 0 ; float: right; }
#logo {width:250px; height: 250px; max-width:250px; margin: 0 auto; position: relative; margin:40px 10px 0 0px; }
.logo-image-wrapper{
 max-width:250px;
 height:auto;
 position: relative;
 display:block;
 margin:0 auto;
}
.logo-image-wrapper img{
 width:250px !important;
 height:auto !important;
 display:block;
 padding: 0px; 	
}

}

/*--------------------------------------------------------- M E N U ---------------------------------------------------------*/
#menu {width:100%; margin: 0 auto; background-image: url(../images/spacer.png); background-repeat: repeat;}
#cntnt-menu {position: relative; margin: 0 auto; width:100%; max-width: 800px; min-height: 30px; padding: 10px; padding-right: 200px}

div.sticky-menu {top: 0; position: fixed; width: 1000px; z-index: 1000;}
ul#nav {list-style-type:none; margin:0; padding:0;}
ul#nav li:first-child {font-size: 30px; letter-spacing:2px; font-weight:400; margin:0 0px 0 0px; padding:10px 50px 10px 0px; display: inline-block;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
ul#nav li {font-size: 30px; letter-spacing:2px; font-weight:400; margin:0 0px 0 0px; padding:10px 50px 10px 50px; display: inline-block;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
ul#nav li:hover {text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
a.menu:link  {color:#ffffff; text-decoration:none;}
a.menu:visited  {color:#ffffff; text-decoration:none;}
a.menu:active  {color:#ffffff; text-decoration:none;}
a.menu:hover  {color:#CB6D51; text-decoration:none;}
a.menu-active {color:#CB6D51; text-decoration:none;}

@media screen and (max-width: 640px){
#menu {width:640px; margin: 0 auto; background-image: none; background-repeat: repeat; background-color: #4d4d4b;}
#cntnt-menu {position: relative; margin: 0 auto; width:620px; max-width: 620px; min-height: 30px; padding: 10px;}

ul#nav {list-style-type:none; margin:0; padding:0;}
ul#nav li:first-child {font-size: 60px; letter-spacing:2px; font-weight:400; margin:0; padding:0px; line-height: 140%; display: block; width: 620px; text-align: center; border-bottom: 1px solid #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
ul#nav li {font-size: 60px; letter-spacing:2px; font-weight:400; margin:0; padding:0px; line-height: 140%; display: block; width: 620px; text-align: center; border-bottom: 1px solid #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
	
ul#nav li:hover {text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
a.menu:link  {color:#ffffff; text-decoration:none;}
a.menu:visited  {color:#ffffff; text-decoration:none;}
a.menu:active  {color:#ffffff; text-decoration:none;}
a.menu:hover  {color:#CB6D51; text-decoration:none;}
a.menu-active {color:#CB6D51; text-decoration:none;}

}
/*--------------------------------------------------------- M A I N ---------------------------------------------------------*/
#main {width:100%; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px;}
#cntnt-lft {width: 72%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}
#cntnt-lft-i {width: 65%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}#cntnt-rght {width: 20%; max-width: 300px; min-height: 450px; padding: 10px 0; text-align: left; float: right;}
#cntnt-rght {width: 28%; max-width: 400px; min-height: 450px; padding: 10px 0; text-align: left; float: right;}

#sec-main {width:100%; height: 100%; margin: 0 auto; background-color: #BBBBBB; font-size: 22px; letter-spacing: 1px; line-height: 140%; background-image: url(../images/bg-card.jpg); background-repeat: no-repeat; background-size: cover;}
#sec-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px; }

#trd-main {width:100%; height: 100%; min-height:1100px; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#trd-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 100%; padding: 20px; }
#trd-content a {color: #ffffff;}
#trd-content a:hover {color: #cb6d51;}

#news1 {width: 30%; height: auto; background-color: #cdded1; float: left;}
#news2 {width: 30%; height: auto; background-color: #fffabe; float: left; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#news3 {width: 30%; height: auto; background-color: #ceb8cf; float: right;}
#cntnt-news {padding: 10px 20px;}

#card1 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 1.0vw; line-height: 140%;}
#card2 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 1.0vw; line-height: 140%; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#card3 {width: 30%; height: 50%; float: right; font-size: 100%; font-size: 1.0vw; line-height: 140%;}

#speisekarte {width: 284px; height: 38px; background-image: url(../images/button_card.png); background-repeat: no-repeat; background-size: cover; color: #ffffff; padding: 5px 0 0px 30px;}
#speisekarte:hover {color: #cb6d51; background-image: url(../images/button_card_hover.png);}
#speisekarte:hover a {color: #cb6d51; }

@media screen and (max-width: 1300px){
#main {width:100%; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px;}
#cntnt-lft {width: 72%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}
#cntnt-lft-i {width: 72%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}
#cntnt-rght {width: 30%; max-width: 400px; min-height: 450px; padding: 10px 0; text-align: left; float: right;}

#sec-main {width:100%; height: 100%; margin: 0 auto; background-color: #BBBBBB; font-size: 22px; letter-spacing: 1px; line-height: 140%; background-image: url(../images/bg-card.jpg); background-repeat: no-repeat; background-size: cover;}
#sec-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px; }

#trd-main {width:100%; height: 100%; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#trd-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px; }

#news1 {width: 30%; height: auto; background-color: #cdded1; float: left;}
#news2 {width: 30%; height: auto; background-color: #fffabe; float: left; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#news3 {width: 30%; height: auto; background-color: #ceb8cf; float: right;}

	
#card1 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 1.5vw; line-height: 140%;}
#card2 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 1.5vw; line-height: 140%; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#card3 {width: 30%; height: 50%; float: right; font-size: 100%; font-size: 1.5vw; line-height: 140%;}

}

@media screen and (max-width: 1000px){
#main {width:100%; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px;}
#cntnt-lft {width: 72%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}
#cntnt-lft-i {width: 72%; min-height: 450px; padding: 10px 40px 10px 0px; text-align: left; border-right: 2px solid #00082E; float: left;}
#cntnt-rght {width: 20%; max-width: 300px; min-height: 450px; padding: 10px 0; text-align: left; float: right;}

#sec-main {width:100%; height: 100%; margin: 0 auto; background-color: #BBBBBB; font-size: 22px; letter-spacing: 1px; line-height: 140%; background-image: url(../images/bg-card.jpg); background-repeat: no-repeat; background-size: cover;}
#sec-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px; }

#trd-main {width:100%; height: 100%; margin: 0 auto; background-color: #ffffff; font-size: 22px; letter-spacing: 1px; line-height: 140%;}
#trd-content {position: relative; margin: 0 auto; width:100%; max-width: 1000px; min-height: 300px; padding: 20px; }

#news1 {width: 30%; height: auto; background-color: #cdded1; float: left;}
#news2 {width: 30%; height: auto; background-color: #fffabe; float: left; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#news3 {width: 30%; height: auto; background-color: #ceb8cf; float: right;}

#card1 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 2vw; line-height: 140%;}
#card2 {width: 30%; height: 50%; float: left; font-size: 100%; font-size: 2vw; line-height: 140%; position: relative; left: 7%; -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%);}
#card3 {width: 30%; height: 50%; float: right; font-size: 100%; font-size: 2vw; line-height: 140%;}

}

@media screen and (max-width: 640px){
#main {width:640px; margin: 0 auto; background-color: #ffffff; font-size: 32px; letter-spacing: 1px; line-height: 140%;}
#content {position: relative; margin: 0 auto; width:600; max-width: 600px; min-height: 300px; padding: 20px;}
#cntnt-lft {width: 600px; min-height: 450px; padding: 10px 0px 10px 0px; text-align: left; border-right: 0px solid #00082E; float: left;}
#cntnt-lft-i {width: 600px; min-height: 450px; padding: 10px 0px 10px 0px; text-align: left; border-right: 0px solid #00082E; float: left;}
#cntnt-rght {width: 600px; max-width: 600px; min-height: 450px; padding: 10px 0; text-align: left; float: left;}

#sec-main {width:640px; height: 150vh; margin: 0 auto; background-color: #BBBBBB; font-size: 52px; letter-spacing: 1px; line-height: 140%; background-image: url(../images/bg-card.jpg); background-repeat: no-repeat; background-size: cover;}
#sec-content {position: relative; margin: 0 auto; width:600; max-width: 600px; min-height: 300px; padding: 20px; }

#trd-main {width:640px; min-height: 800px; height: auto; margin: 0 auto; background-color: #ffffff; font-size: 52px; letter-spacing: 1px; line-height: 140%;}
#trd-content {position: relative; margin: 0 auto; width:600; max-width: 600px; min-height: 300px; padding: 20px; }
	#trd-content img {max-width: 600px;}

#news1 {width: 600px; height: auto; background-color: #cdded1; float: left; margin-bottom: 20px;}
#news2 {width: 600px; height: auto; background-color: #fffabe; float: left; position: relative; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 20px;}
#news3 {width: 600px; height: auto; background-color: #ceb8cf; float: left; margin-bottom: 20px;}

#card1 {width: 600px; height: 700px; float: left; font-size: 30px; line-height: 140%;}
#card2 {width: 600px; height: 650px; float: left; font-size: 30px; line-height: 140%; position: relative; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
#card3 {width: 600px; height: 700px; float: left; font-size: 30px; line-height: 140%;}
	
#speisekarte {width: 550px; height: 78px; background-image: url(../images/button_card.png); background-repeat: no-repeat; background-size: cover; color: #ffffff; padding: 0px 0 0 50px; margin-bottom: 50px;}	
#haende {width: 600px; float:left }
}



/*--------------------------------------------------------- F O O T ---------------------------------------------------------*/
#foot {width:100%; background-color:#1d1d1b;}
#content-foot {position:relative; margin: 0 auto; min-height: 100px; padding: 0 20px;}
#foot-left {width:48%; max-width:350px; padding:20px 0; line-height:180%; color:#999; text-align:left; float:left}
#foot-left img {border: 1px solid #ffffff; width: 45px; height: auto; margin: 0 10px 0 0;}
#foot-left img:hover {border: 1px solid #CB6D51;}
#foot-right {width:28%; max-width:350px; padding:20px 0; line-height:180%; color:#999; text-align:right; float:right}

a.foot:link{text-decoration:none;color:#969696; border:0px;}
a.foot:visited{text-decoration:none;color:#969696; border:0px;}
a.foot:hover{text-decoration:none;color:#cb6d51; border:0px;}
a.foot:active{text-decoration:none;color:#969696; border:0px;}

#facebook {width: 64px; height: 64px; min-width: 64px; min-height: 64px; background-image: url(../images/facebook1.png); background-repeat: no-repeat; float: left;
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#facebook:hover {background-image: url(../images/facebook.png); 
	-webkit-transition: all 0.5s ease-in; 
	-moz-transition: all 0.5s ease-in; 
	-o-transition: all 0.5s ease-in; 
	transition: all 0.5s ease-in;
}
#twitter {width: 64px; height: 64px; min-width: 64px; min-height: 64px; background-image: url(../images/twitter1.png); background-repeat: no-repeat; float: left;	
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#twitter:hover {background-image: url(../images/twitter.png); 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#googleplus {width: 64px; height: 64px; min-width: 64px; min-height: 64px; background-image: url(../images/googleplus1.png); background-repeat: no-repeat; float: left;	
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#googleplus:hover {background-image: url(../images/googleplus.png); 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}

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

}

@media screen and (max-width: 640px){
#foot {width:640px; background-color:#1d1d1b;}
#content-foot {position:relative; margin: 0 auto; min-height: 100px; padding: 0 20px; font-size: 50px;}
#foot-left {width:600px; max-width:600px; padding:20px 0; line-height:180%; color:#999; text-align:center; margin: 0 auto; float:none}
#foot-left img {border: 1px solid #ffffff; width: 45px; height: auto; margin: 0 10px 0 0;}
#foot-left img:hover {border: 1px solid #CB6D51;}
#foot-right {width:600px; max-width:600px; padding:20px 0px; line-height:180%; color:#999; text-align:center; margin: 0 auto; float:none}

a.foot:link{text-decoration:none;color:#969696; border:0px;}
a.foot:visited{text-decoration:none;color:#969696; border:0px;}
a.foot:hover{text-decoration:none;color:#cb6d51; border:0px;}
a.foot:active{text-decoration:none;color:#969696; border:0px;}

#facebook {width: 128px; height: 128px; min-width: 128px; min-height: 128px; background-image: url(../images/facebook1.png); background-repeat: no-repeat; background-size: cover; float: left; margin-left: 100px;
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#facebook:hover {background-image: url(../images/facebook.png); 
	-webkit-transition: all 0.5s ease-in; 
	-moz-transition: all 0.5s ease-in; 
	-o-transition: all 0.5s ease-in; 
	transition: all 0.5s ease-in;
}
#twitter {width: 128px; height: 128px; min-width: 128px; min-height: 128px; background-image: url(../images/twitter1.png); background-repeat: no-repeat; background-size: cover; float: left;	
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#twitter:hover {background-image: url(../images/twitter.png); 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#googleplus {width: 128px; height: 128px; min-width: 128px; min-height: 128px; background-image: url(../images/googleplus1.png); background-repeat: no-repeat; background-size: cover; float: left;	
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}
#googleplus:hover {background-image: url(../images/googleplus.png); 
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}

}
/*--------------------------------------------------------- F O N T ---------------------------------------------------------*/
h1 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h2 {font-size:100%; font-size: 2.0vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h3 {font-size:100%; font-size: 1.5vw; color:#000000; line-height:140%; margin:0; padding:0; font-weight:700; }

@media screen and (max-width: 1300px){
h1 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h2 {font-size:100%; font-size: 2.5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h3 {font-size:100%; font-size: 2.0vw; color:#000000; line-height:140%; margin:0; padding:0; font-weight:700; }

}

@media screen and (max-width: 1000px){
h1 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h2 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h3 {font-size:100%; font-size: 2.5vw; color:#000000; line-height:140%; margin:0; padding:0; font-weight:700; }

}

@media screen and (max-width: 640px){
h1 {font-size:66px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h2 {font-size:66px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 20px 0; font-weight: 600;}
h3 {font-size:50px; color:#000000; line-height:140%; margin:0; padding:0; font-weight:400; }
}
/*--------------------------------------------------------- P I C S ---------------------------------------------------------*/
img {border:0px;}
.pic-left {padding:0px 10px 5px 0px;}

/*--------------------------------------------------------- F O R M ---------------------------------------------------------*/


/** ***********************************************************************************************************/

/** gesamtbreite der ausgabe ***********************************************************************************************************/

/** die gesamtbreite bitte in Zeile: 70 (.show_news_container) eintragen 
    der rest passt sich automatisch an */

#cont_all { width: 100%; margin: 0; padding: 0; }

/** untergeordnete div ***********************************************************************************************************/

.show_news_container,
#formular_make_news,
#formular_titel_plugin,
#formular_ddl_plugin,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options { width: 100%; }

/** breite der formular input felder ***********************************************************************************************************/

.input_feld,
.input_area {width: 98%; }

/** suchmaske + ausgabe ***********************************************************************************************************/

#search { margin: 0px; }
#search .input { float: left; position: relative; width:184px; color: #000000; font-size: 14px; border:0px; border-bottom: 1px solid #0f3f93; background-color: #EAEAEA; height: 22px; padding: 3px; padding-left:15px;}
#search .input:focus {width:184px; color: #ffffff; font-size: 14px; border:0px; border-bottom: 1px solid #ffffff; background-color: #0f3f93; height: 22px; padding: 3px;  padding-left:15px;}

#search .cms_button { display:none;/*position: relative; top: -38px ; right: 0px; cursor: pointer; width: 22px; height: 20px; border: 0; background: url(../graphic/search_btn.png) no-repeat 0 0; margin: 8px 27px 0px 0px; text-indent: -9999px; float: right; padding: 0; */}

/** bild, welches in der suche angezeigt wird */
.search_pic { margin: 2px 5px 4px 0px; float: left; width: 100px; padding:3px; background-color: #FCFCFC; border:1px solid #CCCCCC; } 

/** admin login dialog ***********************************************************************************************************/

#admin_login { width: 235px; margin: 0px auto 0px auto; font-weight: bold; font-size: 12px; }
#i_login,
#i_pass { width: 205px; margin-top: 5px; text-align: right; }
#i_button { text-align: right; margin: 10px 5px 5px 0px; }

.login_input_field { width: 140px; padding: 4px 5px 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #81cff5; border:1px solid #009de0;}
.login_input_field:focus { box-shadow: inset 2px 2px 4px #333333; -webkit-box-shadow: inset 2px 2px 4px #333333; -moz-box-shadow: inset 2px 2px 4px #333333; }

/** artikel ausgabe ***********************************************************************************************************/

.show_news_container { width: 100%; padding: 0; margin-bottom: 0px; color: #333333; line-height: 160%; font-size:18px; font-weight:300; }

/** artikel überschrift ***********************************************************************************************************/

.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}

.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:100%; font-size: 2.0vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}

.show_news_headline,
.show_news_headline_hover { min-height: 15px; margin-bottom: 5px; padding: 3px 0px 3px 35px; /*border-bottom: 1px solid #999999;*/ clear: both; background: url("../graphic/h_auf.png") no-repeat 0px 2px; cursor: pointer;  }
.show_news_headline_hover { background: url("../graphic/h_zu.png") no-repeat 0px 2px; }

.show_news_static_headline { min-height: 10px; margin-bottom: 0px; padding: 3px 0px 3px 0px;/* border-bottom: 1px solid #999999;*/ }

@media screen and (max-width: 1300px){
.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 {font-size:100%; font-size: 5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:100%; font-size: 2.5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
}

@media screen and (max-width: 1000px){
.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 {font-size:100%; font-size: 6vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}

}

@media screen and (max-width: 640px){
.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 {font-size:52px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:45px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
}

/** artikel inhalt ***********************************************************************************************************/

.show_news_inhalt { clear: both; padding-top: 1px; width: 100%; height: auto; color:#000000; font-size:22px; line-height:140%; letter-spacing: 1; }

.show_news_inhalt h2 {font-size:100%; font-size: 2.0vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}

.show_news_inhalt h1 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}

@media screen and (max-width: 1300px){
.show_news_inhalt h1 {font-size:100%; font-size: 5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_inhalt h2 {font-size:100%; font-size: 2.5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
}

@media screen and (max-width: 1000px){
.show_news_inhalt h1 {font-size:100%; font-size: 6vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_inhalt h2 {font-size:100%; font-size: 3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
}

@media screen and (max-width: 640px){
.show_news_inhalt { clear: both; padding-top: 1px; width: 100%; height: auto; color:#000000; font-size:40px; line-height:140%; letter-spacing: 1; }
.show_news_inhalt h1 {font-size:52px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 400;}
.show_news_inhalt h2 {font-size:45px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
}


/** artikel fußzeile ***********************************************************************************************************/

.show_news_footer { margin-top: 5px; padding-top: 5px; border-top: 0px dotted #666; clear: both; }

/** admin buttons (edit, delete, move up / down) *******************************************************************************/

.admin_option_button { padding: 15px 0px 10px 0px; }

/** linien ***********************************************************************************************************/

.linie { border-top: 1px dashed #000000; }
/*.show_news_container hr { border: none; border-top: 1px dashed #000000; }*/
.show_news_container ul { list-style-type: disc; list-style-position:outside; }
#news_admin { border: 1px solid #AAAAAA; background-color: #81cff5; height: auto; padding: 10px; width: 99%; text-align: left; }
#news_admin h2 { font-size: 14px; }

/** artikel bearbeiten -> formular ***********************************************************************************************************/

#formular_titel_plugin,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_ddl_plugin,
#formular_input_footer { margin-top: 10px; font-weight: bold; }
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer { padding: 2px; font-weight: normal; }
.input_feld,
.input_area { font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
.input_area { height: 360px; }
.ddl { width:40%; margin-right:10px;}
.ddl_input { width:55%; }
#make_news_button { padding-top: 5px; }

/** artikel bearbeiten -> bilder ***********************************************************************************************************/

#bild_verwaltung { max-height: 180px; overflow: auto; }
#over { width: 200px; height: 100px; }
.bild { text-align: center; width: 120px; float: left; }
.insert { text-align: center; width: 240px; float: left; }
.delete { text-align: center; width: 200px; float: left; }
.options { color: #544F43; text-align: left; padding: 2px; }

/** artikel bearbeiten -> dateien ***********************************************************************************************************/

.datei { padding-top: 6px; float: left; }
.datei_insert { padding-bottom: 8px; float: right; }

/** buttons ***********************************************************************************************************/

.button { color: #333333; padding: 3px 5px 3px 5px; cursor:pointer; font-size: 12px; font-weight: bold; outline:none; text-shadow: 0px 0.5px 0px #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #CCCCCC; background: -moz-linear-gradient(top, #EEEEEE, #999999); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #999999)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#999999')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#999999'); /* IE6,IE7 only */ border:1px solid #333333; box-shadow: 0px 0px 3px #555555; -webkit-box-shadow: 0px 0px 3px #555555; -moz-box-shadow: 0px 0px 4px #888888; }

.button:hover { color: #FFFFFF; }

.button:active,
.button_active { color: #EEEEEE; text-shadow: 0px 0.5px 0px #333; background: #333333; background: -moz-linear-gradient(top, #888888, #222222); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888888), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222'); /* IE6,IE7 only */ border:1px solid #333; box-shadow: inset 0px 1px 3px #555555; -webkit-box-shadow: inset 0px 1px 3px #555555; -moz-box-shadow: 0px 0px 3px #555555, inset 0px 1px 3px #555555;  }
.button_active { cursor: default; } /** extra für textlinks kein pointer */

/** link als button */
.button_navi { padding: 5px 10px; text-decoration: none; outline: 0; }

.up { background: url("../graphic/up.png") no-repeat center 0px; padding: 1px 4px 3px 4px; }
.down { background: url("../graphic/down.png") no-repeat center 0px; padding: 1px 4px 3px 4px; }

/** blätterfunktion ***********************************************************************************************************/

.seiten_navi { width: 100%; margin: 30px 0; }

/** stile und überschriften ***********************************************************************************************************/

.cms_color1 { color: #009de0; }
.cms_color2 { color: #000000; }
.cms_color3 { color: #81cff5; }

/** formular -> einstellungen ***********************************************************************************************************/

.settings_beschreibung { width: 120px; float: left; margin: 5px; }
.settings_wert { width: 160px; float: left; margin: 2px; }
.settings_help { padding-top: 4px; }
.clear { clear: both; }

/** tooltip ***********************************************************************************************************/

.tooltip { z-index: 999; position: absolute; display: none; margin-top: -40px; margin-left: 20px; background-color: #FFFFFF; width:300px; border:1px solid #666666; height:auto; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; box-shadow: 0px 0px 25px #111111; -webkit-box-shadow: 0px 0px 25px #111111; -moz-box-shadow: 0px 0px 25px #111111; }
.tooltip_head { background: url("../graphic/button_a.png") repeat-x; height:18px; text-align:left; padding:3px 5px 3px 5px; color:#333333; font-weight:bold; text-shadow: 0px 1px 0px #CCCCCC; }
.tooltip_content { border-top:1px solid #666666; padding:5px; background-color:#EFEFEF; text-align:left; }
.tooltip_content ul { list-style-type: square; }

/** messages ***********************************************************************************************************/

.ok { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #87ea79; background: url("../graphic/output_ok.png") no-repeat 10px center #81cff5; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.error { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #FF0000; background: url("../graphic/output_error.png") no-repeat 10px center #FFD5D5; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.info { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #edd08b; background: url("../graphic/output_info.png") no-repeat 10px center #FFEBBB; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.ok ul, .error ul, .info ul { list-style-type: none; }
.ok li, .error li, .info li { padding-left: 40px; color: #000000; }


.abstand { margin-top: 30px; text-align: center; }


#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../graphic/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../graphic/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../graphic/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../graphic/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../graphic/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../graphic/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../graphic/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../graphic/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Verdana; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
.fancybox-image-count {font-weight: bold; float: right; color: #EEEEEE; text-shadow: 0.5px 0.5px 1px #000000; }
#fancybox-title-over { padding: 10px 10px 20px 10px; background-image: url('../graphic/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../graphic/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../graphic/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../graphic/fancybox/fancybox.png') -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.code { border: 1px solid #999999; width: auto; height: auto; overflow: auto; }
.count_row { font-weight: bold; padding: 3px; line-height: 140%; font-family: monospace; background-color: #BCBCBA; text-align: right; color: #FFFFFF; padding: 3px 4px 3px 4px; border-right: 0px solid #000; float: left; }
.code_content { line-height: 140%; border-left:3px solid #FFFFFF; white-space: nowrap; height:auto; width:auto; padding: 3px 0px 3px 10px; overflow:auto; background-color:#EEEDEA; font-size:12px; }

.highlight-bg { color: #FFFFFF; }
.highlight-html { color: #333333; }
.highlight-default { color: #0000BB; }
.highlight-keyword { color: #007700; }
.highlight-string { color: #DD0000; }
.highlight-comment { color: #FF6600; }




.Zitat_Links {
    border: 1px solid #AAAAAA;
    background: url("../graphic/quote.png") no-repeat 6px 0px #DDDDDD;
    height: auto;
    width: auto;
    line-height: 140%;
    padding: 8px 8px 8px 40px;
    margin: 0px 10px 0px 0px;
    float: left;
}
.Zitat_Rechts {
    border: 1px solid #AAAAAA;
    background: url("../graphic/quote.png") no-repeat 6px 0px #DDDDDD;
    height: auto;
    width: auto;
    line-height: 140%;
    padding: 8px 8px 8px 40px;
    margin: 0px 0px 0px 10px;
    float: right;
}

.cmsImgLft { margin: 0px 15px 5px 0px; float:left; }
.cmsImgNoFlt { margin: 2px 5px 2px 5px; vertical-align:middle; }
.cmsImgRgt { margin: 0px 0px 5px 15px;float:right; }

/** rahmen */
.cmsImgLft,
.cmsImgNoFlt,
.cmsImgRgt { padding: 5px;}

.cmsImgLft:hover,
.cmsImgNoFlt:hover,
.cmsImgRgt:hover {}

/** ********************************************************************************************************************************************************/

.teaser_ausgabe { width: 100%; height: auto; margin: 0px auto; position: relative; top: 0; font-size: 100%; font-size: 2vw; line-height: 140%;}
div.teaser_ausgabe h1 {font-size: 100%; font-size:2.7vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 20px; font-weight: 700;}
div.teaser_ausgabe h2 {font-size: 100%; font-size:2.7vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
div.teaser_ausgabe h3 {font-size: 100%; font-size:2vw; color:#000000; line-height:140%; margin:0; padding:0; font-weight:400; }
div.teaser_ausgabe p {padding:0 20px 20px 20px;}
div.teaser_ausgabe img {margin:0 0 0 0px; padding: 0}
div#cntnt-lft div.teaser_ausgabe p {padding:0 ;}
div#cntnt-lft-i div.teaser_ausgabe p {padding:0; font-size: 22px; line-height: 140%}
div#cntnt-lft-i div.teaser_ausgabe_headline {font-size: 100%; font-size:6.5vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0px; font-weight: 400;}
.teaser_ausgabe_headline {font-size: 100%; font-size:4vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 400;}
div#cntnt-rght div.teaser_ausgabe div.teaser_ausgabe_headline {font-size: 100%; font-size:2vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 700;}
div#cntnt-rght div.teaser_ausgabe p {padding:0; font-size: 1.6vw; line-height: 140%}

@media screen and (min-width: 1300px){
.teaser_ausgabe { width: 100%; height: auto; margin: 0px auto; position: relative; top: 0; font-size: 100%; font-size: 1vw;}
div.teaser_ausgabe h1 {font-size: 100%; font-size:1.7vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 20px; font-weight: 700;}
div.teaser_ausgabe h2 {font-size: 100%; font-size:1.7vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
div.teaser_ausgabe h3 {font-size: 100%; font-size:1vw; color:#000000; line-height:140%; margin:0; padding:0; font-weight:400; }
div.teaser_ausgabe p {padding:0 20px 20px 20px;}
div.teaser_ausgabe img {margin:0 0 0 0px; padding: 0}
.teaser_ausgabe_headline {font-size: 100%; font-size:3vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 400;}
div#cntnt-rght div.teaser_ausgabe div.teaser_ausgabe_headline {font-size: 100%; font-size:2vw; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 700;}
div#cntnt-rght div.teaser_ausgabe p {padding:0; font-size: 1.2vw; line-height: 140%}

}


@media screen and (min-width: 641px){
div#cntnt-lft-i div.teaser_ausgabe div.teaser_ausgabe_inhalt img.teaser_ausgabe_pic { padding: 0px; margin: 0px 0 10px 10px; width: 350px; background-color: none; float: right; border:0px solid #FFF;} 
}

.teaser_ausgabe_inhalt { width: 100%; font-weight:normal; padding-top: 0px; margin: 0px; }
.teaser_ausgabe_pic { margin: 0px auto; padding: 20px; background-color: #EEE; width: 87%; border:0px solid #FFF;} 
.teaser_ausgabe_clear { clear: both; }

.teaser_ausgabe_headline a:link { color: #0f3f93; outline: 0; text-decoration: none;}
.teaser_ausgabe_headline a:visited { color: #0f3f93; outline: 0; text-decoration: none; }
.teaser_ausgabe_headline a:hover { color: #000000; outline: 0; text-decoration: none; }
.teaser_ausgabe_headline a:focus { color: #0f3f93; outline: 0; text-decoration: none; }

.teaser_ausgabe_inhalt a:link { color: #0f3f93; outline: 0; text-decoration: none;}
.teaser_ausgabe_inhalt a:visited { color: #0f3f93; outline: 0; text-decoration: none; }
.teaser_ausgabe_inhalt a:hover { color: #000000; outline: 0; text-decoration: none; }
.teaser_ausgabe_inhalt a:focus { color: #0f3f93; outline: 0; text-decoration: none; }

@media screen and (max-width: 640px){
div#cntnt-lft-i img.teaser_ausgabe_pic { padding: 0px; margin: 0; width: 100%; float: none; border:0px;} 
.teaser_ausgabe { width: 100%; height: auto; margin: 0px auto; position: relative; top: 0; font-size: 100%; font-size: 40px; line-height: 140%}
div.teaser_ausgabe h1 {font-size: 100%; font-size:50px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 20px; font-weight: 700;}
div.teaser_ausgabe h2 {font-size: 100%; font-size:45px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0; font-weight: 700;}
div.teaser_ausgabe h3 {font-size: 100%; font-size:45px; color:#000000; line-height:140%; margin:0; padding:0; font-weight:400; }
div.teaser_ausgabe p {padding:0 20px 20px 20px;}
div.teaser_ausgabe img {margin:0 0 0 0px; padding: 0}
.teaser_ausgabe_headline {font-size: 100%; font-size:50px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 400;}
div#cntnt-rght div.teaser_ausgabe div.teaser_ausgabe_headline {font-size: 100%; font-size:45px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 0px 0px; font-weight: 700;}
div#cntnt-rght div.teaser_ausgabe p {padding:0; font-size: 40px; line-height: 140%}
div#cntnt-lft-i div.teaser_ausgabe p {padding:0; font-size: 52px; line-height: 140%}
div#cntnt-lft-i div.teaser_ausgabe_headline {font-size: 100%; font-size:66px; color:#000000; line-height:140%; letter-spacing:0.1em; margin:0; padding:0 0 10px 0px; font-weight: 400;}
.teaser_ausgabe_pic { margin: 0px auto; padding: 40px; background-color: #EEE; width: 87%; border:0px solid #FFF;}
}
/** ********************************************************************************************************************************************************/