/* cmsms stylesheet: tulip modified: Montag, 29. August 2016 12:16:27 */
/* allgemeine Definitionen */
html, body {
  margin:0;padding:0;
}
img {
  border: 0 none;
}
a {text-decoration: none;
}
html { 
background: url(/uploads/images/layout/bg.jpg) no-repeat center center fixed ; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#223A5E
}

body {
	font-size:100.1%;
	font-family: 'Roboto', Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	overflow-y: scroll;
background:transparent
	}
img {max-width:100%; }
/*-------------Positionen + Grösse------------------*/
#container {
 	height: 100%;
 	margin: 0px auto;
  	text-align: left;  	
margin-top:5em;

 }
#logo {width:15em; margin-left:5em}

#content {margin: 0px auto; position: relative; margin-left:25%; height:1%; max-width:54em; margin-right:1em }
#menu {margin: 0px auto;position: relative; margin-left:25%; height:1%; max-width:52.5em; height:3em }
#inhalt {margin:2em 0 0 0; padding:1em
}


#footertext {  margin-top:2em }

/* ------------ Standard  HTML default settings ------------ */
 p.none {display:none;}
.right {float:right;}
p {
	padding: 0;
	margin-top: 0em;
    margin-bottom: 1em;
  
}
h1, h2, h3, h4, h5 {
font-weight: bold;
margin-top:0;		}

table{
border-collapse:collapse;
}
table td{padding-right:0px; }


/*---------------fontsize---------------*/

#container {letter-spacing:0.05em}
 #footertext {font-size:0.8em}
#inhalt {line-height:1.5em ; }
h1, h2 {font-family: 'Titillium Web', sans-serif;}
h1 {font-size:1.5em}


/*-------Farben und transition-----------*/

body, #footertext a {color:#ffffff}
#content { background-color:#db4c20; opacity:0.85; border-radius: 15px;padding:0
}
h2.item-title {padding:0}
#webwork #content {background-color:transparent}


#menu {border-top:1px solid #ffffff}
#menu li {border-width  :0;
transition:border-width 5s ease-in;}
#menu li.currentpage {border-top:4px solid #ffffff;
}


#menu a {color:#ffffff}


#inhalt a{
   display: inline-block;
}
#inhalt a  {color:#ffffff; border-bottom:1px dotted #ffffff;
/*--transition:all 1s ease;transform: rotate(0deg) scale(1) skew(0deg) translate(0px);--*/
}

#menu a{border:none}
a:visited {}
#inhalt a:hover {border-bottom:1px solid #ffffff;

/*---transform: rotate(360deg) scale(2) skew(1deg) translate(0px);--*/
}
#webwork a, #webwork a:hover {transition:none; transform:none; border-bottom:none}

.item img {border:none}

.ae-gallery img {border:none}
/*-------------------------------start----------*/
.itemstart {max-width:10em; float:left;text-align: center; height:8em }
.itemstart a {border:none !important; font-size:0.85em}
.itemstart img {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-filter: sepia(1) hue-rotate(170deg);
 -moz-filter: sepia(1) hue-rotate(170deg);
 -ms-filter: sepia(1) hue-rotate(170deg);
 -o-filter: sepia(1) hue-rotate(170deg);
 filter:grayscale(0.6)) hue-rotate(170deg);}
.itemstart img:hover {-webkit-filter: none) !important;
 -moz-filter:none;
 -ms-filter:none;
 -o-filter:none;
 filter: none !important;}

/*---------------------------referenzen--------*/
.item {float:left; margin:0em 3em 3em 0;  }
.left {width:6em; margin-right:1em;float:left}
#return {margin-top:4em}
.item img, #tulipdesign #inhalt img {
z-index:1;
position:relative;
-webkit-filter:grayscale(1) ;/*--sepia(1) hue-rotate(170deg)--*/
 -moz-filter: grayscale(1);
 -ms-filter: grayscale(1);
 -o-filter: grayscale(1);
 filter:grayscale(1);


-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

}

.item img:hover,#tulipdesign #inhalt img:hover, .ae-gallery img  {-webkit-filter: none !important;
 -moz-filter:none;
 -ms-filter:none;
 -o-filter:none;
 filter: none !important;}

.item a span {display:none}
.item a:hover span {display:block; z-index:99; position:absolute;}

/*-----------------MENU HORIZONTAL-------------------*/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}

#menu ul {
	list-style-type: none;
	margin: 0;
height:100%;
position:relative;
padding:0 0 0 1em

}

#menu li {
	float: left;
	list-style: none;	
background-image:none;
	margin:0px 5em 0px 0px; 
	text-decoration: none;
	display: block;
padding:10px 0 0 0
}
#menu li.currentpage {padding:10px 0 0 0}
#menu a {}