/* General styles */
* {
    font-family: Tahooma, Verdena, Arial;
}
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #808080;
	background: url('img/Beaver Logo Seamless.gif') top center repeat;
	min-width: 600px;
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 90%;
	text-align: center;
}
/*
a {
	color: #369;
}
a:hover {
	color: #fff;
	background: #369;
	text-decoration: none;
}
*/

p {
	margin: 0;/* .4em 0 .8em 0;*/
	padding: 0;
}

img {
	margin: 10px 0 5px;
	border: none;
}
a {
    color: #020F50;
    text-decoration: underline;
    border: none;
}
a:focus {
    outline: none;
}
.col1 a[target="_blank"]:after {
    content: url("img/screen-add.gif");
}
.col1 a[target="_blank"][content=img]:after {
    content: none;
}
.col1 a[href^="mailto"]:after,
.col1 a[href^="javascript:linkTo_UnCryptMailto"]:after {
    content: url("img/mail-closed.gif");
}

/*
h1 h2, h3, h4 {
    font-family: brush, Brush Script MT kursiv;
    display: block;
    width: 100%;
    color: #ccc;
    background-color: #010B38;
    text-align: center;
}
*/
div#header h1 a,
div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:hover {
	background: url('img/Logo.gif') center top no-repeat;
	height: 218px;
	width: 100%;
	display: block;
	text-decoration: none;
	text-indent: -9000em;
	margin 0;
	padding: 0;
}
div#header h1 {
    background-color: none !important;
}
/* Header styles */
#header {
	clear: both;
	float: left;
	width: 100%;
}
#header {
	border-bottom: 1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding: 0;
	margin: 0;
}
#header ul {
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	background-color: #010B38;
/* ===================== */
    display: none;
	visibility: hidden;
/* ===================== */
}
#header ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	color: #000;
	text-decoration: none;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
#header ul li a:hover {
	background: #369;
	color: #fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#header ul li a span {
	display: block;
}
/* 'widths' sub menu */
#layoutdims {
	clear: both;
	background: #eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
#bannermodule {
    clear: both;
	float: left;
	height: 80px;
	width: 100%;
	text-align: center;
    background: #979BAD url(img/banner_grad.gif) repeat-x top left;
    /*border-top: 5px solid red;*/
    /*border-bottom: 5px solid red;*/
    padding: 0px;
    margin: 0px;
    /*margin: 0px auto 0px auto;*/
}
/*
.banner {
    width: 100%;
    height: 70px;
    /*text-align: center;
}
*/

#seperator1,
#seperator2,
#seperator3 {
    clear: both;
	float: left;
	width:100%;
    font-size:1px;
    line-height:0.;
    margin:0;
    padding:0;
}

#seperator1,
#seperator2 {
    height:2px;
    background-color:#FF0000;
}

#seperator3 {
    height:15px;
    background-color:#979BAD;
}

#container {
    width: 900px;
    margin: 0px auto 0px auto;
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* column container */
.colmask {
	position: relative;
/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;
/* width of whole page */
	overflow: hidden;
/* This chops off any overhanging divs */
    /*border: 1px solid #010B38;*/
    text-align: left;
}
/* common column settings */
.colright, .colmid, .colleft {
	float: left;
	width: 100%;
/* width of page */
	position: relative;
}
.col1, .col2, .col3 {
	float: left;
	position: relative;
	padding: 0 0 0 0;
/* no left and right padding on columns, we just make them narrower insteadonly padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}

/* 3 Column settings */
.threecol {
	background: #979BAD; /* #fff url('img/sidbar_grad.gif') repeat-x top left; */
/* right column background colour */
}
.threecol .colmid {
	right: 22%;
/* width of the right column */
	background: #fff url(img/ne.gif) no-repeat top right;
/* center column background colour */
}
.threecol .colleft {
	right: 56%;
/* width of the middle column */
	background:  #979BAD; /* #fff url('img/sidbar_grad.gif') repeat-x top left; */
/* left column background colour */
}
.threecol .col1 {
    width: 52%;
/* width of center column content (column width minus padding on either side) */
	left: 102%;
/* 100% plus left padding of center column */
    padding: 10px 0 0 0;
}
.threecol .col2 {
	width: 20%;
/* Width of left column content (column width minus padding on either side) */
	left: 28%;
/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    padding: 0px 0 0 0;
}
.threecol .col3 {
	width: 20%;
/* Width of right column content (column width minus padding on either side) */
	left: 85%;
/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    padding: 0px 0 0 0;
}

#fixedcontent_left {
    margin: 10px 10px 0px 0px;
}

#varcontent_left {
    margin: 0px 10px 10px 0px;
}

#fixedcontent_right {
}

#varcontent_right {
}

#fixedcontent_left *,
#varcontent_left *,
#fixedcontent_right *,
#varcontent_right * {
    /*font-size: 10px;*/
    text-align: center;
}


/* Footer styles */
#footer {
    clear: both;
	float: left;
	width: 100%;
	/*border: 1px solid #010B38;*/
	/*position: absolute;*/
	background-color: #010B38;
	color: #979BAD;
	text-align: center;
	bottom: 0 !important;
    bottom: -1px;
    height: 50px;
}
#footer p {
	padding: 10px;
	margin: 0;
}



.sub_2_col_wrap {
    margin: 5px 0px 10px 0xp;
}

.sub_col1 { float:left; width:49%; padding:5px 0; background-color:fff;}
.sub_col2 { float:right; width:49%; padding:5px 0; background-color:fff;}


/* ====================== Rounded gradiant box ========================= */

.roundedcornr_box * {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.roundedcornr_box {
    background: #eeeeee url(img/roundedcornr_grad.gif) no-repeat;
}

.roundedcornr_top div {
    background: url(img/roundedcornr_tl.gif) no-repeat top left;
}

.roundedcornr_top {
    background: transparent url(img/roundedcornr_tr.gif) no-repeat top right;
}

.roundedcornr_bottom div {
    background: url(img/roundedcornr_bl.gif) no-repeat bottom left;
}

.roundedcornr_bottom {
    background: transparent url(img/roundedcornr_br.gif) no-repeat bottom right;
}

.roundedcornr_top div,
.roundedcornr_top,
.roundedcornr_bottom div,
.roundedcornr_bottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}

.roundedcornr_content { margin: 0 10px; }

/* hover efeckt on rounded corner box */

a .roundedcornr_box img {
    opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .50;
}

a:hover .roundedcornr_box img {
    opacity: .90;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: .90;
}

a:hover .roundedcornr_box {
    background: #9C9EB1 url(img/roundedcornr_grad_h.gif) no-repeat;
}

a:hover .roundedcornr_top div {
    background: url(img/roundedcornr_tl_h.gif) no-repeat top left;
}

a:hover .roundedcornr_top {
    background: transparent url(img/roundedcornr_tr_h.gif) no-repeat top right;
}

a:hover .roundedcornr_bottom div {
    background: url(img/roundedcornr_bl_h.gif) no-repeat bottom left;
}

a:hover .roundedcornr_bottom {
    background: transparent url(img/roundedcornr_br_h.gif) no-repeat bottom right;
}

a:hover .roundedcornr_top div,
a:hover .roundedcornr_top,
a:hover .roundedcornr_bottom div,
a:hover .roundedcornr_bottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}

a:hover .roundedcornr_content { margin: 0 10px; }

/* ========================= Simple rounded box ============================ */

.boxframe {
    margin: 0 0 10px 0;
    background: #E0E0E0;
}
.boxtop div {
    background: url(img/nw.gif) no-repeat top left;
}
.boxtop {
    background: transparent url(img/ne.gif) no-repeat top right;
}
.boxbottom div {
    background: url(img/sw.gif) no-repeat bottom left;
}
.boxbottom {
    background: transparent url(img/se.gif) no-repeat bottom right;
}
.boxtop div,
.boxtop,
.boxbottom div,
.boxbottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
.box {
    text-align: center;
    padding: 0px 10px 0px 10px;
    font-size: 0.8em;
}
.box h1, .box h2, .box h3, .box h4, .box h5 {
    margin: 5px 0 7px 0;
    font-weight: bold;
}
.box a img {
    opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .50;
}
.box a:hover img {
    opacity: .90;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: .90;
}

/* ======================= Left rounded box ================================ */

.menueboxframe {
    background: #E0E0E0;
    padding: -20px 0 40px 0;
    margin 0 -1px 10px 10px;
}
.menueboxtop div {
    background: url(img/nw.gif) no-repeat top left;
}
/*
.boxtop {
    background: transparent url(img/ne.gif) no-repeat top right;
}
*/
.menueboxbottom div {
    background: url(img/sw.gif) no-repeat bottom left;
}
/*
.boxbottom {
    background: transparent url(img/se.gif) no-repeat bottom right;
}
*/
.menueboxtop div,
.menueboxtop,
.menueboxbottom div,
.menueboxbottom {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
.menuebox {
    padding: 0px 0px 0px 10px;
}

/* ============================== Liste der Unterseiten ========================= */

.menu-20, .menu-20 * {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.menu-20-item {
    margin: 3px 3px 10px 3px;
}
.menu-20-item a {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
}
.menu-20-item a:hover {
    text-decoration: underline;
}