@import url('normalizr.css');
@font-face {font-family: 'PTSans';src: url('fonts/PTSans/PTS76F-webfont.eot');src: url('fonts/PTSans/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/PTSans/PTS76F-webfont.woff') format('woff'),url('fonts/PTSans/PTS76F-webfont.ttf') format('truetype'),url('fonts/PTSans/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');font-weight: bold;font-style: italic;}
@font-face {font-family: 'PTSans';src: url('fonts/PTSans/PTS75F-webfont.eot');src: url('fonts/PTSans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/PTSans/PTS75F-webfont.woff') format('woff'),url('fonts/PTSans/PTS75F-webfont.ttf') format('truetype'),url('fonts/PTSans/PTS75F-webfont.svg#PTSansBold') format('svg');font-weight: bold;font-style: normal;}
@font-face {font-family: 'PTSans';src: url('fonts/PTSans/PTS56F-webfont.eot');src: url('fonts/PTSans/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/PTSans/PTS56F-webfont.woff') format('woff'),url('fonts/PTSans/PTS56F-webfont.ttf') format('truetype'),url('fonts/PTSans/PTS56F-webfont.svg#PTSansItalic') format('svg');font-weight: normal;font-style: italic;}
@font-face {font-family: 'PTSans';src: url('fonts/PTSans/PTS55F-webfont.eot');src: url('fonts/PTSans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/PTSans/PTS55F-webfont.woff') format('woff'),url('fonts/PTSans/PTS55F-webfont.ttf') format('truetype'),url('fonts/PTSans/PTS55F-webfont.svg#PTSansRegular') format('svg');font-weight: normal;font-style: normal;}

.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
  overflow:hidden;
}

html[xmlns] .clearfix {
}

* html .clearfix {
	height: 1%;
}

/******************************************
**
**    Structure
**
*************************/


html,
body{
  height:100%;
  min-height:100%;
}
#ie-warning{
  width:100%;
  font-size:10pt;
  margin-bottom:20px;
  position: relative;
  z-index:10;
}
.section{
  display:block;
  width:1000px;
  max-width:92%;
  margin:0 auto;
}
.header{
  position:relative;
}
.header.top{
  height:25px;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
}
.old-ie .header.top{
  top:50px;
}
.header.bottom{
  padding:25px 0 20px;
}

.header.bottom::after{
  content: '';
  display: block;
  width:100%;
  height:10px;
  position:absolute;
  bottom:0;
}



#searchForm{
  display:inline;
}

#logo{
  display:block;
  width:19%;
  padding-bottom:12%;
  float:left;
}


/* Multilevel Dropdown
** 24.09.2013 10:42:00
*/
.nav{
  width:81%;
  padding:0;
  margin:0;
  display:inline-block;
  position:relative;
  white-space: nowrap;
}
.nav.lvl-1{
  padding:7% 0 6%;
}
.nav li{
  display:inline-block;
}
.old-ie .nav li{
  float:left;
}
.nav li a{
  text-decoration:none;
  display:block;
  max-width:100%;
  padding:2px 5px;
}

.nav a + .nav{
  display:none;
  position:absolute;
  bottom:30px;
  left:0;
  width:100%;
  height: 32px;
  max-height:32px;
  overflow:hidden;
  z-index:200;
}
.nav li:hover>.nav,
.nav li.active .nav{
  display:block;
}

.nav .nav li{
  float:left;
}

#sliderWrap,
#imageWrap{
  position: relative;
  top:-50px;

  margin-bottom:-40px;
}

#sliderWrap{


}

.slide{
  position:relative;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  overflow:hidden;
}
.slide span{
  display:block;
  position:absolute;
  left: 0;
  right: 0;
  bottom:0;
  padding:15px 25px;
}

.content .section{
  padding:0 5%;
  min-height:600px;
}

#smallSlider-wrap{
  float:right;
  width:180px;
  padding:10px;
  height:600px;
  margin-top:-30px;
}

.article{
  padding-right:25px;
}
/*.article + .article{
  clear:both;
} */

.article .imgWrp a{
  margin-top:15px;
}

.article .imgWrp a:first-child{
  margin-top:0;
}
.articleHeader{
  margin-top:0;
}
/*
.flLeft{
  float:left;
  margin-right:10px;
}

.flRight{
  float:right;
  margin-left:10px;
}
.flMiddle{
  display:block;
  margin:0 auto;
} */

.button{
  display:block;
  float:left;
}

.button.big{
  width:16%;
  height:270px;
  margin:2.5%;
  padding:0 1%;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
  		-ms-box-sizing: border-box;
  		 -o-box-sizing: border-box;
  				box-sizing: border-box;
}
.button.big:nth-of-type(1){
  margin-left:0;
}
.button.big:nth-of-type(5){
  margin-right:0;
}

.button.big h3{
  height: 40px;
}
.button.big .imgWrap{
  display:block;
  line-height: 65px;
}
.button.big .imgWrap img{
  vertical-align:middle;
}

.footer{
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  clear:both;
}
.footer span{
  display:block;
  width:50%;
  height:20px;
  float:left;
  margin:0;
  padding:0;
}

.person{float:left; margin-right:50px; width:180px; padding:0 10px; height:360px; color: #013C6E;}
.person-image{display:block; margin:0 auto;}
.person-info p{margin:0; font-size:.8em;}
.person-name{}
.person-position{font-weight: bold;}
.person-telefon{}
.person-fax{}
.person-email{}

/******************************************
**
**    Design
**
*************************/

body{
  font-family: 'PTSans', calibri, sans-serif;
}
#ie-warning{
  text-align:center;
}
a{
  color: #013C6E;
  text-decoration:none;
}

#logo{
  text-indent:-99999px;
  background: transparent url("img/logo.png") no-repeat 50% 50%;
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.header.top{
  text-align:right;
}
.header.top a{
  color: #FFF;
  font-size: .8em;
  line-height:1.64;
  display:inline-block !important;
}
.header.top a i{vertical-align:middle;}

.header.bottom{
  box-shadow: 0px 3px 5px  #AAA;
}

.header.bottom::after{
  border-bottom:1px solid #FFF;
}
.nav{
  color:#013C6E;
}
.nav.lvl-1{
  background-color: rgb(255,255,255);
}

.nav.lvl-1{
  background-color: rgba(255,255,255,.5);
}
.nav.lvl-1>li{
  border-right:1px solid rgba(0, 74, 125,.1);
  background-clip: padding-box;
}
.nav li:last-child{
  border-right:none;
}
.active a{
color:#FFF;
}
.nav a{
  color:inherit;
  text-decoration:none;
  text-transform: uppercase;
  line-height: 1.8em;
  font-size: 1em;
}
.nav .nav a{
  color:#FFF;
}

.slide span{
  color:#FFF;
  font-size: 1.1em;
  font-weight: bold;
  text-shadow:5px 5px 3px #000;
  background-color: rgb(0,0,0);
}
.slide span{
  background-color: rgba(0,0,0,.6);
}
.content .section{
  background-color: rgb(255,255,255);
}

.content .section{
  background-color: rgba(255,255,255,.5);
}

#searchForm input[type='search'] {
  padding:0 2px;
  border:none;
}

#searchForm button{
  background:none;
  border:none;
}

i[class*='icon']{
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 2px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align:middle;
}

.icon-magnify{
  background-image: url("img/lupe.png")
}

.icon-bubble{
  background-image: url("img/kontakt.png")
}

.icon-settings{
  background-image: url("img/impressum.png");
}

.breadcrumb{
  display:inline-block;
  margin: 10px 0;
  font-size: .8em;
  color: #AAA;
}

.breadcrumb a{
  text-decoration:none;
}

#smallSlider-wrap{
  background-color: #CBD2DF;
}

.article{
  color: #013C6E;
  font-size: 10pt;
}
.article h3{margin-top:0;}

.article .imgWrp img{
  box-shadow:4px 4px 4px #AAA;
}

.article .imgWrp a{
  margin-top:15px;
}

.article .imgWrp a:first-child{
  margin-top:0;
}
.articleContent{overflow:auto;}

.flLeft{
  float:left;
  margin-right:25px;
}

.flRight{
  float:right;
  margin-left:25px;
}

.flMiddle{
  display:block;
  margin:0 auto;
}


.button{
  border-width:1px;
  border-style:solid;
  border-color: #013C6E;
  border-radius: 20px;
  text-align:center;
  text-decoration:none;
  color:#FFF;
  background-color: #666;
}
.button.big{
  background-color: #3D6A90;
  background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image:    -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  background-image:     -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image:      -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  background-image:         radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.button.big h3{
  text-shadow: 2px 5px 10px #000;
}
.button.big p{
  font-size:.7em;
  text-shadow: 1px 1px 2px #000;
}
.button.big img{

}
.footer span{
  font-size: .8em;
}
.footer span:nth-child(2){text-align:right}
.footer span,
.footer span a{
  color: #EAEFF3;
}

.xform{}
.xform label{display:inline-block; width:65px;}
.xform label.textarea{display:block;}
.xform input.text,
.xform input.captcha,
.xform textarea{border:1px solid #013C6E}

.xform input.text,
.xform input.captcha{width:150px}

.xform .captcha,
.xform .as-label img,
.xform .as-label{line-height:2em;vertical-align:middle;}


.searchresults{}
.searchresults-item{}
.searchresults-title{margin:0;}
.searchresults-text{margin:0;}

/*
  default
  --------------
  Hauptfarbe:
  Farbe opa .5:
  Farbe opa .3:
  Farbe opa .1:
*/
body{ background-color: #EAEFF3; }
.header.top,
.footer{ background-color: #013C6E; }
.header.bottom{ background-color: #CCD8E2;}
.header.bottom::after{background-color: #CCD8E2;}
.nav > li:hover,
.nav li:hover > a,
.nav .nav { background-color: #013C6E; color:#FFF;}

/*
  Startseite
  --------------
  Hauptfarbe:
  Farbe opa .5:
  Farbe opa .3:
  Farbe opa .1:
*/
#cat-1{ background-color: #EAEFF3; }
#cat-1 .header.top,
#cat-1 .footer{ background-color: #013C6E; }
#cat-1 .header.bottom{ background-color: #CCD8E2;}
#cat-1 .header.bottom::after{background-color: #CCD8E2;}
#cat-1 .nav > li:hover,
#cat-1 .nav li:hover > a,
#cat-1 .nav li.active,
#cat-1 .nav .nav { background-color: #013C6E; color:#FFF;}

/*
  Unternehmen
  --------------
  Hauptfarbe:   #7FC94D
  Farbe opa .5: #E5F4DB
  Farbe opa .3: #DBEFCD
  Farbe opa .1: #F2F9ED
*/
#cat-2{ background-color: #F2F9ED; }
#cat-2 .header.top,
#cat-2 .footer{ background-color: #7FC94D; }
#cat-2 .header.bottom{ background-color: #E5F4DB;}
#cat-2 .header.bottom::after{background-color: #DBEFCD;}
#cat-2 .nav li:hover,
#cat-2 .nav li:hover>a,
#cat-2 .nav li.active,
#cat-2 .nav .nav { background-color: #7FC94D;}


/*
  Büro
  --------------
  Hauptfarbe:   #C74EA8
  Farbe opa .5: #EFD0E8
  Farbe opa .3: #F3DCED
  Farbe opa .1: #FAF0F8
*/
#cat-3{ background-color: #FAF0F8; }
#cat-3 .header.top,
#cat-3 .footer{ background-color: #C74EA8; }
#cat-3 .header.bottom{ background-color: #F3DCED;}
#cat-3 .header.bottom::after{background-color: #EFD0E8;}
#cat-3 .nav li a{}
#cat-3 .nav li:hover,
#cat-3 .nav li:hover> a,
#cat-3 .nav li.active,
#cat-3 .nav .nav { background-color: #C74EA8; color:#FFF;}

/*
  Schule
  --------------
  Hauptfarbe:   #4C90CA
  Farbe opa .5: #CDE0F0
  Farbe opa .3: #DBE9F4
  Farbe opa .1: #EDF4FA
*/
#cat-4{ background-color: #EDF4FA; }
#cat-4 .header.top,
#cat-4 .footer{ background-color: #4C90CA; }
#cat-4 .header.bottom{ background-color: #DBE9F4;}
#cat-4 .header.bottom::after{background-color: #CDE0F0;}
#cat-4 .nav li:hover,
#cat-4 .nav li:hover> a,
#cat-4 .nav li.active,
#cat-4 .nav .nav { background-color: #4C90CA;}

/*
  Geschenke & Deko
  --------------
  Hauptfarbe:   #3D6A90
  Farbe opa .5: #D8E1E9
  Farbe opa .3: #C8D5E0
  Farbe opa .1: #EBF0F4
*/
#cat-5{ background-color: #EBF0F4; }
#cat-5 .header.top,
#cat-5 .footer{ background-color: #3D6A90; }
#cat-5 .header.bottom{ background-color: #D8E1E9;}
#cat-5 .header.bottom::after{background-color: #C8D5E0;}
#cat-5 .nav li:hover,
#cat-5 .nav li:hover> a,
#cat-5 .nav li.active,
#cat-5 .nav .nav { background-color: #3D6A90;}

/*
  Copyshop
  --------------
  Hauptfarbe:   #F6AB54
  Farbe opa .5: #FDEEDD
  Farbe opa .3: #FCE7CF
  Farbe opa .1: #FEF6EE
*/
#cat-6{ background-color: #FEF6EE; }
#cat-6 .header.top,
#cat-6 .footer{ background-color: #F6AB54; }
#cat-6 .header.bottom{ background-color: #FDEEDD;}
#cat-6 .header.bottom::after{background-color: #FCE7CF;}
#cat-6 .nav li:hover,
#cat-6 .nav li:hover> a,
#cat-6 .nav li.active,
#cat-6 .nav .nav { background-color: #F6AB54;}

/*
  Anfahrt
  --------------
  Hauptfarbe:
  Farbe opa .5:
  Farbe opa .3:
  Farbe opa .1:
*/
#cat-7{ background-color: #FEF6EE; }
#cat-7 .header.top,
#cat-7 .footer{ background-color: #F6AB54; }
#cat-7 .header.bottom{ background-color: #FCE7CF;}
#cat-7 .header.bottom::after{background-color: #FDEEDD;}
#cat-7 .nav li:hover,
#cat-7 .nav li:hover> a,
#cat-7 .nav li.active,
#cat-7 .nav .nav { background-color: #F6AB54;}