/* SHORTCODES */
@import url("shortcodes/common_shortcodestyle.css");
@import url("shortcodes/productpage_shortcodestyle.css");
@import url("shortcodes/frontpage_shortcodestyle.css");
@import url("shortcodes/gallery_shortcodestyle.css");
@import url("shortcodes/press_shortcodestyle.css");
@import url("shortcodes/SynLightbox.css");

/* 01 START : Global reset styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}

article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}

nav ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,
blockquote:after,
q:before,
q:after
{content:'';content:none}

a
{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}


ins,mark
{background:#333;color:#fff;text-decoration:none}

mark
{padding:0 .2em;}del{text-decoration:line-through}

abbr[title],dfn[title]
{border-bottom:1px dotted #000;cursor:help}

table
{border-collapse:collapse;border-spacing:0}

hr
{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}[type=submit]{cursor:pointer;}
/* 01 END : Global reset styles */
/* START : Global rules */

body
{
	font-family: -apple-system, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	line-height: 150%;
	background-color: #ffffff;
	font-size: 1.2em;
	-ms-text-size-adjust: 100%;
}

p
{
	margin-bottom: 1em;
}

/* Headlines */
h1,
h2,
h3
{
	font-weight: 300;
}

h1
{
	font-size: 2.5em;
	line-height: 120%;
	
	margin-bottom: 32px;

	text-align: center;
}

h2
{
	font-size: 2em;
	line-height: 120%;
	margin-bottom: 8px;
}


h3
{
	font-size: 1.2em;
}

select,
select option,
button,
input,
textarea
{
	font-size: inherit;
	/*background-image: url("../images/subnav_background2.png") ;*/

}

option
{
	background-color: #66ffcc;

}

/* Article */
article
{
	margin-bottom: 50px;
	height:auto;
	position:relative;
}

/* Title/NavBar Container */


header{
	margin: 0;
}

/*Platzhalter um bei Übergang zu fixed folgende Elemente in Position zu halten*/


/*Dynamimsche Breite über gesamten Bildschrim*/
#navigationbar,
.blog_background,
.inner_navigationbar,
body
{
	min-width:1024px;
	width: 100%;
	padding: 0;
}

/* NavigationBar */
#navigationbar
{			
	position: absolute;
	top: 0;
	left: 0;
	
	height: 46px;
	
	margin-top: 20px;
	margin-bottom: 10px;
	
	background-color: rgba(0,0,0,0.6);
	border-bottom: solid 1px rgba(0,0,0,0.25);
	border-top: solid 1px rgba(0,0,0,0.25);
	
	text-align: center;
	line-height: 44px;
	
	z-index: 1000;
}

#navigationbar a#syniumlogo
{
	position:absolute;
	top: -23px;
	left: 0px;
	width: 158px;
	text-decoration: none;
	vertical-align: middle;
}

#navigationbar a#syniumlogo img 
{
	display:block;

	width:158px;
	height:92px;
}

/* Menu to the right */
#navigationbar ul
{	
	display:inline-block;
	width:800px;
	list-style-type: none;
	text-align: center;
}

#navigationbar.fixed ul
{
}

/*Verhalten der einzelnen Breadcrumbs*/


#navigationbar.fixed .navbutton
{
	/*-1px ausgleich border bei übergang navbar zu fixed
	sonst verschiebt sich ul*/
	left:480px;
	padding-top:0px;
}

.navbutton {
	z-index: 100000;
	padding-top:0px;
	text-align: center;
	vertical-align: middle;

	opacity: 1;
}

#navigationbar.fixed .navbutton:hover
{
	height: 36px;
}


#navigationbar ul li
{
	display: inline-block;
	margin-right: 5px;
}

#navigationbar ul li a:hover
{
	opacity: 0.75;
}

#navigationbar ul li a
{
	padding-left: 12px;
	padding-right: 12px;

	display:inline-block;
	text-decoration: none;
	
	font-size: 16px;	
	color: #ffffff;
	text-decoration: none;

}

/*submenu das bei hover erschei9nt*/
/* nur positionierung des Inhalts */
#navigationbar .hovermenu
{
	top: 78px;
	font-weight: normal;
	height: 150px;
	width: 150px;
	left: auto;
	position: absolute;
	text-align: left;
	display:none;
	z-index: 130;
}

#navigationbar.fixed .hovermenu
{
	top: 55px;
}

.nav_table
{
	margin-top: 5px;
}

.nav_table td
{
	padding: 0 0.5em 0 0.5em;
	/*border-right:1px solid #000000;*/
}

.nav_table td div
{
	margin-bottom:0.5em;
}

.nav_table td div:hover
{
	text-decoration:underline;
}

.navigation_submenu
{
	height: 175px;

	width: 100%;
	background-image: url("../images/subnav_background2.png");
	/*background-position: 0 30px;*/
	position: relative;
	z-index: 10;
	margin-top:68px;
	display:none;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.navigation_submenu.visible,
#navigationbar .hovermenu.visible
{
	display:block;
}

.navigation_submenu.small
{
	margin-top:44px;
}

#navigationbar .current-menu-item
{
	font-weight: bold;
}

/* Footer */
.footer_copyright,
.footer_copyright h3
{	
	display:block;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 16px;

	text-align: center;
	
	opacity: 0.75;
}

.footer_container
{
	border-top: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background-color: rgba(255,255,255,0.5);

	font-size: 15px;
	
	padding-top: 16px;
	padding-bottom: 16.5px;
	
	text-align: center;
}

.footer_container_content
{
	width: 1024px;
	margin: auto auto;
}

.footer_column
{
	display: inline-block;
	width: 37%;
	
	vertical-align: top;
	
	border-right: 1px solid rgba(0,0,0,0.2);
}

.last_footer_column
{
	border-right: none;
}

.footer_column_inner_container
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}


.footer_column h1
{
	font-size: 20px;
	margin-bottom: 10px;
	opacity: 0.9;
}

.footer_column ul
{
	list-style-type: none;
}

.footer_column li
{
	display: inline-block;

	min-width: 29%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	text-align: left;
	
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	
	font-size: 12px;
	font-weight: normal;
	
	opacity: 0.75;
}

.footer_column .current_page_item
{
	opacity: 1;
}

.footer_column_smaller
{
	width: 22.25%;
}

.footer_column_smaller li
{
	min-width: 43%;
	margin-right: 3%;
	margin-left: 3%;
	
	text-align: center;
}

.footer_column li a
{
	color: inherit;
	text-decoration: none;
}

.footer_column li a:hover
{
	text-decoration: underline;
}

.footer_column_large_icon
{
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

/* Centered Page Content */
#pagecontent
{	
	width: 100%;
	padding-top:80px;
	min-height: 500px;
}

/* Blog */
/*----------------------------------------*/

.blog_background,
{
	/*padding:10px 10px;*/

	opacity:0.8;
	height:auto;

	-moz-box-shadow:    1px 1px 5px -1px #000;
	-webkit-box-shadow: 1px 1px 5px -1px #000;
	box-shadow:         1px 1px 5px -1px #000;
}

.blog_area_content h2
{
	text-align: center;
	margin-bottom: 18px;
}

.blog_area_content .aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.blog_area,
.blog_area_short,
.blog_archive

{
	padding-top: 10px;
	padding-bottom: 50px;	
}

.blog_area_content,
.blog_archive_content
{
}

.blog_area_short
{
	border:none;
	margin:auto auto;
}

.blog_area h2,
.blog_area_short h2,
.blog_archive h2
{
	width: auto;
	padding-bottom: 10px;
}

.blog_area .post_date
{
	text-align: center;
	opacity: 0.5;
}

.blog_area .blog_title_div
{
	background-color: rgba(255,255,255,0.9);
	border-top: rgba(0,0,0,0.15) solid 1px;
	border-bottom: rgba(0,0,0,0.15) solid 1px;
	
	padding-top: 16px;
	padding-bottom: 16px;
	margin-top: 32px;
	margin-bottom: 24px;
}

.blog_area .blog_title_div h2
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin-left: 128px;
	margin-right: 128px;
}

.blog_area .blog_title_div h2 a
{
	text-decoration: none;
	color: black;
}

.blog_entry,
.archive_entry
{
	padding-bottom: 70px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


.archive_entry
{
	margin: 10px 10px 10px 10%;
	padding:10px;
	margin-bottom: 0;

}

.blog_entry p
{
	display: block;
	position:relative;
	text-align: left;
}


.archive_entry
{
	list-style-type: square;
}

/*Standard Seitenleiste*/

.general_sidebar
{
	float: right;
	width: 230px;
	padding-right: 30px;
}

.general_sidebar li,
.general_sidebar h2,
.sidebar_item

{
	list-style: none;
	text-align: left;
	margin: 5px auto 15px 5px;
}

/*Datumsformatierung für die Archivlinks*/

.archive_year
{
	margin-left: 1em;
	text-decoration: underline;
}

.archive_month
{
	margin-left: 1em;
	text-decoration: underline;
}

/*für Anleitungen*/

.downloadlist_userguides div
{	

	padding-top:20px;
	padding-bottom:20px;
	border-top: 2px solid #666666;
	max-width: 400px;
}

.downloadlist_userguides li
{
	display:inline-block;
	width:4em;
	text-align:center;
	margin-top:10px;
}

.downloadlist_userguides h3
{
	margin-top: 0.5px;
	margin-bottom:1em;
	text-align:left;
	width:400px;
	font-weight:normal;

}


/* 404 Fehlermeldung */

.not_found {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	
	text-align: center;

	margin-bottom: 128px;
}

.not_found  ul
{
	margin-top: 64px;
	margin-bottom: 64px;
	list-style-type: none;
}

.not_found li
{
	display: inline-block;

	min-width: 29%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	text-align: left;
	
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	
	font-size: 16px;
	font-weight: normal;
	
	text-align: center;
}


/* Standard Button */
.standard_input_button
{
	background: #25A6E1;
    background: -moz-linear-gradient(top, #25A6E1 0%, #188BC0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25A6E1), color-stop(100%, #188BC0));
    background: -webkit-linear-gradient(top, #25A6E1 0%, #188BC0 100%);
    background: -o-linear-gradient(top, #25A6E1 0%, #188BC0 100%);
    background: -ms-linear-gradient(top, #25A6E1 0%, #188BC0 100%);
    background: linear-gradient(top, #25A6E1 0%, #188BC0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1', endColorstr='#188BC0', GradientType=0);
    padding: 3px 13px;
    color: #fff;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 17px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #1A87B9;
}