/*
	WebDesign WinFAQ
*/

/* Outer */
#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
	min-width : 900px;
}

/* Kopftext */
#head { 
	height : 50px;
	background-color : #ffffff;
	background-image : url(../images/design/head_color.jpg);
	background-repeat: repeat-x;
	margin-bottom : 1px;
	margin-top : 5px;
	margin: 0;
	min-width : 900px;
} 
#head h1 { 
	color : #3076A1;
	font-size : 1.3em;
	padding-left : 15px;
	padding-top : 5px;
	margin: 0;
} 
#head p { 
	color : #3076A1;
	padding-left : 50px;
	margin: 0;
} 
#head ul { 
	margin : 0;
	padding : 0;
	list-style : none;
	float : right;
	margin-top : -10px;
	margin-right : 10px;
	color : #8ac752;
} 
#head li { 
	display : inline;
} 
#head a { 
	color : #3076A1;
} 

/* Kopftext - Search */
#head #search {position:absolute; top:10px; right:20px;}
#head #search form {position:relative;}
#head #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../images/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
#head #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
#head #search #search-submit {position:absolute; top:0; right:0px;}
#head #search fieldset {margin:0; padding:0; border:0;}
#head #search fieldset {width:200px;}
#head #search legend {display:none;}
	
/* Top Menu */
#navlist {
	padding: 4px 5px 5px 0;
	margin: 0 0 20px 0;
	text-align: left;
	letter-spacing: 3px;
	color: #fff;
	background: #538cb9;
	padding-left : 25px;
}
#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}
#navlist li a {
	padding: 5px .75em;
	margin: 0;
	color: #fff;
	background: #538cb9;
	text-decoration: none;
}
#navlist li a:link { color: #fff;
	background: #3076A1;
}
#navlist li a:visited {
	color: #fff;
	background: #538cb9;
}
#navlist li a:hover {
	color: #000;
	background: #3076A1;
}
#navlist li a#current {
	color: #fff;
	background:#004778;
}

/* Kopfgrafik */
#header
{
	position: relative;
	background: #fff url(../images/design/head_site.jpg) no-repeat;
	background-position: center;
	background-color : #E0E8FA;
	height: 12.5em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}

#header p
{
	float:right;
}

	
/* Content */

#content
{
	line-height: 1.5em;
}


#content p
{
	margin-bottom: 1.5em;
}

#content h2,h3,h4,h5,h6
{
	color: #545454;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('../images/design/hintergrung_01.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
}

#content table th
{
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
	border-right: solid 1px #fff;
}

#content table tr.rowH
{
	color: #fff;
	background: #006192 url('../images/desgin/hintergrund_02.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#content table tr.rowA
{
	background: #F8F8F8 url('../images/desgin/hintergrund_03.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB
{
	background: #FDFDFD url('../images/hintergrung_01.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: 0em -19em 0em -19em;
	width: 100%;
	overflow: hidden;
}

#primaryContent
{
	margin: 0em 19em 0em 18.25em;
	padding: 0em 3em 1.5em 3em;
	overflow: hidden;
}

    /* Content - article */
    #primaryContent .article {clear:both; margin:0; padding:20px; background:url("../images/design/content_article_bg.jpg") 0 0 no-repeat;}
    #primaryContent .article h2 {margin:0 -20px; padding:10px; background:#DEE5FD url("../images/design/content_title_bg.gif") 0 0 no-repeat; color:#192666;}
    #primaryContent .article h2 span {padding-left:25px;}    
    #primaryContent .article p {text-align:justify;}
    #primaryContent .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
    #primaryContent .info a {color:#6685CC;}
    #primaryContent .info a:hover {color:#FF9000;}
    
    #primaryContent .info span.date, #primaryContent .info span.cat, #primaryContent .info span.user, #primaryContent .info span.comments {padding-left:15px;}
    #primaryContent .info span.date {background:url("../images/design/ico_date.gif") 0 50% no-repeat;}
    #primaryContent .info span.cat {background:url("../images/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #primaryContent .info span.user {background:url("../images/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #primaryContent .info span.comments {background:url("../images/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}
	
    /* Content - More */
    #primaryContent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #primaryContent .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../images/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #primaryContent .btn-more a:hover {background:url("../images/design/btn_more.gif") -95px 0 no-repeat;}
	

#primaryContent h2,h3,h4,h5,h6
{
	color: #545454;
	margin-bottom: 1em;
	border-bottom: dashed 1px #dfdfdf;
	padding-bottom: 0.3em;
}
	
/* Secondary Content */

#leftContent
{
	position: relative;
	float: left;
	width: 14em;
	padding: 0em 2em 1.5em 2em;
	background: #fff url('../images/desgin/hintergrund_04.gif') top right repeat-y;
	overflow: hidden;
}

#leftContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: #fff url('../images/desgin/hintergrund_05.gif') top right no-repeat;
	height: 64px;
	width: 128px;
	overflow: hidden;
}

#leftContent h2,h3,h4,h5,h6
{
	color: #3076A1;
}

    /* Right column - Category */
    #leftContent ul#category {margin:15px 0; padding:0; list-style:none;}
    #leftContent ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #leftContent ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../images/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #leftContent ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
    #leftContent ul#category li#category-active a {background:#E0E8FA url("../images/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
	
	#leftContent h2, h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#E0E8FA; color:#192666;}
	
/* Tertiary Content */

#rightContent
{
	position: relative;
	float: right;
	width: 15em;
	padding: 0em 2em 1.5em 2em;
	background: #fff url('../images/desgin/hintergrund_06.gif') top left repeat-y;
	overflow: hidden;
}

#rightContent h2,h3,h4,h5,h6
{
	color: #3076A1;
}

#rightContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: #fff url('../images/desgin/hintergrund_07.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}

    /* Right column - Category */
    #rightContent ul#category {margin:15px 0; padding:0; list-style:none;}
    #rightContent ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #rightContent ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../images/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #rightContent ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
    #rightContent ul#category li#category-active a {background:#E0E8FA url("../images/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
	
	#rightContent h2, h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#E0E8FA; color:#192666;}
	
		/* FOOTER */
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #538cb9;
color: #fff;
text-align : center;
overflow: visible;
}
#footer a {
text-decoration: none;
color: #fff;
background-color:#538cb9;
}

#footer  a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#538cb9;
}
#footer li { 
display : inline;
} 




		/* IMAGE PROPERTIES */
.border {
padding: 10px;
margin: 10px;
border: 1px solid #538cb9;
}
.imgleft {
float: left;
border: 1px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}
.section {
    border-top: 4px solid #3D3D33;
    overflow: auto;
    padding: 1.4em 0 3.2em;
    width: 100%;
}
.thumbnail {
    background-color: #538cb9;
    border: 1px solid #2A2A2A;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 3px 3px 8px;
}

.clear
{
	clear: both;
}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.noscreen {display:none;}

.freetext{margin-top:20px;}