/* Let's begin! */
body { background-color: #f1f1f1; background-image: url(../img/verlauftop2.jpg); background-repeat: repeat-x; overflow-x: hidden; }

/* Wrappers */
#pageWrapper { width: 100%; margin: 0 auto; }
#contentWrapperold { background: transparent url(../img/content-bg.jpg) no-repeat top; width: 900px; min-height: 500px; padding: 0; margin: 0 auto; }
#contentWrapper { width: 900px; min-height: 500px; padding: 0; margin: 0 auto; }

/* Header */
#pageWrapper > header {   width: 900px; height: 85px; margin: 0 auto; padding:  0 0 2px 0; } 

#javascriptinfo
{

font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
padding-top: 7px;
padding-bottom: 8px;
padding-left: 253px;
}
.feature-icon
{
/*-webkit-box-shadow: 3px 3px 9px #949494;
box-shadow: 3px 3px 9px #949494;
-moz-box-shadow: 3px 3px 9px #949494;*/
border: 2px solid rgb(2, 2, 2) !important;
border-radius: 5px;
padding: 5px;

width: 84px !important;
height: 84px !important;

}


div.table {
    display: table;
    width: calc(100% - 10px);
    border-collapse: collapse;
    text-align: left;
}

 div.tr { 
      display:table-row; 
    }

    div.td_dark { 
      display:table-cell; 
      border:thin solid #b0b0b0; 
      padding:5px; 
      background-color : #e1e1e1;
    }

 div.td_blue{ 
      display:table-cell; 
      border:thin solid #ffffff; 
      padding:5px; 
      background-color : #5d9ed5;
      color: white;
      vertical-align: top;
    }
    
 div.td_light { 
      display:table-cell; 
      border:thin solid #b0b0b0; 
      padding:5px; 
      background-color : #f8f8f8;
    }

.page_title
{
  padding-top: 15px !important;
padding-bottom: 10px !important;
}
/* Logo */ 
header #logo { float: left;  height:30px; padding-top: 5px;}
header #logo h1 { font-size: 32px; }
header #logo h1 a { color: #ffffff; }
header #logo h2 { font-size: 12px; color: #59626e; letter-spacing: 0.5px; float: right; }


/* User meta */
header #user-meta { font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; letter-spacing: 0.5px; line-height: 1.5em; text-shadow: 1px 1px 0px #000000; margin: 45px 0 0 0; float: right; }
header #user-meta a, #header #user-meta a:link { color: #7b818c; text-shadow: 1px 1px 0px #3e444d; }
header #user-meta a:hover { color: #ff6900; text-shadow: 1px 1px 0px #3e444d; }
header #user-meta .nav-splitter { color: #060a14; text-shadow: 1px 1px 0px #3e444d; }
header #user-meta .avatar-name { display: inline-block; vertical-align: middle; }
header #user-meta .avatar-name img { display: inline-block; vertical-align: middle; margin-right: 3px; border: 1px solid #7b818c; }
header #user-meta .avatar-name a:hover img { border: 1px solid #ff6900; }

header #user-meta form {  margin: 0; padding: 0; float: right; }
header #user-meta form ul li { margin: 0 0 0 5px; list-style: none; float: left; display: inline;}
header #user-meta form ul li input { font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #59626e; font-size: 11px; letter-spacing: 0.5px; background-color: #202328; border: 1px solid #2e3138; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 7px 0 7px 6px; }
header #user-meta form ul li.form-buttons { margin: 4px 0px 0px 10px; float: right; }
header #user-meta form ul li input[type=submit] { padding: 0; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ff6900; background: none; border: none; cursor: pointer; outline: none; }
header #user-meta form ul li input[type=submit]:hover { color: #060a14; text-shadow: 1px 1px 0px #3e444d; }

#clear {clear:both; }

#language { float: right; padding-top: 1px; }
/* Header Menu */
nav #my_navigation { float:right; height:26px; }
nav ul#head-nav {   }
nav ul#head-nav ul { list-style: none; height: 0; left: 0; position: absolute; top: 47px; padding: 0px 0px 0px 0px; visibility: hidden;  z-index: 10; }
nav ul#head-nav li {  display: block; float: left; height: 15px; margin: 0 0 0 1px; position:relative; }
nav ul#head-nav li a, ul#head-nav li a:visited{ padding: 11px 10px 12px 5px;  /* font-size: 14px; */ color: #ffffff; letter-spacing: 0.3px; text-shadow: inherit; display: block; z-index: 1000;
background-color: #5E6F80;;  
font-variant:bold;
 
-moz-border-radius:0px; /* Firefox */
-webkit-border-radius:0px; /* Safari, Chrome */
-khtml-border-radius:0px; /* Konqueror */
border-radius:0px; /* CSS3 */ 
text-align: center;
min-width: 60px;



}
nav ul#head-nav li a:hover, ul#head-nav a:visited:hover {  background-color: #50575E; z-index: 9; }

/*nav ul#head-nav li a:active, ul#head-nav li a:visited:active { color: #333333; }*/
nav ul#head-nav li.has_current > a { color: #50575E; }

/* Header Menu second level */
nav ul#head-nav li:hover ul { visibility: visible; /*make 2 visible when hovering on 1*/ }
nav ul#head-nav ul li { border: 0px solid #000000;  background-color: #5E6F80; padding:0;  margin: 0; width: 100%; height:35px; min-width: 140px; }
nav ul#head-nav ul li a { margin: 0; width: 100%; white-space: nowrap; padding: 10px 5px 12px 5px; }
/*nav ul#head-nav ul li a:hover { background: none; }
nav ul#head-nav ul li:hover { background: rgb(37, 93, 177); visibility: visible; }*//*keep it visible*/

/* Header Menu third level */
nav ul#head-nav ul ul li { visibility: hidden; }/*make 3 visible when hovering on 2*/
nav ul#head-nav ul li:hover ul li { visibility: visible; }
nav ul#head-nav ul ul { left: 156px; top:-1px; width:149px; padding-top: 0; }

/* Header Menu fourth level */
nav ul#head-nav ul li:hover ul ul li { visibility: hidden; }/*hide by default*/
nav ul#head-nav ul ul li:hover ul li { visibility: visible; }/*make 4 visible when hovering on 3*/
nav ul#head-nav ul ul { left: 156px; top:-1px; width:149px; padding-top: 0; }

/* Header Menu fifth level */
nav ul#head-nav ul ul li:hover ul ul li { visibility: hidden; }/*hide by default*/
nav ul#head-nav ul ul ul li:hover ul li { visibility: visible; }/*make 5 visible when hovering on 4*/
nav ul#head-nav ul ul { left: 156px; top:-1px; width:149px; padding-top: 0; }

/* Header Menu sixth level */
nav ul#head-nav ul ul ul li:hover ul ul li { visibility: hidden; }/*hide by default*/
nav ul#head-nav ul ul ul ul li:hover ul li { visibility: visible; }/*make 6 visible when hovering on 5*/
nav ul#head-nav ul ul { left: 156px; top:-1px; width:149px; padding-top: 0; }


/* Breadcrumbs */
.breadcrumbs { font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #7d7d7d; text-shadow: 1px 1px 0px #ffffff; }
.breadcrumbs a:hover { text-decoration: underline; }

/* Content */
#1content { width: 75%; min-height: 500px; padding: 0 0 150px 0; margin: 0; float: left; }
#content { min-height: 500px; position:relative; top:0px; left:0px; bottom:10px;   }
#content ul li { padding: 2px 0 2px 0; }

#nfull-content{ width: 100%; min-height: 500px; padding: 0 0 150px 0; margin: 0; float: left; }

#full-content { min-height: 500px; position:relative; top:0px; left:0px; bottom:10px;   }

.left { float: left; }

.clear { clear: both; }
#content .page-chunk.default .page-chunk-pad p { clear: both; padding-bottom: 30px; }

#content .page-chunk.default { padding-right: 5px; float: right ; width: 100%; }
#content .page-chunk.default .page-chunk-pad { padding-left: 20px; /*border-left: 1px solid rgb(230,230,230); border-top: 1px solid rgb(230,230,230);*/ padding-top: 10px;}

#content .page-chunk.default .page-chunk-pad tbody ,#content .page-chunk.default .page-chunk-pad td,  #content .page-chunk.default .page-chunk-pad tr , #content .page-chunk.default .page-chunk-pad table { vertical-align: top !important; 
padding-bottom: 1px;
padding-top: 6px;
/*border-bottom: 1px solid rgb(223, 223, 223);*/
}


.page-chunk.side      {  color: #000000; text-shadow:none; width: 21%; text-align:left; 
}
.page-chunk.side h1 { /*background: rgb(187,197,204);  border-bottom: 1px solid rgb(187,197,204); */
 
 background: #5E6F80;
font-size: 14px; 
border-bottom: 1px solid #5E6F80;
 
 padding: 2px 5px 2px 5px;
 color: white;
/*
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
*/
 } 
.page-chunk.side img { display: block;     margin-left: auto;     margin-right: auto; border: none; }
.page-chunk.side p { padding-left: 5px; padding-right: 5px;}
.page-chunk.side ul{  padding-right: 5px;}
.page-chunk.side li { list-style: inherit;   } 
.page-chunk.side .page-chunk-pad {  font-size: 11px; margin-bottom: 10px;

		border: 1px solid #5E6F80;  
/*-webkit-box-shadow: 3px 3px 9px #949494;
box-shadow: 3px 3px 9px #949494;
-moz-box-shadow: 3px 3px 9px #949494;        */
	/*	-moz-border-radius:5px;
		-webkit-border-radius:5px; 
		-khtml-border-radius:5px; 
		border-radius:5px;
		background: -webkit-box-shadow: 0px 0px 5px #5485cf;
		 -moz-box-shadow: 0px 0px 5px #b8b9b6;	
		 box-shadow: 0px 0px 5px #b8b9b6;*/
}

.page-chunk.side .page-chunk-pad hr { border: none; }

/* side 2 */
.page-chunk.side2      {  color: #000000; text-shadow:none; width: 21%; text-align:left; /*font-weight:bold;*/ }

.page-chunk.side2    a         {  color: white; text-decoration: underline; font-weight: bold; text-shadow: inherit;}
.page-chunk.side2 a:hover { color: white; text-decoration: underline; font-weight: bold; text-shadow: inherit;}

.page-chunk.side2 li { list-style: inherit;   } 

.page-chunk.side2 h1, .page-chunk.side2 h2{ 
		font-size: 15px; 
		padding: 2px 5px 2px 5px;
		color: white;
		text-shadow: inherit;
		font-weight: bold;
 } 
.page-chunk.side2 img { display: block;     margin-left: auto;     margin-right: auto; border: none; }
.page-chunk.side2 p { padding: 8px; }
.page-chunk.side2 ul{  padding-right: 5px;}

.page-chunk.side2 .page-chunk-pad {  font-size: 11px; 
		background-color: #5E6F80;
		color: rgb(245, 245, 245);
/*
        -webkit-box-shadow: 3px 3px 9px #949494;
box-shadow: 3px 3px 9px #949494;
-moz-box-shadow: 3px 3px 9px #949494;
	*/	
}



section.post { padding: 10px 15px 20px 15px; min-height: 500px; background-color: #ffffff; border: 1px solid rgb(230,230,230); 
line-height: 1.5;text-align: justify;color: rgb(75,75,75); font-size: 14px; text-shadow: none/* 1px 1px rgb(230,230,230)*/;

 }
section.post h1 {padding: 10px 0px 20px 0px; color: rgb(100, 100, 100); text-shadow: 1px 1px 0px #ffffff; text-shadow: none /*#bbbbbb 0.1em 0.1em 0.2em*/; }
section.post h2, .post h3, .post h4, .post h5, .post h6 { padding: 0px 0px 0px 0px; color: rgb(100, 100, 100); text-shadow: none /*1px 1px 0px #ffffff*/; /*text-shadow: #bbbbbb 0.1em 0.1em 0.2em;*/  }
section.post ul { padding: 0 0 0 25px; }
section.post img { margin: 5px; /*border: 1px solid #efefef;*/ 
/*-webkit-box-shadow: 3px 3px 9px #d3d3d3;
box-shadow: 3px 3px 9px #d3d3d3;
-moz-box-shadow: 3px 3px 9px #d3d3d3;*/ }
section.blog_article { padding: 15px 0 15px 0; border-bottom: 1px dashed #cfcfcf; }
p.article_date { width: 665px; background-color: #e8e8e8; font-size: 12px; padding: 5px 0 5px 10px; margin: 0 0 25px 0; float: left; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Contact form */
section.post form input[type=text], section.post form input[type=password] { width: 30%; margin-right: 70%; background-color: #e2e2e2; border: 1px solid #ccc; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 5px 4px 5px; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif;   color: #4D4D4D;  text-shadow: 0px 1px 0px #FBFBFB; }
section.post form label { font-weight: bold; width: 100%; float: left; }
section.post form select { width: 30%; margin-right: 70%; float: left; }
section.post form input { float: left; }
section.post form input { margin: 5px 500px 0 0; }
section.post form p label { width: 100%; }
section.post form textarea { width: 96%; background-color: #e8e8e8; border: 1px solid #ccc; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 15px; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7d7d7d; letter-spacing: 0.5px; text-shadow: 1px 1px 0px #fbfbfb; }
section.post .error { font-weight: bold; color: rgb(211, 40, 40); }

section.post .frontpage td  { vertical-align: middle; }
section.post .frontpage  img{ margin: 0; }

/* Comments */
#comments_container { padding: 25px 0 0 0; }
#comments_form_container { clear:both; width: 615px; padding: 15px; }
#comments_form_container p label { width: 625px; }
#comments_form_container textarea#message { background-color: #e8e8e8; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 25px 15px 25px 15px; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7d7d7d; letter-spacing: 0.5px; text-shadow: 1px 1px 0px #fbfbfb; }
ul#comment_list li { list-style: none; }
ul#comment_list li.comment img { float: left; }
p.comment_heading { margin: 6px; padding: 0; float: left; }
p.comment_date { width: 575px; background-color: #e8e8e8; font-size: 12px; padding: 5px 20px 5px 10px; margin: 0 0 25px 5px; float: left; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#comment_list li.comment { clear:both; }
ul#comment_list li.comment p { width: 550px; float: left; }
#comment-list-wrapper { float:left; width:45%; }
#comment-list-wrapper ul { list-style-type:none; margin:0; }
#comment-list-wrapper ul li { margin-bottom:10px; }
.comments_list li .gravatar { float:left; margin:0px 10px 5px 0px; }
.comments_list li .comment_date { font-size:10px; padding:0; }
fieldset#write-comment { float:right; padding: 1em; width:45%; }

/* User edit profile */
#user_edit fieldset > legend { font-size: 110%; font-weight: bold; position: relative; top: 15px;}
#user_edit ul { padding: 20px 10px; margin: 0px;}
#user_edit li {display:block; min-height: 60px; width: 85%; list-style: none; padding: 5px; margin: 0px; clear:both;}
#user_edit li:hover {background-color: white;}
#user_edit li.multiple_fields {display:block; height: 70px; width: 90%;}
#user_edit li.multiple_fields > div.fields { width:100%; padding: 10px; }
#user_edit li.multiple_fields > div.fields > div {margin-left:10px; width: 15%; float: left;}
#user_edit li.multiple_fields > div.fields > div input { padding: 5px; width: 50%; }
#user_edit li.multiple_fields > div.fields > div select { padding: 5px; width: 100%; }
#user_edit li.multiple_fields div {display:inline; float: left; clear:none;}
#user_edit li label {padding: 0px; margin: 0px;}
#user_edit li input[type=text], #user_edit li input[type=password], #user_edit li select,#user_edit li textarea { background-color: #e8e8e8; border: 1px solid #ccc; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px 5px 15px; font-family: Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 90%; color: #7d7d7d; text-shadow: 0px 0px 0px transparent;}

/* Sidebar */
aside { /*position:absolute; top:0px; */ color: #7d7d7d; /*font-size: 14px; */text-shadow: 1px 1px #ffffff;  padding-top: 0px; float: right; right:0px; clear:both;}
aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 { padding: 0 0 25px 0; color: #7d7d7d; text-shadow: 1px 1px 0px #ffffff; }
aside #navigation { padding: 0 0 25px 0; }
aside #navigation ul { width: 235px;}
aside #navigation ul li { list-style: none; padding: 0 0 15px 3px; }

aside #subnavigation { padding: 0; /*font-size: 14px;*/ }
aside #subnavigation ul { float: right; padding:0pt; background: none; /*padding-bottom: 10px; padding-top: 10px;*/  border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb;

/*-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;*/}
aside #subnavigation ul li { list-style: none; padding: 10px 7px 10px 7px; display:inline-block; white-space: nowrap; min-width: 70px; 
 background: #dddddd; margin: 1px;}
aside #subnavigation ul li.current { background-color: rgb(199, 199, 199); }
aside #subnavigation ul li a { color: rgb(71, 71, 71); text-shadow: none;}
aside #subnavigation ul li a:hover, a:visited:hover { color: #cf1900;  }
aside #subnavigation ul li  ul { display: none; }


aside #subnav2 {color: #7d7d7d;
/*font-size: 14px;*/
padding-top: 32px;
right: 0px;
clear: both;
/*width: 672px;*/

}
aside #subnav2 ul { padding: 0pt;
padding-bottom: 10px;
padding-top: 5px;
padding-left: 5px;
}
aside #subnav2 ul li { list-style: none;
padding: 15px 15px 15px 15px;
display: block;
white-space: nowrap;
border: 1px solid rgb(230,230,230);
margin-left: 1px;
background-color: #f7f7f7;
float: left;

    
}
aside #subnav2 ul li.current {  padding: 5px; padding: 15px 15px 15px 15px; border-bottom: 1px solid transparent; 
background-color: rgb(199,199,199)
}
aside #subnav2 ul li a { color: rgb(71, 71, 71); text-shadow: none;}
aside #subnav2 ul li a:hover, a:visited:hover {  color: #cf1900;  }
aside #subnav2 ul li  ul { display: none; }




/* Twitter widget */
.widget ul.rss li { list-style:none; border-bottom: 1px solid #c9c9c9; padding: 10px 0 10px 0; }
.widget ul.rss li p.date { font-size: 11px; padding: 15px 0 0 0; }
.widget ul.rss li a { font-size: 12px; }

/* Gallery widget */
ul.galleries_list li { float: left; padding: 0 20px 0 0; list-style: none; width: 106px; height: 126px; }
ul.galleries_list li a img { max-width: 100px; max-height: 100px; }
.gallery_image_full img { max-width: 670px; }

/* Form login / register */
form#register { padding: 0 0 325px 0; }
form#login ul li, form#register ul li { list-style: none; }
form#login ul li input[type=text], form#login ul li input[type=password], form#register ul li input[type=text], form#register ul li input[type=password] { margin: 0 450px 15px 0; }
form#login ul li input[type=text], form#login ul li input[type=password], form#register ul li input[type=text], form#register ul li input[type=password] { background-color: #e8e8e8; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 15px 5px 15px; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7d7d7d; letter-spacing: 0.5px; text-shadow: 1px 1px 0px #fbfbfb; margin: 0 500px 0 0; }
form#login ul li.form_buttons input { background: none; border: none; font-size: 14px; color: #cf1900; cursor: pointer; padding: 0; }
li#remember_me { float: left; }
li#remember_me label { float: left; }
span.register { margin: 5px 0 0 -495px; float: left; }
li.reset_pass { margin: 5px 0 0 3px; float: left; }

/* Form activate user */
form#activate-user { padding: 0 0 325px 0; }
form#activate-user ul li label { width: 650px; }
form#activate-user ul li { list-style: none; }
form#activate-user ul li input[type=text] { margin: 0 500px 15px 0; }
form#activate-user ul li input[type=text] { background-color: #e8e8e8; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 15px 5px 15px; font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7d7d7d; letter-spacing: 0.5px; text-shadow: 1px 1px 0px #fbfbfb; margin: 0 500px 0 0; }

/* Footer */
footer { font-size: 13px; color: #7d7d7d;  text-shadow: none;  width: 900px; margin: 0 auto; padding: 50px 0 0 0; }
#footerWrapper { background-color: #f9f9f9; border-top: 1px solid #d1d1d1; width: 100%; height: 50px; margin-top: 20px; float: left; }


/* Footer Powered By */
#poweredby { margin: 12px 0 0 0; float: left; }
#poweredby img { margin: -15px 15px 0 0; float: left; }

/* Footer Nav */
ul#foot-nav { position: relative; top:-45px; color: #cfcfcf; height: 36px; padding: 0; margin: 10px 0 0 0; float: right; }
ul#foot-nav li { color: #bfbfbf; list-style: none;margin: 0 25px 0 0; line-height: 1.5px; float: left; }
ul#foot-nav li a { border-right: 1px solid #cfcfcf; padding: 0 15px 0 0; color: #7d7d7d; }
ul#foot-nav li a:hover { color: #ff6900; }
ul#foot-nav li a.last { border: none; }

/* Widget */
aside .widget { font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; color: #7d7d7d; font-size: 13px; text-shadow: 1px 1px #ffffff; letter-spacing: 0.2px; padding: 0 0 25px  }
aside .widget ul { margin-left: 30px; }

/* Global Classes */
.nav-splitter { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; }
.error-box, .notice-box, .success-box { font-family:  Tahoma, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-size: 90%; letter-spacing: 0.5px; margin: 5px 0 10px 0; padding: 5px; text-align: center; line-height: 200%; vertical-align: middle; display: block;}
.error-box { background: #ffebe8 none repeat scroll 0 0; border: 1px solid #dd3c10; color: #dd3c10; }
.notice-box { background:#fffbe2 none repeat scroll 0 0; border: 1px solid #ffe222; color: #ffe222; }
.success-box {background: rgb(240, 255, 240) none repeat scroll 0 0; border: 1px solid #99cc99; color: rgb(95, 165, 95); }
.error-box p, .notice-box p, .success-box p { padding: 0; margin-bottom: 10px; }

.clear {height:0;font-size:0px;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

.button {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fefefe !important;
    font-weight:bolder;

    border: 1px solid #d9d9d9; /* Fallback style */
    border-top: 2px solid #666; /* Fallback style */
    border: 1px solid rgba(100, 100, 100, 0.15);
    border-top: 1px solid rgba(250, 250, 250, .4);

    text-shadow: 0px -1px 1px rgba(10,10,10,0.2);

    -moz-box-shadow: 0 0 .05em black;
    -webkit-box-shadow: 0 0 .05em black;
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);

    -moz-border-radius: .3em;
    border-radius: .3em;

    display: block;
    padding: 0.3em 0.8em;

    background: #d9d9d9;
}

.button:hover {
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    color: #fefefe !important;
    background: #d1d1d1;
    text-shadow: 0px -1px 2px rgba(0,0,0, .3);
}

.button:active {
    background: #7e7e7e;
}

#usebbnetnavigation {
	background-color: rgb(228, 228, 228);
	border-bottom: 1px solid #7f8080;
	padding-top: 5px;
	margin: 0px;
	list-style: none;
	text-align: left;
	font-weight: bold;
	font-size: 8pt;
	color: silver;
	height: 16px;
}

#usebbnetnavigation ul { margin: 0 auto; width: 900px; }
#usebbnetnavigation li {
	display: inline;
	padding-right: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: 2px solid silver;
	margin-right: 7px;
}
#usebbnetnavigation li a {
	text-decoration: none !important;
	color: #369; 
}
#usebbnetnavigation li a:hover {
	color: #7F0000 !important;
}

#start_table
{

}

.start_table_col
{
  padding: 0;
  border: 1px solid #dfdfdf;
  box-shadow: 2px 2px 2px #eeeeee;
}
.start_table_col p
{ 
   padding-left: 10px;
   padding-right: 10px;
}

#start_table img
{
  border: none;
  margin: 0;
}
.no-slider
{
  position: relative;
background: #fff url(../img/loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
height: 250px;
width: 900px;
/*box-shadow: 0px 0px 22px #b8b9b6;*/
}

.feature-video
{
 border-radius: 12px;
 float: right;
 width: 110px !important;
height: 65px !important;
border: none !important;
padding-left: 5px;
 }

 .feature-video:hover
{

 }

.video-style
{
//background-image: url(../img/video_button_overlay.png);
//background-repeat: no-repeat;
//background-position: 0 0;
}

.video-style:after
{
  content: "";
  background: url(../img/video_button_overlay.png);
  z-index: 1000;
  background-repeat: no-repeat;
  width: 300px !important;
  height: 200px !important;
  
position:absoute !important;
left: 0 !important;
top: 0 !important;

  }


.no-border
{ border: none !important;
  padding-right: 10px;
  margin-bottom: 50px !important;
}

.no-border-left
{
  border: none !important;
  padding-right: 5px;
  float:left;
  width: 42px;
  height: 42px;
  
-webkit-box-shadow: none! important;
box-shadow: none! important;
-moz-box-shadow: none! important;;  
  }

.no-text-shaddow  
{
   text-shadow: none;
}

a.post_preview
{
  text-decoration: none !important;
 color: rgb(75,75,75);  
}

.post h2
{
    font-size: 24px;
     margin-top: 20px;
     font-weight: bold;
}   

.date 
{
    
    float: right;
    font-size: smaller;
        color: #aaaaaa;
}    

.blog_teaser a
{
  text-decoration: none !important;
 color: rgb(75,75,75);  
}

.teaser_title
{
  font-weight: bold;
padding-top: 15px;  
}    
.blog_teaser img
{
 width: 20% !important;
 height: 20% !important;
float: left !important; 
}

.teaser_navigation
{
    border: 1px solid lightgray;
    padding: 10px;    
}


/* Add a black background color to the top navigation */
.topnav {
    background-color: #5E6F80;
    overflow: hidden;
    margin-top: 3px;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 60px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.topnav {display: none;}

.hidden 
{
     display: none !important; 
}    
    
/* ================================================================================================= */    
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 736px) 
{ /* mobile begin*/
  #usebbnetnavigation {
    display: none;
}
   
#pageWrapper > header {
    height: 150px;
 
}

#language img
{
  width: 60px;  
}

aside #subnavigation {
 
    font-size: 26px;
}

nav ul#head-nav ul li {
    height: 55px;
 
}
nav #my_navigation {
    font-size: 26px;
}

  section.post {
    font-size: 18px !important;
}

aside #subnav2 {
    font-size: 26px;
 
}
 #pageWrapper {
     width: 900px;
    margin: 0 auto 0 0;
 }
 #language {
    padding-right: 10px;
}

body {
    width: 900px;
    margin: 0 auto 0 0;
    background: white;
    
}

footer {
  font-size: 20px;   
}    



h1 {
    font-size: 30px;

        font-weight: bold;
        text-align: left;
}

h2 {
    font-size: 28px;

        font-weight: bold;
        text-align: left;
}
h3 {
    font-size: 26px;
        font-weight: bold;
        text-align: left;
}


section img
{
 width: 45% !important;
 height: 45% !important;
    
} 


.blog_teaser img
{
 width: 50% !important;
 height: 50% !important;
float: none !important; 
}

.teaser_navigation
{
    border: none;
    padding: 0px;    
}

.teaser_title
{
    font-size: 36px !important;
    padding-top: 25px;
}    




section.post form label
{
         font-size: 40px;
}
section.post form input, select
{
        font-size: 40px;
        height: 60px;
        width: 100% !important;
    
}    

input[type=submit]
{
  height: 150px !important;
}

} /* mobile end */

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 449px) 
{
body 
{ background-image: none;
 background-color: #ffffff;
}

section img
{
 width: 98% !important;
 height: 98% !important;
   
/*max-width: 100%  !important;*/
display: block;

}    

   aside #subnavigation {
 
    font-size: 40px;
}

nav ul#head-nav ul li {
    height: 60px;
 
}
nav #my_navigation {
    font-size: 36px;
    display: none;
}

  section.post {
    font-size: 28px !important;
    text-align: left;

}

aside #subnav2 {
    font-size: 40px ;
    font-weight: bold;
    
    
 
}

.post h1 {
    font-size: 40px !important;
}
.post h2 {
    font-size: 36px !important;
}

header #logo { display: none; }

.topnav {display: block !important; 
 z-index : 999;
   
 
}

.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;

  }

   .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
  
    text-align: left;
    /* test6*/
  }
  
  .feature-icon
{

width: 100px !important;
height: 100px !important;

}
    
}