@charset "utf-8";
/* CSS Document 



@media screen and (min-width: 600px) { 
.no-mobile { display:block; }
.mobile { display:none; }
}

*/

.no-mobile-text { font-family: 'PT Sans', sans-serif; color:#5b5b5b; font-size:24px; text-align:center; margin-top:300px; }
a { color:#e34e47; text-decoration:none; }

/* ul{	-webkit-padding-start: 0px; }  */


body { margin:0px; border:0px; padding:0px; background-image:url(../images/background/bg.png); background-repeat:repeat; }
.header { background-image:url(../images/background/menu_bg.png); background-repeat:repeat-x; height:48px; }
.logo { padding-top:8px; padding-left:8px; float:left; font-family: Arial, Helvetica, sans-serif; color:#5b5b5b; margin-right:10px; font-size: 13px;  text-align:right;  }
.logo span { color:#959594; text-align:right; padding-right:2px;  }
.round-icon { opacity:0.8; filter:alpha(opacity=80); width:32px; height:33px; background-image:url(../images/columns/icon-bg/orange_bg.png); background-repeat:no-repeat; margin-left:2px; }
.demo-icons { padding-left:8px; }

.close-button { position:relative; top:6px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-color:#343434; font-weight:bold; text-decoration:none; margin-left:10px; padding-left:5px; padding-right:5px; padding-bottom:3px; border-radius:15px; border-color:#cacaca; border-width:3px; border-style:solid; }
p, h1, h2, h3, h4, h5 { padding-left:10px; padding-right:10px; font-family: 'PT Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { color:#5b5b5b; }
.title { margin-bottom:0px; }

div, ul, ol, table,
p { font-family: 'PT Sans', sans-serif; font-size:12px; color:#424242; line-height:20px; }

.top-heading { font-family: 'PT Sans', sans-serif; color:#5b5b5b; margin-top:-40px; margin-right:10px; }

.shadow { text-shadow:0px 1px 0px #ffffff; }
.clear { clear:both; }
.socials { float:right; margin-top:-42px; }
.social-icon { padding-left:10px; }
.close-design { padding-top:0px; padding-left:1px!important; }
.full-width { padding-left:10px; padding-right:10px; padding-bottom:10px; }
.column-icon { background-image:url(../images/columns/icon-bg/orange_bg.png); background-repeat:no-repeat; width:32px; height:33px; opacity:0.8; float:left; margin-right:10px; margin-top:-6px; }
.image-deco { background-color:#fff; padding:3px; -webkit-box-shadow: 0px 1px 1px 1px #cacaca; -moz-box-shadow: 0px 1px 1px 1px #cacaca; box-shadow: 0px 1px 1px 1px #cacaca; }
.portfolio-image { margin-bottom:-10px!important; }
.portfolio-item p { padding-left:0px!important; padding-right:0px!important; display:block; }
.portfolio-item h4 { padding-left:0px!important; padding-right:0px!important; margin-bottom:0px!important; }

/* #slider { position:relative; max-width:300px; max-height:200px; height:200px; margin-bottom:0px; margin-left:auto; margin-right:auto; background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }*/ 
#slider { position:relative; max-width:460px; max-height:200px; height:200px; margin-bottom:5px; margin-left:0px;   background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }   

#silber { position:relative; height:25px; overflow:hidden;	background-image: url(../images/silber.gif); background-repeat: repeat-x; margin: -5px 10px 0 10px;}
#silber { margin-top: -7px; } /* da war noch 2px weiß */

#blau { position:relative; height:200px; overflow:hidden; background: #3d3d3d url(../images/bg1.gif) right top no-repeat; margin: 0 10px 7px 10px;}

.footer-text { text-align:center;  color: #333; line-height: 16px;  }
.footer-text a { color: #333; }
.footer {  background-color:#FFFFFF; background-repeat:repeat; margin: 1px 0 0 0; padding: 10px 0 10px 0;}

 @media screen and (max-width: 320px) {
.no-mobile { display:none; }
.image { width:300px; margin-bottom:15px; }
.portfolio-image { width:293px; }

body { width:320px; }
/*  #slider { position:relative; max-width:300px; max-height:200px; height:200px; margin-bottom:5px; margin-left:auto; margin-right:auto; background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }   */
#slider { position:relative; max-width:460px; max-height:200px; height:200px; margin-bottom:5px; margin-left:0px;  background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }

.decoration { background-image:url(../images/decoration/deco_style_1.png); background-repeat:repeat-x; width:300px; height:2px; margin-bottom:5px; margin-left:10px; }
}

 @media screen and (min-width: 500px) {
.no-mobile { display:block!important; }
}

 @media screen and (min-width: 340px) {
.no-mobile { display:none; }
.image { width:300px; margin-bottom:15px; }
.portfolio-image { width:453px; }

/*  #slider { position:relative; max-width:460px; max-height:200px; height:200px; margin-bottom:5px; margin-left:auto; margin-right:auto; background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; } 
#slider { position:relative; max-width:460px; max-height:200px; height:200px; margin-bottom:5px; margin-left:0px; background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }*/
#slider { position:relative; max-width:460px; max-height:200px; height:200px; margin-bottom:5px; margin-left:0px; background:url(../images/slider-assets/loading.gif) no-repeat 50% 50%; overflow:hidden; }

.decoration { background-image:url(../images/decoration/deco_style_1.png); background-repeat:repeat-x; width:460px; height:2px; margin-bottom:5px; margin-left:10px; }
}


small { font-style:italic; display:none; }

.navo { margin: 20px; }

.home { }
/*
.features { display:none; }
.portfolio { display:none; }
.contact { display:none; } */
/*//////////////////*/

/* für jede größe 
#slider {
	background: #0c0f49 url(../images/bg1.gif) right top no-repeat !important; 
}
*/
/* wichtig, da sonst das javascript den hintergrund überschreibt */

h1, h2, h3, h4 {
	font-family: 'PT Sans', sans-serif;
	color:#5b5b5b;
}
/*.rmobil { width:300px; text-align:center;  margin: 0 0 0 4px; padding: 2px; }*/
.rmobil {
	width: auto;
	text-align: left;
	margin: 4px 10px;
	padding: 0;
}
.rmobil.galerie img {
	width: 460px;
	max-width: 100%;
}
