/***********************************************/
/* layout.css                             */
/* Use with template layout.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

a{
	color: #CC3333;
	text-decoration: none;
}

a:link{
	color: #CC3333;
	text-decoration: none;
}

a:visited{
	color: #999999;
	text-decoration: none;
}

a:hover{
	color: #CC3333;
	text-decoration: underline;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 114%;
 color: #999999;
 margin: 0px;
 padding: 0px;
}

h2{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

h3{
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

h4{
	 font-family: Arial, sans-serif;
 	font-size: 80%;
 	font-weight: bold;
 	margin: 0px;
 	padding: 0px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

ul{
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/************* # banner styles **************/

#bannertop {
	background-image: url(../images/hint_top.jpg);
	/*height: 86px;*/
	height: 56px;
	width: 820px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC3333;
	position: static;
	padding-top:0px;
	
}
.pipe {
	/*font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;*/
}
#logo {
	background-color: #FFFFFF;
	/*top: 20px;*/
	padding-left: 10px;
	padding-bottom: 5px;
	position: absolute;
	}
#navtop {
	/*width: 420px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	position: absolute;
	top: 64px;
	text-align: right;
	line-height: 20px;
	padding-right: 15px;
	word-spacing: 18px;
	vertical-align: baseline;*/
	display:none;
}
#bannerpic {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 84px;
	width: 820px;
	margin: 0;*/
	float:none;
	display:none;
}
a.menu {
	/*font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	color: #CC3333;
	}
a.menu:visited {
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}
a.menu:active {
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	color: #CC3333;*/
}
#navcontainer {
	/*background-color: #FFFFFF;
	width: 160px;
	padding-top: 46px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	float: left;*/
	display:none
}

/************* #globalNav styles **************/


#navbox {
	/*border-top: medium double #CCCCCC;
	border-bottom: medium double #CCCCCC;
	width: 160px;
	padding-bottom: 1px;
	background-color: #FFFFFF;*/
	display:none;
}
/************* #globalNav styles **************/
#hauptnav
{
	/*width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #666666;*/
	display:none;
}

#hauptnav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}

#hauptnav li
{
border-bottom: 1px solid #CCCCCC;
margin: 0;
}

#hauptnav li a
{
	display: block;
	padding: 5px 5px 5px 12px;
	border-left: 3px solid #666666;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	width: 140px;
	font-size: 11px;
	font-weight: bold;
}

#hauptnav li a:hover
{
border-left: 3px solid #CC3333;
background-color: #eeeeee;
color: #666666;
}
#hauptnav li ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#hauptnav li li
{
border-bottom: none;
margin: 0;
}

#hauptnav li li a
{
	padding: 0px 5px 5px 12px;
	font-size: 10px;
}

#hauptnav li li a:hover
{
background-color: #ffffff;
color: #CC3333;
}

#award {
	background-image: url(../de/images/cspreis_gr.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 620px;
}
#frame {
	padding-left: 6px;
}
.listing {
	padding-left: 10px;
}
.pdfsize {
	font-size: 11px;
	padding-left: 8px;
}
/*** zweites Menü in linker Navigation ***/
#navbox2 {
	width: 150px;
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 80px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 90px;
}
.navlist2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;

}
#navbox2 a {
	display: block;
	padding: 2px 0px 2px 15px;
	font-weight: bold;
	color: #666666;
	border: none;
	text-decoration: none;
}

#navbox2 a:hover{
	color: #CC3333;
}
/*********** #navBar link styles ***********/

#navbox2  ul a:link, #navbox2  ul a:visited {display: block;}
#navbox2  ul {list-style: none; margin: 0; padding: 0;}

/* fix for browsers that don't need the hack */
html>body #navbox2  li {border-bottom: none;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navbox2  li {border-bottom: 1px solid #FFFFFF;}
.duerrlogo {
	width: 160px;
	clear: both;
	margin-bottom: 10px;
}
.duerrlogo img {
	margin-left: 10px;
	margin-top:  50px;
}
/************* #content styles **************/

#mainFrame {
	width: 820px;
	background-color: #FFFFFF;
	float: left;
}

#content {
	text-decoration: none;
	float: left;
	width: 659px;
	background-color: #FFFFFF;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;*/
	border: none;
}
#siteInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
	width: 300px;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.cleaner {
	clear:both;
	border:0px none;
	margin:0; padding:0;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a.process {
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
	text-decoration: none;
	font-weight: normal;
}
a.process:hover {
	color: #CC3333;
	text-decoration: none;
}
a.process:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}
a.process:active {
	color: #CC3333;
	text-decoration: none;
}
#contentLeft {
	float: left;
	width: 430px;
	/*padding-top: 45px;*/
	padding-top: 30px;
	padding-bottom: 15px;
	/*padding-left: 30px;*/
	padding-left: 10px;
}
#contentRight {
	padding: 10px 10px 0 20px;
	float: right;
}
.pictureframe {
	border: 1px solid #BFBFBF;
	margin-top: 5px;
}
#titleBox {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	/*color: #333333;*/
	font-weight: bold;
	letter-spacing: 0em;
	padding-left: 10px;
	/*width: 410px;*/
	/*padding-right: 220px;*/
	padding-top: 25px;
	padding-bottom: 10px;
	width: 850px;
	
}

.greenbox {
background-color:#005663;
color: #FFFFFF;
font-size:14px;
height: 160px;
text-align:right;
padding-right: 14px;
padding-top: 20px;
line-height: 18px;
}

#leftcolumn {
	/*padding-top: 20px;
	padding-left: 20px;*/
	padding: none;
}
.titel_gr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.clear_left {
	clear: left;
}
#logo125 {
	top: 8px;
	position: absolute;
	/*left: 620px;*/
	left: 580px;
}
.clear_right {

	clear: right;
}
h6 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	line-height: normal;
}
/*************Einstiegsseite***************/

#entreeRightcolumn {
	width: 180px;
	padding: 0px;
	background-color: #FFFFFF;
	z-index: 3;
	position: absolute;
	left: 440px;
	top: 93px;
	clear: both;
	border: 1px solid #666666;
}
#entreeLeftcolumn {
	float:left;
	width: 420px;
	/*padding: 20px 10px 0 20px;*/
	padding: 0 10px 0 1px;
	border-right-width: 209px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
#spalte {
	width: 174px;
	padding: 0px;
	margin: 8px;
	border: 1px solid #CCCCCC;
	float: left;
}
#title {
	/*background-color: #E9E9E9;*/
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#title h5 {
	color: #606060;
	padding: 2px 0 2px 5px;
	line-height: 20px;
}
#spalte p {
	padding: 5px;
}
#zweispaltigLinks {
	float: left;
	width: 196px;
	border: 1px solid #CCCCCC;
	margin-bottom: 12px;
	clear: left;
}
#zweispaltigLinks p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	padding-top: 5px;
}
#zweispaltigRechts {
	width: 196px;
	border: 1px solid #CCCCCC;
	margin-left: 210px;
	margin-bottom: 12px;
}
#zweispaltigRechts p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
}
#entreeRightcolumn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
}