/* 
    Document   : layout.css
    Created on : 11.06.2009, 14:18:19
    Author     : Patrick Elsing - e-synergy GbR
    Description:
        Purpose of the stylesheet follows.
*/

/*Standards*/
html {
	width: 100%;
}
body {
	width: 100%;
	text-align: left;
	background: #6cb1d9;
	color: #0170b1;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
acronym {
	border: none;
}
/*framework*/
#mainframe{
	width: 100%;
	height: auto;
	text-align: left;
	background: url(../images/header_hg_weiss.jpg) repeat-x 0px 0px;
}
#mainframe #mbg{
	width: 50%;
	position: relative;
	left: 50%;
	z-index: 1;
	height: 113px;
	background: url(../images/header_hg_blau.jpg) repeat-x 0px 0px;
}
.hSpacer{
	height: 28px;
	width: 100%;
	clear: both;
}
.vSpacer{
	height: 28px;
	width: 28px;
	clear: both;
}
.clear{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:1px;
}

/*Site*/
#mainframe #Site{
	width: 1009px;
	height: 100%;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
	z-index: 10;
	top: -113px;
	background: url(../images/schatten_re.jpg) repeat-y right;
}
#Site .wrapper{
    width: 976px;
    height: 100%;
    position: relative;
    left: 33px;
    background: url(../images/content_w.gif) repeat-y 0 0;
    
}
#Site .wrapper .cbg{
    width: 100%;
    height: 100%;
    background:  url(../images/content_hg.jpg) no-repeat 382px 0px;
}
/*head*/
#Site #header{
    width: 100%;
    height: 113px;
    background: url(../images/header.jpg) no-repeat 0px 0px;
}
#header #logo{
    height: auto;
    width: auto;
}
/*content*/
#Site #content{
	width: 100%;
	height: auto;
	padding: 30px 0px 0px 0px;
}
#content .cols3cs1{
	width: 320px;
	height: auto;
	float: left;
	/*padding-left:28px;*/
}
.cols3cs1 img{
	border-left: #6cb1d9 solid 1px;
	border-top: #6cb1d9 solid 1px;
	border-bottom: #6cb1d9 solid 1px;
	border-right: none;
	margin: 0px 0px 0px 25px;
}
.cols3cs1 .caption{
    margin: 0px 0px 0px 25px;
}
#content .cols3cs2{
	width: 431px;
	height: auto;
	float: left;
	/*padding-left:28px;*/
}
#content .colTwoSpace{
    margin: 77px 0 0 0;
}
#content .cols3cs3{
	width: 730px;
	height: auto;
	float: left;
}
    .cols3cs3 .groupItem{
	width: 120px;
	height: 130px;
	float: left;
	margin:40px 0 0 0;
    }
    .cols3cs3 .groupItem img{
	margin:0 0 10px 0;
    }
    .cols3cs3 .groupItem a {
 	text-decoration: none;
	color: #5F6062;
    }
    .cols3cs3 .groupItem a:hover {
	    text-decoration: none;
    }
.groupItemMiddle,
.groupItemFirst{
    margin:40px 19px 0 0 !important;
}
.groupItemMiddle{
    padding:0 0 0 19px;
    border-left: solid 1px #202020;
}
#content .wrapper{
    width:760px;
    height: auto;
    float: left;
    min-height:400px;
    height:auto !important;
    height:400px;
    background: none !important;
    left: 0;
}
#content .home{
}

#content table.lit{

}

#content table.lit th{
    padding: 20px 0 0 0;
}

#content .news,
#NewsletterSelection ul,
#NewsletterState ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
    .news li,
    #NewsletterSelection ul li,
    #NewsletterState ul li{
	margin: 0px;
	padding: 0px;
    }
    .news .date{
	height: 21px;
	width: 101px;
	background: url(../images/news_hg.gif) no-repeat 0 0;
	line-height: 1.7;
	font-weight: bold;
	padding: 3px 18px 5px 21px;
	color: #000;
    }
    .news .auth{
	line-height: 1.7;
	font-size: 10px;
	color: #000;
    }
    .news h3{
	padding: 4px 0 2px 0 !important;
    }
    .news hr{
	border-top: #6bb9e7 1px dotted !important;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 1px !important;
	margin-bottom: 10px !important;
    }
/*termin tabelle*/
#content table.event,
#content table.wide{
    width: 716px !important;
    background: url(../images/table_termin_bg.gif) no-repeat 0 0 !important;
}
    table.event th{
	color: #000;
	height: 21px;
	vertical-align: middle;
	text-align: left;
	background: none;
    }
    table.event td{
	vertical-align: top;
	padding: 7px 0 7px 0;
	border-top: none;
	border-bottom: #6CB1D9 dotted 1px;
	border-left: none;
	border-right: none;
	background: none;
    }
    table.event tr.head{
	
    }
    table.event .col1{
	text-align: center;
	font-weight: bold;
    }
/*results cat list*/
#content ul.resultCat{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
    ul.resultCat li{
	margin: 3px 0 0 0;
	padding: 0px;
	float: left;
	width: 86px;
    }
    ul.resultCat li a.pfeil{
	font-weight: bold;
    }
/*results cat table*/
#content table.result{
    width: 443px;
}
    table.result td{
	vertical-align: top;
	padding: 7px 0 7px 0;
	border-top: none;
	border-bottom: #6CB1D9 dotted 1px;
	border-left: none;
	border-right: none;
    }
    table.result td.last{
	text-align: right;
	padding: 7px 0 7px 0;
	border-bottom: none;
    }
    table.result td.last a{
	color: #6cb1d9;
	background: url(../images/link_arrow_up.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
	line-height: 1.2;
    }
#content table.small,
#content table.full{
    background: url(../images/tabelle_all_bg.gif) no-repeat 0 0;
    width: 446px;
    border: none;
}
#content table.full{
    background: url(../images/table_bg_small_full_head.gif) no-repeat 0 0 !important;
}
#content table.small th,
#content table.wide th,
#content table.full th{
    padding: 0 0 0 10px;
}
#content table.small th.center,
#content table.wide th.center,
#content table.full th.center{
    text-align: center !important;
}
#content table.small td,
#content table.wide td,
#content table.full td{
    padding: 3px 0 0 10px;
}
#content table.full td.bottom{
    background: url(../images/table_bg_small_full_bottom.gif) no-repeat left bottom !important;
    font-size: 1px !important;
    height:11px !important;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

#content table.kuyform{
    width: 704px;
    border: none;
}
    table.kuyform td{
	text-align: right;
	vertical-align: top;
	padding: 0 0 15px 0;
    }
    table.kuyform td.action{
	text-align: center;
	vertical-align: bottom;
    }
    #content .NewsletterForm{
        width: 310px;
    }
    #content .NewsletterForm .rowRight{
        text-align: right;
        padding: 0 0 15px 0;
    }
/*Judowerte*/
ul.judowerte{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none !important;
    margin:0px;
    padding:0px;
}
ul.judowerte li.judowert{
    margin:30px 0 0 0px;
    padding: 0px;
    float: left;
}
ul.judowerte li.odd{
    margin:30px 0 0 50px;
}
.judowert{
    width:300px;
    height:auto;
}
/*navi*/
#content #navi{
	width: 208px;
	height: 100%;
	float: left;
}
	#navi #tree{
		width: 175px;
		height: auto;
		text-align: left;
		padding:0px;
	}
	#navi #tree *{
		text-align: left;
	}
	#tree ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	#tree li {
		margin: 0px;
		padding: 0px;
	}
	#tree a {
		text-decoration:none;
		display: block;
		color: #0170b1;
		cursor: pointer;
	}
	#tree .levela{
		font-weight: bold;
		font-size: 14px;
		line-height:1.1;
		padding: 0 0 0 25px;
		background: none;
		display: block;
	}
	#tree a span{
	    padding: 4px 0 4px 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	}
	#tree a.section,
	#tree a.current,
	#tree a.link:hover{
	    background: #c9e2f1 url(../images/navi_item_reo.gif) no-repeat right top;
	}
	#tree a.section span,
	#tree a.current span,
	#tree a.link:hover span{
	    background: url(../images/navi_item_reu.gif) no-repeat right bottom;
	}


	#tree .levelb{
		font-weight: normal;
		font-size: 12px;
		line-height:1.1;
		padding: 3px 0 6px 0;
	}
	#tree ul.sub{
		padding: 5px 0 1px 34px;
	}
	#tree ul.sub a.section,
	#tree ul.sub a.current,
	#tree ul.sub a.link:hover{
		color:#cc0000;
		background: none;
	}
	#tree li.sepa{
	    width:163px;
	    border-bottom: #1282bd solid 1px;
	    line-height: 1px;
	    font-size: 1px;
	    height: 4px;
	    margin: 0 0 4px 0;
	    display: block;
	}
	#navi #werte{
	    width: 150px;
	    height: auto;
	    text-align: left;
	    left:20px;
	}
	#navi #werte .asset{
	    padding:5px 0 0 0;
	}
	#navi #werte *{
	    text-align: center;
	}
/*footer*/
#Site #footer{
	width: 100%;
	height: 70px;
	clear: both;
	background: #6cb1d9 url(../images/schatten_u.jpg) repeat-x;
}
#footer .liu,
#footer .reu{
    width: 100%;
    height: 100%;
}
#footer .liu{
    background: url(../images/ecke_liu.jpg) no-repeat top left;
}
#footer .reu{
    background: url(../images/ecke_reu.jpg) no-repeat top right;
}
#footer #spons{
	height: 40px;
	width: 780px;
	position: relative;
	left: 180px;
}
#footer .logo{
	height: 40px;
	width: auto;
	float:left;
	padding: 0 45px 0 0;
}
#footer .logo img{
	border:none;
}
#footer .disc{
	height: auto;
	width: auto;
	float:left;
	text-align: left;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	padding: 10px 15px 0 0;
}
#footer #imp{
	height: 15px;
	width: 100%;
	font-size: 11px;
	line-height: 2;
	color: #1A5299;
}
    #footer #imp .col1,
    #footer #imp .col2{
	    height: 15px;
	    width: 481px;
	    float: left;
    }
    #footer #imp .col2{
	    height: 15px;
	    width: 49%;
	    text-align: right;
    }
#footer a {
 	text-decoration: none;
	border:none;
	color: #1A5299;
}
#footer a:hover {
	text-decoration: underline;
}
/*Scrollbar*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 6px;
	background-color: #362014;
	border: 1px solid #3F2818;
}
.vscrollerbar {
	width: 6px;
	background-color: #462E1C;
}

.vscrollerbaseend{
	height: 4px;
	background-color: #3F2818;
	width: 6px;
	display:block;
}

#flexcroll-init{
	line-height: 1px;
	font-size: 1px;
	height:1px;
	width:1px;
}