/*  
Theme Name: ipn systemhaus gmbh : Vorsprung durch Innovation
Theme URI: http://www.i-p-n.de
Description: SCREEN Theme
Version: 1.2
Author: Projekt 77
Author URI: http://www.projekt-77.de/


COLOR SCHEME

Blue			#003660

Light Grey		#EDEDEE
Dark Grey		#98989B

Green			#CDC300
Green dark		#CCC401


*******EDIT*******

08-09-30 edit .news_teaser
08-09-30 add #right .news_box
08-10-01 add login
08-10-01 add news_archiv
08-10-01 add send_button

*******EDIT*******

*/

/* ################################################################ DEFAULT ################################################################ */

body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	color: #003660;
	background: #EEEEEF; 
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

a:link {
	color: #003660;
	text-decoration: underline;
}

a:visited {
	color: #003660;
	text-decoration: underline;
}

a:hover {
	color: #003660;
	text-decoration: none;
}

a:active {
	color: #003660;
	text-decoration: none;
}

a:focus {
	color: #003660;
	text-decoration: underline;
}


acronym, abbr {
	font-size: 100%;
	cursor: help;
	border-bottom: 1px dashed #003660;
}

.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent {
	position: absolute;
  	top: -6000px;
  	left: -6000px;
 	height: 1px;
	width: 1px;
}

a img {border: 0;}

table {
	border: 0;
	font-size: 100%;
}

.wrapper {
	clear: both;
	width: 100%;
	height: 1px;
	font-weight: 1%;
	margin: 0;
	padding: 0;
	float: left;
}

/* ################################################################ END DEFAULT ############################################################ */

/* ################################################################ TAB NAVIGATION ################################################################ */

#jumpmenu a:link, #jumpmenu a:visited {
	color: #003660;
	background: #CCC401;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	z-index: 9999;
}

#jumpmenu a:hover, #jumpmenu a:active, #jumpmenu a:focus {
	font-size: 200%;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 6050px;
	left: 6050px;
	width: 18em;
	margin: 0;
	padding: 30px 40px;
	white-space: nowrap;
	display: block;
	float: left;
	z-index: 9999;
}

/* ################################################################ END TAB NAVIGATION ############################################################ */

/* ################################################################ POS ################################################################ */

#positioning {
	width: 1024px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#site {
	width: 1024px;
	text-align: left;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

/* ################################################################ END POS ############################################################# */

/* ################################################################ ELEMENTS ################################################################ */

#contentarea {
	width: 1024px;
	background: transparent url(../graphic/bg/bg_site.jpg) repeat-y;
	line-height: 140%;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

	#left {
		width: 230px;
		color: #FFFFFF;
		background-color: #003660;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}
	
		#language {
			width: 194px;
			text-align: right;
			margin: 33px 0 0 0;
			padding: 0 0 0 0;
		}
		
		#language img {
			border: 1px solid #CDC300;
			margin-left: 5px;
		}

	#right {
		width: 794px;
		color: #003660;
		background-color: transparent;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}

		#visual {
			width: 794px;
			height: 200px;
			text-align: right;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		#navigation {
			width: 189px;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		#content {
			width: 543px;
			margin: 0;
			padding: 0 0 0 27px;
			display: inline;
			float: left;
		}

#ipn {
	width: 1024px;
	height: 160px;
	background: transparent url(../graphic/bg/bg_logo.jpg) no-repeat;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

	#ipn img {
		margin: 6px 0 0 71px;
		padding: 0;
	}

	#logo {
		width: 230px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}
	
	#serviceblock {
		width: 794px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}

#footer {
	width: 1024px;
	background: #FFFFFF url(../graphic/bg/bg_footer.jpg) no-repeat;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
	
/* ################################################################ END ELEMENTS ############################################################# */

/* ################################################################ NAVIGATION ################################################################ */

/* ############################### mainnavigation ############################### */

#mainnavigation {
	width: 189px;
	color: #98989B;
	background: transparent url(../graphic/bg/bg_main.gif) bottom no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1px 0;
	list-style: none;
	display: inline;
	float: left;
}

#mainnavigation li {
	width: 151px;
	margin: 0;
	padding: 0;
	float: left;
}

	li.main a:link, li.main a:visited {
		width: 151px;
		color: #98989B;
		background: transparent url(../graphic/bg/bg_mainnav.jpg) no-repeat;
		margin: 0;
		padding: 10px 0 11px 38px;
		text-decoration: none;
		float: left;
	}
	
	li.main a:hover, li.main a:active, li.main a:focus {
		width: 151px;
		color: #FFFFFF;
		background: transparent url(../graphic/bg/bg_mainnav_a.jpg) no-repeat;
		margin: 0;
		padding: 10px 0 11px 38px;
		text-decoration: none;
		float: left;
	}
	
	li.main_a a:link, li.main_a a:visited {
		width: 151px;
		color: #FFFFFF;
		background: transparent url(../graphic/bg/bg_mainnav_a.jpg) no-repeat;
		margin: 0;
		padding: 10px 0 11px 38px;
		text-decoration: none;
		float: left;
	}
	
	li.main_a a:hover, li.main_a a:active, li.main_a a:focus {
		width: 151px;
		color: #FFFFFF;
		background: transparent url(../graphic/bg/bg_mainnav_a.jpg) no-repeat;
		margin: 0;
		padding: 10px 0 11px 38px;
		text-decoration: none;
		float: left;
	}

/* ############################### END mainnavigation ########################### */

/* ############################### subnavigation1 ############################### */

#subnavigation1 {
	width: 189px;
	color: #98989B;
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	list-style: none;
	display: inline;
	float: left;
}

#subnavigation1 li {
	width: 151px;
	margin: 0;
	padding: 0;
	float: left;
}

	li.sub1 a:link, li.sub1 a:visited {
		width: 151px;
		color: #98989B;
		background: none;
		margin: 0;
		padding: 3px 0 3px 38px;
		text-decoration: none;
		float: left;
	}
	
	li.sub1 a:hover, li.sub1 a:active, li.sub1 a:focus {
		width: 151px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 38px;
		text-decoration: underline;
		float: left;
	}
	
	li.sub1_a a:link, li.sub1_a a:visited {
		width: 151px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 38px;
		text-decoration: none;
		float: left;
	}
	
	li.sub1_a a:hover, li.sub1_a a:active, li.sub1_a a:focus {
		width: 151px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 38px;
		text-decoration: underline;
		float: left;
	}

/* ############################### END subnavigation1 ########################### */

/* ############################### subnavigation2 ############################### */

#subnavigation2 {
	width: 189px;
	color: #98989B;
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	list-style: none;
	display: inline;
	float: left;
}

#subnavigation2 li {
	width: 151px;
	margin: 0;
	padding: 0;
	float: left;
}

	li.sub2 a:link, li.sub2 a:visited {
		width: 131px;
		color: #98989B;
		background: none;
		margin: 0;
		padding: 3px 0 3px 58px;
		text-decoration: none;
		float: left;
	}
	
	li.sub2 a:hover, li.sub2 a:active, li.sub2 a:focus {
		width: 131px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 58px;
		text-decoration: underline;
		float: left;
	}
	
	li.sub2_a a:link, li.sub2_a a:visited {
		width: 131px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 58px;
		text-decoration: none;
		float: left;
	}
	
	li.sub2_a a:hover, li.sub2_a a:active, li.sub2_a a:focus {
		width: 131px;
		color: #B9AF00;
		background: none;
		margin: 0;
		padding: 3px 0 3px 58px;
		text-decoration: underline;
		float: left;
	}

/* ############################### END subnavigation2 ########################### */

/* ############################### service ############################### */

#service {
	width: 238px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 32px 0 0 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

#service li {
	width: 238px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

	li.serv a:link, li.serv a:visited {
		width: 200px;
		color: #98989B;
		background-color: transparent;
		margin: 6px 0 0 0;
		padding: 0 0 0 38px;
		text-decoration: none;
		float: left;
	}
	
	li.serv a:hover, li.serv a:active, li.serv a:focus {
		width: 200px;
		color: #003660;
		background-color: transparent;
		margin: 6px 0 0 0;
		padding: 0 0 0 38px;
		text-decoration: none;
		float: left;
	}
	
	li.serv_a a:link, li.serv_a a:visited {
		width: 200px;
		color: #003660;
		background-color: transparent;
		margin: 6px 0 0 0;
		padding: 0 0 0 38px;
		text-decoration: none;
		float: left;
	}
	
	li.serv_a a:hover, li.serv_a a:active, li.serv_a a:focus {
		width: 200px;
		color: #003660;
		background-color: transparent;
		margin: 6px 0 0 0;
		padding: 0 0 0 38px;
		text-decoration: none;
		float: left;
	}

/* ############################### END mainnavigation ########################### */

/* ################################################################ END NAVIGATION ############################################################ */

/* ################################################################ TITLE ################################################################ */

#left h2 {
	color: #CDC300;
	background: #003660 url(../graphic/bg/bg_line_white.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: normal;
	margin: 18px 0 0 27px;
	padding: 12px 0 6px 0;
}

#left h3 {
	color: #CDC300;
	background-color: #003660;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 27px;
}

#content h1 {
	color: #CCC401;
	background: #FFFFFF url(../graphic/bg/bg_h1.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: bold;
	line-height: normal;
	margin: 0 0  0;
	padding: 10px 0 22px 0;
}

#content h2 {
	color: #CCC401;
	background: #FFFFFF url(../graphic/bg/bg_h1.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: bold;
	line-height: normal;
	margin: 0 0  0;
	padding: 10px 0 22px 0;
}

#content .news_box h2 {
	color: #CDC300;
	background: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: bold;
	line-height: normal;
	margin: 0 0  0;
	padding: 0 0 6px 0;
}


/* ################################################################ END TITLE ############################################################ */

/* ################################################################ TEXT ############################################################ */

/* ############################### left and content ############################### */

.news_box {
	width: 197px;
	color: #FFFFFF;
	background: #003660 url(../graphic/bg/bg_line_white2.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 25px 0 0 0;
	padding: 10px 0 6px 0;
}

#right .news_box {
	width: 543px;
	color: #003660;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px 0 0 0;
	padding: 10px 0 6px 0;
}

	.news_date {
		color: #FFFFFF;
		background: transparent url(../graphic/bg/bg_news.gif) left no-repeat;
		margin: 0;
		padding: 1px 0 2px 27px;
	}
	
	.news_date2 {
		color: #003660;
		background-color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 1px 0 2px 0;
	}
	
	.news_teaser {
		margin: 0;
		padding: 0;
	}
	
		#left .news_teaser p {
			margin: 2px 0 0 0;
			padding: 0 0 2px 27px;
		}
	
	.news_more {
		color: #CDC300;
		background-color: #003660;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 27px;
	}
	
		.news_more a:link, .news_more a:visited {
			color: #CDC300;
			background-color: #003660;
			text-decoration: none;
		}
		
		.news_more a:hover, .news_more a:active, .news_more a:focus {
			color: #CDC300;
			background-color: #003660;
			text-decoration: underline;
		}
		
		.news_back a:link, .news_back a:visited {
			color: #003660;
			background-color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		
		.news_back a:hover, .news_back a:active, .news_back a:focus {
			color: #003660;
			background-color: #FFFFFF;
			font-weight: bold;
			text-decoration: underline;
		}

.csc-textpic-caption {
	font-size: 90%;
	font-weight: bold;
}

/* ############################### END left and content ############################### */

/* ############################### archiv ################################### */

#content .news_archiv {
	color: #735537;
	background-color: transparent;
	border: 0;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .news_archiv ul, #content .news_archiv li {
	color: #735537;
	background-color: transparent;
	border: 0;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

	#content .news_archiv li {
		margin: 0 0 0 20px;
		padding: 0 0 5px 0;
		list-style-image: url(../graphic/bg/ul.gif);
		*list-style-image: url(../graphic/bg/ul_ie.gif);
	}
	
	#content .news_archiv li.news-amenu-item-year {
		color: #CCC401;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 135%;
		font-weight: bold;
		line-height: normal;
		margin: 10px 0 0 0;
		padding: 0 0 6px 0;
		list-style-image: none;
	}

	#content .news_archiv dd {
		color: #735537;
		background-color: transparent;
		text-align: left;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	#content .news_line {
		width: 100%;
		height: 2px;
		color: #000000;
		background: transparent url(../graphic/bg/bg_blueline2.gif) repeat-x;
		margin: 20px 0 0 0;
		padding: 0 0 10px 0;
	}

/* ############################### END archiv ############################### */

/* ############################### right content ############################### */

#content p {
	margin: 0;
	padding: 0 0 15px 0;
}

#content ul {
	margin: 0;
	padding: 0 0 15px 20px;
	list-style-image: url(../graphic/bg/ul.gif);
	*list-style-image: url(../graphic/bg/ul_ie.gif);
}

#content ol {
	margin: 0;
	padding: 0 0 15px 30px;
}

	#content li {
		margin: 0;
		padding: 0 0 4px 0;
	}

.totop {
	width: 160px;
	color: #98989B;
	font-size: 90%;
	background-color: transparent;
	text-align: right;
	margin: 14px 34px 0 0;
	padding: 0;
	display: inline;
	float: right;
}

	.to_top:link, .to_top:visited {
		color: #98989B;
		background-color: transparent;
		text-decoration: none;
	}

	.to_top:hover, .to_top:active, .to_top:focus {
		color: #003660;
		background-color: transparent;
		text-decoration: none;
	}

/* ################ sitemap ################ */

#right ul.sitemap1 {
	margin: 5px 0 0 0;
	padding: 0 0 15px 0;
	list-style-image: none;
}

#right ul.sitemap1 li {
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px 0;
	list-style-image: none;
	list-style: none;
}
	
	#right .sitemap1 .site1 a:link, #right .sitemap1 .site1 a:visited {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: none;
	}
	
	#right .sitemap1 .site1 a:hover, #right .sitemap1 .site1 a:active, #right .sitemap1 .site1 a:focus {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: underline;
	}

#right ul.sitemap2 {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}

#right ul.sitemap2 li {
	font-weight: normal;
	margin: 0 0 2px 0;
	padding: 0 0 0 16px;
	list-style: none;
}

	#right .sitemap2 .site2 a:link, #right .sitemap2 .site2 a:visited {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: none;
	}
	
	#right .sitemap2 .site2 a:hover, #right .sitemap2 .site2 a:active, #right .sitemap2 .site2 a:focus {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: underline;
	}

#right ul.sitemap3 {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}

#right ul.sitemap3 li {
	font-weight: normal;
	margin: 0 0 2px 0;
	padding: 0 0 0 24px;
	list-style: none;
}

	#right .sitemap3 .site3 a:link, #right .sitemap3 .site3 a:visited {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: none;
	}
	
	#right .sitemap3 .site3 a:hover, #right .sitemap3 .site3 a:active, #right .sitemap3 .site3 a:focus {
		color: #01274E;
		background: url(../graphic/bg/ul_ie.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 13px;
		text-decoration: underline;
	}
	
/* ################ END sitemap ################ */
	
/* ############################### END right ########################### */

/* ################################################################ END TEXT ############################################################ */

/* ################################################################ FORM ################################################################ */

/* ############################### default ############################### */

form {
	width: 543px;
	margin: 0;
	padding: 0;
}

fieldset {
	width: 543px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
}

legend {	
	color: #CCC401;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	*margin: 0 0 0 -8px;
	padding: 0 0 5px 0;
}

input, textarea {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #01274E;
	background-color: #FFFFFF;
	border: 1px solid #01274E;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}

	input:hover, textarea:hover, input:focus, textarea:focus {
		color: #404040;
		background-color: #EDEDEE;
	}	
/* ############################### END default ############################### */

/* ############################### specials ############################### */

.form_both {
	width: 100%;
	margin: 0;
	padding: 0 0 4px 0;
	display: inline;
	float: left;
}

.form_label {
	width: 35%;
	margin: 2px 5px 0 0;
	padding: 0;
	display: inline;
	float: left;
}

.form_element {
	width: 55%;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

.form_send {
	width: 425px;
	text-align: right;
	margin: 0;
	padding: 10px 0 15px 0;
	display: inline;
	float: left;
}

input.button_send, input.log_send {
	color: #FFFFFF;
	background: none;
	background-color: #003660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	border: none;
	margin: 4px 0 10px 0;
	padding: 2px 3px;
	cursor: pointer;
}
	
	input.button_send:hover, input.button_send:focus, input.log_send:hover, input.log_send:focus {
		color: #003660;
		background: none;
		background-color: #CDC300;
	}

/* ############################### END specials ########################### */

/* ############################### search ############################### */

.search_both {
	width: 543px;
	margin: 0;
	padding: 0;
}

.search_no {
	width: 100%;
	margin: 5px 0 10px 0;
	padding: 0;
}

.search_content {
	width: 100%;
	margin: 5px 0;
	padding: 0;
}

.search_path {
	width: 100%;
	margin: 3px 0 2px 0;
	padding: 0;
}

.search_specs {
	width: 100%;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

.search_nav {
	width: 100%;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	margin: 20px 0 0 0;
	padding: 1px 0 20px 0;
}

#content .search_both h2 {
	color: #003660;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: normal;
	margin: 0 0  0;
	padding: 10px 0 0 0;
}

	#content .search_both h2 a:link, #content .search_both h2 a:visited, #content .search_both h2 a:active, #content .search_both h2 a:hover {
		color: #003660;
		background: transparent url(../graphic/bg/document.gif) no-repeat top left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 135%;
		font-weight: bold;
		line-height: normal;
		margin: 20px 0 0 0;
		padding: 4px 0 6px 25px;
		text-decoration: none;
	}
	
	.tx-indexedsearch-redMarkup {
		color: #000000; 
		background-color: #CDC300;
		padding: 2px;
	}
	
	.tx-indexedsearch form {
		width: 543px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}

input.send_button {
	color: #FFFFFF;
	background: none;
	background-color: #003660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 2px 3px;
	cursor: pointer;
}

	input.send_button:hover, input.send_button:focus {
		color: #003660;
		background: none;
		background-color: #CDC300;
	}

/* ############################### END search ########################### */

/* ############################### login ############################### */

.login_txt {
	width: 110px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

.login_input {
	width: 433px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

/* ############################### END login ########################### */

/* ############################### login ############################### */

.login_input {margin-bottom: 20px;}

/* ############################### END login ########################### */

/* ################################################################ END FORM ############################################################ */