@charset "UTF-8";
/* Business Web */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800);


body 				{text-align: center; margin: 0 auto; font-family: Open Sans, sans-serif; font-weight:300; font-size:18px; line-height: 26px; color:#2f363c;}

img					{ max-width: 100%; height: auto; border:none; }

strong				{ font-weight:400; font-size:20px;}
table				{ border: 0px; border-collapse:collapse;}
td					{ padding: 10px 0px 20px 0px;}

input				{ height:30px; border-radius:5px; border:1px #2f363c solid; font-size:18px; font-family: Open Sans, sans-serif; font-weight:300;}
.inputfield			{ width:90% !important;}
select				{ width:90%; height:30px; border-radius:5px; border:1px #2f363c solid; font-size:18px; font-family: Open Sans, sans-serif; font-weight:300;}
textarea			{ width:90%; height:100px; border-radius:5px; border:1px #2f363c solid; font-size:18px; font-family: Open Sans, sans-serif; font-weight:300;}
.btn				{ width:100%; height:40px; border-radius:5px; border:0px; font-size:18px; font-family: Open Sans, sans-serif; font-weight:300; background:#77bb2a; color:#FFFFFF; }
.error				{ color: #FF0000}


#container			{ width:100%; margin: 0 auto; text-align:center; padding: 0px 0px 0px 0px;   background-size:cover!important; -moz-background-size:cover!important; -webkit-background-size:cover!important; height:auto;}
#container_grau		{ width:100%; margin: 0 auto; text-align:center; padding: 20px 0px 80px 0px; background:#f2f2f2;  }
#container_bild		{ width:100%; margin: 0 auto; text-align:center; padding: 0px 0px 0px 0px; background-size:cover!important; -moz-background-size:cover!important; -webkit-background-size:cover!important; }
#container_stimmung	{ width:100%; margin: 0 auto; text-align:center; padding: 0px 0px 0px 0px; }
#container_hauptnav	{ width:1024px; margin: 0 auto; text-align:center; padding: 20px 0px 0px 0px; font-size: 14px; text-align:left;  }
#container_content	{ width:1024px; margin: 0 auto; text-align:left; padding: 30px 0px 0px 0px; margin-top: 50px; margin-bottom:0px; }/*margin-top: 50px; margin-bottom:50px;*/
#container_fixed	{ width:100%; margin: 0 auto; text-align:center; padding: 0px 0px 0px 0px; z-index:1000; position:fixed; background:#FFF; box-shadow:  0px 5px 10px rgba(0,0,0,0.3); }

#container_mobile	{ display:none;}
#container_mobile-liste li { display:inline-block; padding:0px 48px 0px 0px; margin: 0 auto; }
#container_mobile-liste ul { padding:0; margin: 0 auto}

#hauptnav			{ padding:0px 0px 0px 0px; margin:0px;}
#hauptnav-liste	ul	{ padding:0px 0px 0px 0px; margin:0px;}
#hauptnav-liste	li		{ display:inline; !important; padding-right:20px;margin:0px; }
#hauptnav a:link 		{text-decoration: none; color:#2f363c;}
#hauptnav a:visited 	{text-decoration: none; color:#2f363c;}
#hauptnav a:hover 		{text-decoration: none; color:#355c9a;}
#hauptnav a:active 		{text-decoration: none; color:#355c9a;}

.hidden					{ display:none;}
.icon					{display: none; float: left;}
.logo					{float: left; text-align: left;  padding-right:20px;}

#container_footer		{ background:#404040; padding: 10px 0px 50px 0px; font-size:16px; color:#FFF;}
#container_footer_color	{ background:#e7f5ff; padding: 5px 0px 30px 0px; font-size:16px; color:#787878;} /*BG: #eeffd3*/

#element_50_li		{ float:left; width: 502px; margin: 0px 10px 0px 0px;}
#element_50_re		{ float:left; width: 502px; margin: 0px 0px 0px 10px; }

#element_30			{ float:left; width: 302px; margin: 0px 0px 0px 0px;}
#element_30_mitte	{ float:left; width: 302px; margin: 0px 44px 0px 44px;  }


#element_30 ul				{ list-style-type:none; font-size:0.8em;}
#element_30 li				{ margin: 0em 0em 0em 1em;}
#element_30 .cat			{ margin: 0em 0em 0em 0em; font-weight: 600;}

#element_30_mitte ul		{ list-style-type:none; font-size:0.8em;}
#element_30_mitte li		{ margin: 0em 0em 0em 1em;}
#element_30_mitte .cat		{ margin: 0em 0em 0em 0em; font-weight: 600;}

#element_70			{ float:left; width: 702px; margin: 0px 20px 0px 0px; }

#clear				{ clear:both; padding:0px; margin:0px;}


.bild_tisch			{  height:300px; overflow:hidden;}

#accordion				 { overflow:hidden;}
#accordion div			 { height:385px;transition: height 1s ease-in-out; }
#accordion div:hover	 { height: 900px; transition: height 1s ease-in-out; }

#back-top 				 {position: fixed; display:none; bottom:2em; right: 2em; opacity: 0.5;}
#ansprechpartner		 {position: fixed; display:none; top:4em; right: 0em;}

.active				{color: #355c9a; font-weight:400; }
.tiny				{font-family: Open Sans, sans-serif; font-weight:300; font-size:14px;}
.tb_footer_keywords { vertical-align:top}

.mwst				{ font-size:12px; font-style:italic;}

.grau				{ color:#999999}
.blau				{ color:#355c9a}

h1	{font-weight:600; font-size:28px; line-height: 36px; padding:0px; margin:0px; padding: 0px 0px 20px 0px;}
h2	{font-weight:500; font-size:50px; line-height: 60px; padding:0px; margin:0px; padding: 0px 0px 20px 0px; text-align:center}
h3	{font-weight:600; font-size:28px; line-height: 36px; padding:0px; margin:0px; padding: 0px 0px 20px 0px;}
h4	{font-weight:600; font-size:24px; line-height: 30px; padding:0px; margin:0px; padding: 0px 0px 20px 0px;}



.los				{background: url(../img/icons/papierflieger.png) center left no-repeat #f76422; padding: 20px 40px 20px 60px; border-radius: 6px; width:158px; margin:0 auto; font-weight:600; font-size:22px; }
.los a				{ border:none  }
.los a:link   	  	{ color: #FFFFFF; text-decoration: none; }
.los a:visited 		{ font-weight:400; color: #FFFFFF; text-decoration: none; }
.los a:hover   		{ text-decoration: none; }
.los a:active    	{ text-decoration: none; }

.los_referenzen		{background: url(../img/icons/papierflieger.png) center left no-repeat #f76422; padding: 20px 40px 20px 60px; border-radius: 6px; width:380px; margin:0 auto; font-weight:600; font-size:22px;  }
.los_referenzen a				{ border:none  }
.los_referenzen a:link   	  	{ color: #FFFFFF; text-decoration: none; }
.los_referenzen a:visited 		{ font-weight:400; color: #FFFFFF; text-decoration: none; }
.los_referenzen a:hover   		{ text-decoration: none; }
.los_referenzen a:active    	{ text-decoration: none; }

.fly				{background: url(../img/icons/papierflieger.png) center left no-repeat #77bb2a; padding: 10px 40px 10px 60px; border-radius: 6px; width:520px; margin:0 auto; font-weight:600; font-size:20px; }
.fly a				{ border:none  }
.fly a:link   	  	{ color: #FFFFFF; text-decoration: none; }
.fly a:visited 		{ font-weight:400; color: #FFFFFF; text-decoration: none; }
.fly a:hover   		{ text-decoration: none; }
.fly a:active    	{ text-decoration: none; }

#container_footer a			  {text-decoration: none; color:#FFF;}
#container_footer a:link   	  { color: #FFF; text-decoration: none; }
#container_footer a:visited   { font-weight:400; color: #FFF; text-decoration: none; }
#container_footer a:hover     { text-decoration: none; color: #FFF;}
#container_footer a:active    { text-decoration: none; color: #FFF;}

a			  {text-decoration: none; color:#2f363c; font-weight:400; }
a:link   	  { color: #2f363c; text-decoration: none; font-weight:400; }
a:visited     { font-weight:400; color: #2f363c; text-decoration: none; }
a:hover       { text-decoration: none; color: #77bb2a;}
a:active      { text-decoration: none; color: #77bb2a;}