/**
 * @author vonFio.de
 * @copyright Copyright (C) 2012
 */
 
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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background: ;



}
fieldset, form, label, legend, input {
    border: medium none;
}
.container {
    text-align: center;
}
.center {
    margin: 0 auto;
    text-align: left;
}
.white {
	padding: 5px 0 0 0;
    background: #FFFFFF;
}
.box {
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: auto;
}
.clear {
    clear: both;
    height: 0;
}
.right {
    float: right;
}
.left {
    float: left;
}
#background {padding: 15px 20px; }
#container {
    margin: 0 auto;
    text-align: left;
}
#top {
	overflow: hidden;
	position: relative;
}
#topleft { float: left; width: 20%; }
#topright { float: right; width: 79%;  }

#logo img , #banner img, #pathway img {  border: none; padding: 0; margin: 0; }
#logo {
	text-align: center;
    padding: 10px 0 10px 20px;
}
#bannerarea {
    color: #FFFFFF;
    float: right;
    padding:  0 20px 0 200px;
	width: 100%;
}
#banner {
    float: right;
    text-align: right;
}
#topmenu {
    color: #FFFFFF;
    float: right;
    padding: 0 20px;
	width: auto;
}

#topmenu h3, #navigation h3 {
	display: none;
}
#navigation {
}
#navleft {
	background-repeat: no-repeat;
	padding-left: 20px;
}
#navright {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
}
#header {
	padding: 0 5px 5px 5px;
	margin: 0;
	height: auto;
	overflow: hidden !important;
	z-index: 9;
}
#headerimage {
    width: 100%;
	position: relative;
} 
#headerimage img { 
	position: relative;
	padding: 0;
	margin: 0;
} 
#header .headerposition {
	margin: 10px;
	right: 0;
	top: 0;  
	position: absolute;
	overflow: hidden;
	max-width: 50%;
	padding: 10px;
	background: #FFFFFF;
	opacity: 0.9; 
	z-index: 6;
}
#header h3 {
	padding: 0 0 10px 0;
	font-weight: bold;
}
#container_main {
	padding: 0 5px 5px 0;
}
#maincontent {
    clear: both;
    line-height: 1;
    width: 100%;
}
#pathway {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 3px;
}
#pathway, #pathway span, #pathway a {
	font-size: 90%;
}
.sidebar {
	background-color: #FFFFFF;
	color: #000000;
	width: auto;
}
.sidebar .module, .sidebar .module_menu, .sidebar .module_text, .sidebar .moduletable , .sidebar .moduletable_menu {
    background-color: #FFFFFF;
	padding: 6px;
    margin: 0 0 5px 0;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.sidebar h3,
.user_under_header_inside h3,
.user_under_content_inside h3 {
    background-position: 0 -4px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin: 0 0 5px;
    text-align: left;
    text-indent: 10px;
	border-radius: 3px;
}

.un_separate, #right_out .un_separate_2, #right_out_left .un_separate_2 { width: auto; padding: 0 0 0 5px ; }
.un_separate_2 { width: auto; padding: 0 7px 0 5px ; }

.user_under_header div { padding-bottom: 5px; }
.user_under_header div div { padding-bottom: 0; }
.user_1, .user_2, .user_3, .user_4, .user_5 { float: left; }

.user_1 { width: 100%; }
.user_2 { width: 49.9999%; }
.user_3 { width: 33.3%; }
.user_4 { width: 25%; }

.user_under_header_inside, .user_under_content_inside { margin: 0; padding: 2%; border: 1px solid #CCCCCC; border-radius: 3px; }
.user_under_header_inside h3, .user_under_content_inside h3 {   }

.user_content { padding: 0; } 
.user_content_1, .user_content .user_content_2 {   margin: 0; }

.user_content .user_inside {
    border: 1px solid #CCCCCC; 
    overflow: hidden;
	border-radius: 3px;
	margin: 0 0 7px 0;
	padding: 0;
}
.user_content .user_inside div div, .user_under_header_inside div div,.user_under_content_inside div div,
.user_content .user_inside div ul {
	padding: 6px 6px 10px 6px;
}
.user_content .user_inside div div div, .user_under_header_inside div div div,.user_under_content_inside div div div, .user_content .user_inside div ul ul{ padding: 0; }

.user_content th, .user_content h3 {
    background-position: 0 -4px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin: 0 0 5px;
    text-align: left;
    text-indent: 10px;
}
.user_content ul {
    margin: 0;
    padding: 0;
}
.user_content li {
    list-style-type: square;
    margin: 0 0 0 20px;
    padding: 0;
}

#left {
	float: left;
	overflow: hidden;
}
#right {
	float: right;
	overflow: hidden;
}

#right_out_left_right, #right_out_left, #right_out, #right_out_right {
    float: right;
	padding-bottom: 5px;
}
#content_out, #content_out_right { float: left; }

#content {
	border: 1px solid #CCCCCC;
	padding: 10px;
	clear: both;
	min-width: 200px;
}
#content_in {
    overflow: hidden;
    width: 100%;
}
#content_in div {
    min-width: 200px !important;
}
#content_in div div {
    min-width: 1px !important;
}

#bottom_left {
    background-image: url("../images/footer_left.png");
    background-repeat: no-repeat;
    color: #8B8B8B;
    height: 15px;
    text-align: center;
}
#bottom_right {
    background-image: url("../images/footer_right.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 15px;
    padding: 0 15px;
}
#bottom_content {
    background-color: #FFFFFF;
    height: 15px;
}
#bottom_content, #bottom_content a  {
	color: #FFFFFF !important;
	font-size: 6px;
}
#copyright {
    color: #FFFFFF; 
    text-align: center;
    padding: 7px 0;
    font-size: 90%;
}
.clr {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 0;
} 



.c1 { width: 1%; min-width: 120px; }
.c2 { width: 2%; min-width: 120px; }
.c3 { width: 3%; min-width: 120px; }
.c4 { width: 4%; min-width: 120px; }
.c5 { width: 5%; min-width: 120px; }
.c6 { width: 6%; min-width: 120px; }
.c7 { width: 7%; min-width: 120px; }
.c8 { width: 8%; min-width: 120px; }
.c9 { width: 9%; min-width: 120px; }
.c10 { width: 10%; min-width: 120px; }
.c11 { width: 11%; min-width: 120px; }
.c12 { width: 12%; min-width: 120px; }
.c13 { width: 13%; min-width: 120px; }
.c14 { width: 14%; min-width: 120px; }
.c15 { width: 15%; min-width: 120px; }
.c16 { width: 16%; min-width: 120px; }
.c17 { width: 17%; min-width: 120px; }
.c18 { width: 18%; min-width: 120px; }
.c19 { width: 19%; min-width: 120px; }
.c20 { width: 20%; min-width: 120px; }
.c21 { width: 21%; min-width: 120px; }
.c22 { width: 22%; min-width: 120px; }
.c23 { width: 23%; min-width: 120px; }
.c24 { width: 24%; min-width: 120px; }
.c25 { width: 25%; min-width: 120px; }
.c26 { width: 26%; min-width: 120px; }
.c27 { width: 27%; min-width: 120px; }
.c28 { width: 28%; min-width: 120px; }
.c29 { width: 29%; min-width: 120px; }
.c30 { width: 30%; min-width: 120px; }
.c31 { width: 31%; min-width: 120px; }
.c32 { width: 32%; min-width: 120px; }
.c33 { width: 33%; min-width: 120px; }
.c34 { width: 34%; min-width: 120px; }
.c35 { width: 35%; min-width: 120px; }
.c36 { width: 36%; min-width: 120px; }
.c37 { width: 37%; min-width: 120px; }
.c38 { width: 38%; min-width: 120px; }
.c39 { width: 39%; min-width: 120px; }
.c40 { width: 40%; min-width: 120px; }
.c41 { width: 41%; min-width: 120px; }
.c42 { width: 42%; min-width: 120px; }
.c43 { width: 43%; min-width: 120px; }
.c44 { width: 44%; min-width: 120px; }
.c45 { width: 45%; min-width: 120px; }
.c46 { width: 46%; min-width: 120px; }
.c47 { width: 47%; min-width: 120px; }
.c48 { width: 48%; min-width: 120px; }
.c49 { width: 49%; min-width: 120px; }
.c50 { width: 50%; min-width: 120px; }
.c51 { width: 51%; min-width: 120px; }
.c52 { width: 52%; min-width: 120px; }
.c53 { width: 53%; min-width: 120px; }
.c54 { width: 54%; min-width: 120px; }
.c55 { width: 55%; min-width: 120px; }
.c56 { width: 56%; min-width: 120px; }
.c57 { width: 57%; min-width: 120px; }
.c58 { width: 58%; min-width: 120px; }
.c59 { width: 59%; min-width: 120px; }
.c60 { width: 60%; min-width: 120px; }
.c61 { width: 61%; min-width: 120px; }
.c62 { width: 62%; min-width: 120px; }
.c63 { width: 63%; min-width: 120px; }
.c64 { width: 64%; min-width: 120px; }
.c65 { width: 65%; min-width: 120px; }
.c66 { width: 66%; min-width: 120px; }
.c67 { width: 67%; min-width: 120px; }
.c68 { width: 68%; min-width: 120px; }
.c69 { width: 69%; min-width: 120px; }
.c70 { width: 70%; min-width: 120px; }
.c71 { width: 71%; min-width: 120px; }
.c72 { width: 72%; min-width: 120px; }
.c73 { width: 73%; min-width: 120px; }
.c74 { width: 74%; min-width: 120px; }
.c75 { width: 75%; min-width: 120px; }
.c76 { width: 76%; min-width: 120px; }
.c77 { width: 77%; min-width: 120px; }
.c78 { width: 78%; min-width: 120px; }
.c79 { width: 79%; min-width: 120px; }
.c80 { width: 80%; min-width: 120px; }
.c81 { width: 81%; min-width: 120px; }
.c82 { width: 82%; min-width: 120px; }
.c83 { width: 83%; min-width: 120px; }
.c84 { width: 84%; min-width: 120px; }
.c85 { width: 85%; min-width: 120px; }
.c86 { width: 86%; min-width: 120px; }
.c87 { width: 87%; min-width: 120px; }
.c88 { width: 88%; min-width: 120px; }
.c89 { width: 89%; min-width: 120px; }
.c90 { width: 90%; min-width: 120px; }
.c91 { width: 91%; min-width: 120px; }
.c92 { width: 92%; min-width: 120px; }
.c93 { width: 93%; min-width: 120px; }
.c94 { width: 94%; min-width: 120px; }
.c95 { width: 95%; min-width: 120px; }
.c96 { width: 96%; min-width: 120px; }
.c97 { width: 97%; min-width: 120px; }
.c98 { width: 98%; min-width: 120px; }
.c99 { width: 99%; min-width: 120px; }
.c100 { width: 100%; min-width: 120px; }

@media only screen and (max-width: 479px)  {
.c1 , .c2 , .c3 , .c4 , .c5 , .c6 , .c7 , .c8 , .c9 , .c10 , .c11 , .c12 , .c13 , .c14 , .c15 , .c16 , .c17 , .c18 , .c19 , .c20 , .c21 , .c22 , .c23 , .c24 , .c25 , .c26 , .c27 , .c28 , .c29 , .c30 , .c31 , .c32 , .c33 , .c34 , .c35 , .c36 , .c37 , .c38 , .c39 , .c40 , .c41 , .c42 , .c43 , .c44 , .c45 , .c46 , .c47 , .c48 , .c49 , .c50 , .c51 , .c52 , .c53 , .c54 , .c55 , .c56 , .c57 , .c58 , .c59 , .c60 , .c61 , .c62 , .c63 , .c64 , .c65 , .c66 , .c67 , .c68 , .c69 , .c70 , .c71 , .c72 , .c73 , .c74 , .c75 , .c76 , .c77 , .c78 , .c79 , .c80 , .c81 , .c82 , .c83 , .c84 , .c85 , .c86 , .c87 , .c88 , .c89 , .c90 , .c91 , .c92 , .c93 , .c94 , .c95 , .c96 , .c97 , .c98 , .c99 , .c100
 { width: 100%; float: none; } 
}