* {
	font-family:arial,verdana,helvetica,sans-serif;
	border:none;
	color:#333;
    padding: 0;
    margin: 0;
}

body {
	background: url("../img/bg_body.gif") repeat-x scroll 0 0 #D4D4D4;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

a,
a:hover {
    text-decoration:none;
}

a.link-pdf {
    font-size: 12px !important;
    background: url("../img/icons/icon_pdf.png") no-repeat scroll left 4px transparent;
    padding: 3px 0 3px 22px;
}

div {
    position:relative;
}

span {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

div.hr {
    margin-top: 10px;
	border-top: 1px solid #999999;
	height:1px;
    margin-bottom: 10px;
}

div.anmerkung {
    font-style: italic;
    color: #999;
}

.clear{
    clear: both !important;
    float: none !important;
    margin: 0 !important;
	padding: 0 !important;	
    border: none !important;
}
.left { float:left; }
.right { float:right; }

.bold {	font-weight: bold; }
.italic { font-style: italic; }
.remark { font-size: 12px; }
.hidden { display: none; }
.catch { display: none; }

/* padding and margins*/
.p5 { padding: 5px; }
.pl5 { padding-left: 5px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pt20 { padding-top: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mt20 { margin-top: 20px; }
.mr10 { margin-right: 10px !important; }

.w50pc { width: 50%; }
.w100pc { width: 100%; }

div.phone,
div.fax,
div.email,
div.text,
a.text,
a.web,
div.web { height: 17px; padding: 2px 0 0 30px; }
div.phone { background: url('../img/icons/icon_phone.gif') no-repeat top left; }
div.fax { background: url('../img/icons/icon_fax.gif') no-repeat top left; }
div.email { background: url('../img/icons/icon_email.gif') no-repeat top left; }
div.web { background: url('../img/icons/icon_web.gif') no-repeat top left; }
div.text { background: url('../img/icons/icon_text.png') no-repeat top left; }
a.text { background: url('../img/icons/icon_text.png') no-repeat top left; }
a.web { background: url('../img/icons/icon_web.gif') no-repeat top left; }

div.faq-box a.faqs,
a.nl-toggle {
    color: #003366;
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none !important;
    background: url('../img/icon_li.gif') no-repeat center left;
}
div.faq-box a.faqs:hover,
a.nl-toggle:hover {
    text-decoration: underline  !important;
}

input.text, select, textarea {
    background: url("../img/bg_input.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
	color:#333;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
    margin-bottom: 5px;
    padding: 3px;
    width: 280px;
}

input.readonly {
	color: #9B9B9B;	
}


input.number  {
    background: url("../img/bg_input_number.gif") repeat-x scroll 0 0 #FFFFFF;
    font-family: courier;
    font-size: 16px;
    letter-spacing: 1em;
    padding: 3px 0 2px 13px;
    width: 155px;
}

select {
	margin-bottom: 5px;
    padding: 2px 2px 2px 0px;
	width: 190px;
}


textarea {
	min-height:2em;
	min-width: 280px;
	max-width: 390px;
}

div#container input.send {
    background: url("../img/bg_submit.gif") repeat-x scroll 0 0 #FEFEFE;
    border-color: #C4CCCC #ACB5B5 #6F7777;
    border-style: solid;
    border-width: 1px;
    color: #2B333C;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 5px 2px;
    text-align: center;
    text-transform: uppercase;
}
div#container input.logout {
	 border-color: #DD1D00;
	 color: #DD1D00;
	 font-size: 12px;
	 font-weight: bold;
	 letter-spacing: 4px;
	 margin-bottom: 10px;
	 width: 100%;
}

label.req {
	background: url('../img/icons/icon_require.gif') no-repeat top right;
	padding-right:7px;
	margin-right:5px;
}

label.radio {
	padding-left:20px;
}
	label.radio input {
		left:0;
		top:2px;
	}

#wrapper {
    margin: auto;
    width: 980px;
}

#top {
	 height:32px;
}
	p.breadcrumb {
		line-height:32px;
        color: #FFF;
	}
	p.breadcrumb a {
        color: #FFF;
    }
	
	ul.top-navi {
		height:32px;
		list-style:none;
		position:absolute;
		right:180px;
		top:0;
	}

		ul.top-navi li {
			float:left;
			line-height:32px;
			list-style:none;
			padding-left:5px;
            color: #FFF;
		}

		ul.top-navi li a {
			display:inline-block;
			padding-right:5px;
            color: #FFF;
		}
	
	form#search {
		height:21px;
		position:absolute;
		right:0;
		top:4px;
		width:160px;
	}

	form#search input {
		position:absolute;
	}
	
	form#search input.search {
		background:#fff;
		border:1px solid #dcdcda;
		border-radius:4px;
		height:20px;
		line-height:20px;
		left:0px;
		top:0px;
		padding-left:4px;
		padding-right:20px;
		width:136px;
	}

	form#search input.send {
		background:#fff url("../img/bg_submit_search.png") no-repeat center;
		display:block;
		height:18px;
		right:1px;
		top:1px;
		width:21px;
		text-indent:-1000em;
	}
	
	
#container {
    background: url("../img/bg_container.png") repeat-y scroll 0 0 transparent;
	margin-top: 14px;
}

#header {
	color: #333333;
	padding: 10px;
	height: 100px;
}

	#header a#headerLink {
        text-align: right;
		background: url("../img/bg_header_link.png") no-repeat scroll left center transparent;
		color:#fff;
		font-size: 13px;
		height: 32px;
		line-height: 16px;
        padding: 5px 10px 5px 30px;
        position:absolute;
        right:0;
        top:0;
	}
	#header a#headerLink span {
		color:#fff;
		font-size: 17px;
		 line-height: 13px;
	}

	#header #social-media {
        position: absolute;
        right: 12px;
        top: 52px;
	}
	#header #social-media a {
        margin-left: 10px;
    }


div#teaser {
	height:210px;
    padding: 10px 0 0;
	width:980px;
}

	div#teaser .teaser-box {
        border: 1px solid #CCCCCC;
        display:block;
        float: left;
        width: 311px;
        height: 208px;
        margin-left: 10px;
        position: relative;
	}
		div#teaser .teaser-box img {
            width: 312px;
		}

		div#teaser .teaser-box a.txt-link {
				background: url("../img/bg_blue.png") no-repeat scroll 0 0 transparent;
				bottom: 0;
				color: #555555;
				font-size: 15px;
				left:0;
				position: absolute;
				width: 292px;
                padding: 10px;
		}

		div#teaser .teaser-box a.txt-link {
            height: 40px;
            display: block;
        }
        
		div#teaser .teaser-box a.txt-link:hover {
				color:#fff;
				background-position: bottom left;
		}

		div#teaser .teaser-box a.txt-link:hover *{
				color:#fff;
		}

		div#teaser .teaser-box a.txt-link strong {
				color: #555555;
				font-size: 15px;
/*                float: left;*/
		}
		div#teaser .teaser-box a.txt-link normal {
                float: left;
		}

		div#teaser .teaser-box a.txt-link span {
				bottom: 5px;
				color: #AAAAAA;
				font-size: 30px;
				position: absolute;
				right: 10px;
		}


div#content {
    padding: 10px 10px 0;
}


/* test */
div.column-bulletin {
    float: left;
    width: 760px;
    margin-left: 10px;
}

div.column-1-3, div.column-2-3, div.column-3-3 {
    float: left;
    width: 190px;
}
div.column-2-3 {
    padding: 0 10px;
    width: 560px;
}


div.column-1-3 p, 
div.column-2-3 p, 
div.column-3-3 p {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.3;
    padding-bottom: 10px;
}

    div.column-bulletin a,
	div.column-1-3 p a, 
	div.column-2-3 p a, 
	div.column-3-3 p a, 
	div.column-3-3 li a {
			color: #223350;
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 11px;
			line-height: 1.3;
			text-decoration: underline;
	}

div.column-2-3 p, div.column-3-3 p {
    font-size: 12px;
    line-height: 1.5;
}	

div.column-1-3 input.text {
    width: 164px;
}

div.column-2-3 ul,
div.column-3-3 ul {
    list-style-type: square;    
}

div.column-2-3 ul,
div.column-2-3 ol,
div.column-3-3 ul,
div.column-3-3 ol {
    padding: 0 30px 10px;
}
	div.column-2-3 ul li, div.column-2-3 ol li, div.column-3-3 ul li, div.column-3-3 ol li {
		font-family: verdana,arial,helvetica,sans-serif;
		line-height: 1.5;
	}
/* FORM TABLE*/	

table.form {
	margin-bottom: 10px;
	width:100%;
}

table.form input.text,
table.form select,
table.form textarea { margin: 3px 0; }

table.form td,
table td.top { vertical-align: top; padding: 2px; }

/* BOXEN */

div.box {
    background:#F1F1F1 url("../img/bg_fade_box.gif") repeat-x scroll 0 0;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

div.box div.inner {
    font-family: verdana,arial,helvetica,sans-serif;   
    padding: 10px 9px;
}
	
div.box h1,
div.box h2,
div.box h3 {
    background: url("../img/bg_box_headline_blue.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    padding: 5px 0 5px 10px;
}

div.box h1 a, div.box h2 a, div.box h3 a {
    background: url("../img/bg_toggle.gif") no-repeat scroll -12px 0 transparent;
    float: right;
    font-size: 1px;
    height: 12px;
    margin: 1px 5px 0 0;
    width: 12px;
}

div.box h1 a:hover, div.box h2 a:hover, div.box h3 a:hover {
    background-position: -12px -12px;
}
    div.box div.tsrtext {
        padding: 10px;
    }
    /* login teaser */
    div.box div.tsr-login p {
        padding: 0px 0px 5px 0px;
    }
    div.box div.tsr-login ul {
        list-style: none;
    }
    div.box div.tsr-login ul li {
        margin: 0px 0px 10px 0px;
    }
    div.box div.tsr-login ul li a {
        color: #223350;
        text-decoration: underline;
    }

	
div.box div.navigation {
	color: #FFFFFF;
    font-size: 13px;
	height:25px;
    line-height: 15px;
	overflow:hidden;
	position:absolute;
	right:1px;
	top:0;
}
	div.box div.navigation a {
		background: url("../img/bg_box_headline_link.gif") no-repeat scroll 0 0 transparent;
		color: #FFFFFF;
		display:block;
		float:right;
		font-weight: bold;
		line-height: 25px;
		padding: 0 10px;
	}
	
div.closed ul {
	display:none;	
}

div.closed h1 a, 
div.closed h2 a, 
div.closed h3 a {
    background-position: 0 0;
}

div.closed h1 a:hover, 
div.closed h2 a:hover, 
div.closed h3 a:hover {
    background-position: 0 -12px;
}

div.box div h4, 
div.box div strong {
    color: #003366;
}

div.box div span.small, 
div.box div p.small {
    font-size: 9px;
}

div.box div hr {

    border-color: #999999 -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    font-size: 1px;
    height: 10px;
}

div.box div.line {
    border-top: 1px solid #999999;
    font-size: 1px;
    height: 10px;
	margin-top:12px;
}

div.box div .hotline, div.box div p.hotline {
    background: url("../img/bg_phone.gif") no-repeat scroll left bottom transparent;
    color: #003366;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 4px 20px;
}


div.box div.team div, 
div.box div.books div, 
div.box div.download div {
    background: url("../img/bg_entry.gif") repeat-y scroll 0 50% transparent;
    border-top: 1px solid #233553;
    float: left;
    margin: 0 0 10px 10px;
    padding: 0;
    width: 264px;
}
    div.box div.books div {
        width: 538px;
    }

    div.box div.books div p {
        padding-left: 10px;
    }
    
	div.box div.list {
        margin-top: 10px;
    }
	div.box div.list h2 {
		background: none repeat scroll 0 0 transparent;
		color: #223350;
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	div.box div.team div img, div.box div.books div img, div.box div.download div img {
		float: left;
		margin-right: 5px;
	}
	div.column-2-3 div.box div.team div p, div.column-2-3 div.box div.download div p {
		font-size: 11px;
		line-height: 1.2;
		padding: 5px 5px 0 0;
	}

div.box div.news {
	border-bottom:1px solid #999999;
	clear:both;
	margin-bottom:12px;
	padding-bottom:5px;
}
	div.box div.news p.small {
		color: #555555;
		font-size: 11px;
		padding-bottom: 5px;
	}
	
	div.box div.news h3 {
		color: #003366;
		font-size: 12px;
	}
	
	div.box div.news div.left {
		width: 180px;
		padding-right: 10px;
	}
	div.box div.news div.left p {
		background: url("../img/bg_entry.gif") repeat-y scroll 0 0 transparent;
		font-size: 10px;
		padding: 5px;
	}

div.box div.news:last-child {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

div.box p.image-title {
    background: url("../img/bg_image_title.gif") repeat-y scroll 0 0 transparent;
    font-size: 13px;
    padding: 10px;
}
div.box h2.clean {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
}
	
	
div.inner h1,
div.inner h2,
div.inner h3 {
	background:none;	
    color: #003366;
	padding:0;
	margin:0 0 0.5em 0;
}

div.inner h1 {
	font-size:16px;
    line-height: 20px;    
}
div.inner h2 {
	font-size:16px;	
}
div.inner h3 {
	font-size:14px;	
}

/* Sitemap */

div.column-2-3 div.sitemap {
    padding: 10px 20px;
}
	div.column-2-3 div.sitemap h3 {
		background: url("../img/bg_first.gif") no-repeat scroll 0 0 transparent;
		color: #223350;
		font-size: 16px;
		padding: 5px 0 5px 16px;
		margin:0;
		line-height: 15px;
	}
	div.column-2-3 div.sitemap ul.tree, 
	div.column-2-3 div.sitemap ul.tree ul {
		background: url("../img/bg_vline.gif") repeat-y scroll 0 0 transparent;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		div.column-2-3 div.sitemap ul.tree li {
			background: url("../img/bg_node.gif") no-repeat scroll 0 0 transparent;
			line-height: 20px;
			margin: 0;
			padding: 3px 0 2px 14px;
		}

		div.column-2-3 div.sitemap ul.tree li a {
			display: block;
			font-size: 14px;
			padding-left: 16px;
		}
		
		div.column-2-3 div.sitemap ul.tree li.item a {
			background: url("../img/bg_itemlink.gif") no-repeat scroll 0 0 transparent;
		}
		div.column-2-3 div.sitemap ul.tree li.item a:hover {
			background-position: left bottom;
			font-weight: bold;
		}
		
		div.column-2-3 div.sitemap ul.tree li:last-child {
			background: url("../img/bg_lastnode.gif") no-repeat scroll 0 0 #F1F1F1;
		}

/* Bedarfsrechner / Vcheck*/		
	div.calculator div.group {
		padding: 0 0 10px;
		width: 615px;
	}		
	div.calculator div.small {
		width: 414px; /* 674 */
		margin: 0 auto;
	}
	div.calculator div.small img.pfeil {
		width:335px; /* 544 */
		height:50px; /* 76 */
		display:block;
		margin:0 0 0 41px; /* 65 */
	}
	
	div.calculator div.group.big {
		width: 190px; /* 342 */
		float:left;
		margin-left: 70px; /* 76 */
	}
	
	div.calculator div.bg2 {
		background-color:#fff1e1;
		height: 190px; /* 260 */
		margin: 0 60px 30px 60px; /* 0 30px 50px 30px */
		overflow:visible;
		padding-top: 6px;
	}
	
	div.calculator h2.step-n {
		color:#f7931d;
		font-size: 20px; /* 26 */
		text-align: center;
	}	
	
	div.calculator h2 {
		color: #003366;
		font-size: 14px;
		margin: 0 0 10px 2px;
		padding: 6px 0 4px 0;
	}	

    h2 label {
		color: #003366;
		font-size: 14px;
	}	

	div.calculator div.group a, div.calculator div.group label {
		background-repeat: no-repeat;
		background-position: 0 30px;
		color:#005aaa;
		display: block;
		float: left;
		font-size: 13px; /* 17 */
		font-weight: bold;
		height: 105px; /* 186 */
		margin: 0 30px 0 2px; /* 48px */ 
		text-align: center;
		width: 79px; /* 130 */
		line-height: 14px; /* 15 */
		white-space: nowrap;
	}
    
	div.calculator div.group a { color: #005aaa; text-decoration: none; }
	div.calculator div.group a.active { background-position: -158px 30px; color: #f7931d; }
	div.calculator div.group label { position: relative; } 
	
	div.calculator div.group a:hover {
		/*background-position: -85px 20px;*/
		/*color: #f7931d;*/
	}
	
	div.calculator div.group.big a, div.calculator div.group.big label {
		height: 30px;
		width: 58px; /* 123 */
		margin: 0 13px; /* 24 */
		padding-top: 59px; /* 130 */
	}
	div.calculator div.group.big a {
		background-position: 0px 0px;
	}
	div.calculator div.group.big a:hover {
		/*background-position: -160px 0px;  -246 */
	}
	div.calculator div.group.big a.active { 
		background-position: -58px 0px; /* -123 */
	}
	
	div.calculator div.group label input {        
			top: 40px;
			left: 2px;
			position: absolute;
	}    
	

	div.calculator div#vcheck-result div.item {     
		padding: 10px;
	}	
	div.calculator div#vcheck-result div.item a.info-link {
        font-weight: bold;
        padding-right: 20px;
        font-family: "Franklin Gothic", "Franklin Gothic Medium", Verdana, Helvetica, Arial, sans-serif;
        background: url("../img/icons/icon_text.png") no-repeat top right;
    }
	div.calculator div#vcheck-result div.item a.info-link:hover {
        text-decoration: underline;
    }
	
	div.calculator div#vcheck-result div.highlight {
		background: none repeat scroll 0 0 #E6E6E6;
	}

/*
	div.calculator div.group {
		float: left;
		padding: 0 0 10px;
		width: 542px;
	}		

	div.calculator div.small {
		width: 242px;
	}
	
	div.calculator div.group h2.step-1 {
		background: url("../img/bg_step_1.gif") no-repeat scroll left center transparent;
	}
	div.calculator div.group h2.step-2 {
		background: url("../img/bg_step_2.gif") no-repeat scroll left center transparent;
	}
	div.calculator div.group h2.step-3 {
		background: url("../img/bg_step_3.gif") no-repeat scroll left center transparent;
	}	
	
	div.calculator div.group h2 {
		color: #003366;
		font-size: 15px;
		margin: 0 0 10px 2px;
		padding: 6px 0 4px 30px;
	}	

	div.calculator div.group a.active {
		background-position: -110px 0;
		text-decoration: underline;
	}
    
    div.calculator div.group label {
        position: relative;
    }
	
	div.calculator div.group a, div.calculator div.group label {
		background-repeat: no-repeat;
		display: block;
		float: left;
		font-size: 10px;
		height: 30px;
		margin: 0 3px 0 2px;
		padding-top: 60px;
		text-align: center;
		width: 55px;
    }
    
    div.calculator div.group label input {        
        top: 40px;
        left: 2px;
        position: absolute;
    }    
	
	div.calculator div.group a:hover {
		background-position: -55px 0;
	}

	div.calculator div#vcheck-result div.item {     
		padding: 5px;
	}	
	div.calculator div#vcheck-result div.item a.info-link {
        font-weight: bold;
        padding-right: 20px;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        background: url("../img/icons/icon_text.png") no-repeat top right;
    }
	div.calculator div#vcheck-result div.item a.info-link:hover {
        text-decoration: underline;
    }
	
	div.calculator div#vcheck-result div.highlight {
		background: none repeat scroll 0 0 #E6E6E6;
	}
*/
	
	
/* team */
div.box div.inner div.team {
    background: url("../img/bg_entry.gif") repeat-y scroll 0 50% transparent;
    border-top: 1px solid #233553;
    margin: 0 0 10px 0px;
}
div.box div.inner div.team h4 {
    margin-top: 10px;
}
div.box div.inner div.team p {
    font-size: 11px;
    padding-left: 10px;
}
div.box div.inner div.team img {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
/* NAVI */ 

ul.links, ul.links ul {
    background: none repeat scroll 0 0 #CCCCCC;
    list-style:none;
}

	ul.links li {
		background: none repeat scroll 0 0 #F1F1F1;
		border-top: 1px solid #FFFFFF;
	}
	
    ul.links a.active,
	ul.links a.active:hover {
		background: url("../img/bg_link_blue.gif") no-repeat scroll left center #CCCCCC;		
    }
	
	ul.links li a:hover,
	ul.links li a:active {
		background: none repeat scroll 0 0 #CCCCCC;
	}	

	ul.links li a, 
	ul.links li a:hover {
		color: #333333;
		display: block;
		font-weight: bold;
		padding: 6px 0 5px 10px;
	}

	ul.links li ul.links li a,
	ul.links li ul.links li a:hover {
		font-size: 11px;
        padding-left: 20px;
	}
    
	ul.links li ul.links ul.links li a,
	ul.links li ul.links ul.links li a:hover {
		font-size: 11px;
        padding-left: 30px;
	}

div#footer {
    background: url("../img/bg_box_headline_blue.gif") repeat-x scroll 50% 50% transparent;
    padding: 0 10px;
    margin-bottom: 20px;
}

div#footer p {
    color: #DDDDDD;
    padding: 5px 0;
    width: 360px;
}

	div#footer ul.navi {
		list-style:none;
		padding: 3px 0;
		position:absolute;
		right:10px;
		top:0;
	}
		div#footer ul.navi li {
			color: #CCCCCC;
			float: left;
			padding-right: 3px;
			line-height:19px;
		}
			div#footer ul.navi li a {
				color: #DDDDDD;
			}
            
/* error msg */
.error-login,
.error-404,
.error-msg,
.error-div {
    border: 2px solid #ff0000;
    padding: 10px 50px;
    text-align: center;
    margin-bottom: 5px;
    background-color: #FFE0E0;
}
.success-div{
    padding: 10px 50px;
    background-color: #E6EFC2;
    border: 2px solid #BFD85F;
    margin-bottom: 5px;
}
.red-border { border: 1px solid red !important; }

/* show_more.js*/
.comment {
    width: 460px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
a.morelink {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    outline: none;
    text-decoration: none;
}
a.morelink:hover {
    text-decoration: underline;
}
.morecontent span {
    display: none;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}