
/* Cascading Style Sheet */


/* ## Tags ## */

body {
	background-color: #fff;
	margin: 5px 15px;
	padding: 0px;
	width: auto;
	height: 100%;
}

body, th, td, div, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #374b56;
	background-image: none;
}

input, select, textarea {
	border: 1px solid #bbb;
	padding: 2px;
	line-height: 11px;
}

label { 
	cursor: pointer; 
}

h2 {font-size:16px; font-weight: bold;}

/* ## Links ## */

a.text:link, a.text:active, a.text:visited {
	color: #374b56;
	text-decoration: underline;
}

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

a.link:link, a.link:active, a.link:visited {
	color: #374b56;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(../images/link-arrow.gif);
	background-position: right;
	background-repeat:no-repeat;
}

a.link:hover {
	text-decoration: underline;
}

a.linkback:link, a.linkback:active, a.linkback:visited {
	color: #374b56;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/link-arrow-back.gif);
	background-position: left;
	background-repeat:no-repeat;
}

a.linkback:hover {
	text-decoration: underline;
}

a.textfeld {
	color: #374b56;
	font-size:10px;
	text-decoration: none;
}

a.alink {
	color: #374b56;
	text-decoration: none;
}

a.alink:hover {
	text-decoration: underline;
}

a.clink {
	color: #374b56;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	background-image: url(../images/link-arrow-down.gif);
	background-position: right;
	background-repeat:no-repeat;
}

a.linkU {
	color: #374b56;
	text-decoration: underline;
	padding-right: 10px;
	background-image: url(../images/link-arrow-down.gif);
	background-position: right;
	background-repeat:no-repeat;
}



span.ilink {
	color: #999;
	text-decoration: none;
}

/* ## IDs ## */

#mainbody {
	width: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#head {
	height: 113px;
}

#head .box1 {
	background-color: #ffffff;
	/*background-image: url(../images/head-bg-left_birthday.gif);*/
	/*background-image: url(../images/head-bg-left_ostern.jpg);*/
	/*background-image: url(../images/head-bg-left_xmas2008.gif);*/
	/*background-image: url(../images/head-bg-left1.gif);*/
	/*background-image: url(../images/head-bg-left_spring.jpg);*/
	/*background-image: url(../images/head-bg-left_einheit.jpg);*/
	/*background-image: url(../images/head-bg-left_autumn.jpg);*/
	/*background-image: url(../images/head-bg-left_xmas2009.jpg);*/	
	/*background-image: url(../images/head-bg-left2.gif);*/
	/*background-image: url(../images/head-bg-left_birthday2009.png);*/
	background-image: url(../images/head-bg-left_kfz.png);
	/*background-image: url(../images/head-bg-left2.gif);*/
	/*background-image: url(../images/head-bg-left_wm2010.png);*/
	
	
	background-repeat:no-repeat;
}




#head .box2 {
	background-color: #e0dfdf;
	background-image: url(../images/head-bg-right.gif);
}

#navi-level1 {
	height: 33px;
	vertical-align: bottom;
}

#navi-level1 div {
	width: 125px;
	height: 30px;
	margin-right: 1px;
	text-align: center;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/nav1-active0.gif);
	background-repeat: no-repeat;
	background-color: #abc2d1;
	float: left;
	cursor: pointer;
}

#navi-level1 div:hover, #navi-level1 div.over {
	background-image: url(../images/nav1-active2.gif);
	background-repeat: no-repeat;
	background-color: #5c7f93;
}

#navi-level1 div.active{
	width: 126px;
	color: #fff;
	background-image: url(../images/nav1-active1.gif);
	background-repeat: no-repeat;
	background-color: #193671;
}

.button_freischalten{
	width: 101px;
	height: 40px;
	color: #fff;
	background-image: url(../images/button_projektfreischalten.gif);
	border:0px;
	background-repeat: no-repeat;
	background-color: #193671;
}

.button_weiter{
	width: 112px;
	height: 41px;
	color: #fff;
	background-image: url(../images/btn-next-de.gif);
	border:0px;
	background-repeat: no-repeat;
	background-color: #193671;
}


.button_speichern{
	width: 101px;
	height: 40px;
	color: #fff;
	background-image: url(../images/button_projektspeichern.gif);
	border:0px;
	background-repeat: no-repeat;
	background-color: #193671;
}


#navi-level1 div a {
	line-height: 30px;
	text-decoration: none;
}

#navi-level1 .box2 {
	background-color: #efefef;
}

#navi-level2 td {
	height: 30px;
	vertical-align: middle;
	background-color: #193671;
	padding-left: 10px;
}

#navi-level2 div {
	width: auto;
	padding: 0 10px;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #fff;
	border-right: 1px solid #fff;
}

#navi-level2 div a {
	color: #fff;
	text-decoration: none;
}

#navi-level2 div a:hover {
	color: #ffa480;
	text-decoration: none;
}

#navi-level2 div a.active {
	color: #ff4900;
	text-decoration: none;
}

#content, #teaser {
	padding-top: 8px;
	vertical-align: top;
}
	
#teaser div h5 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0px;
}

#footer div, div.popup-footer {
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #abc2d1;
}

#form th, #form td {
	height: 20px;
	padding: 3px 5px 3px 10px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	background-color: #dfdfdf;
	border-bottom: 1px solid #fff;
}

#form td {
	font-size: 11px;
	vertical-align: top;
	background-color: #efefef;
}

#form td input, #form td textarea {
	width: 350px;
}

#form td.textfeld, #form td.inputfeld {
	border-bottom: none;
}

#form td.spacer {
	height: 1px;
	padding: 0px;
	background-color: #fff;
}

#credits_search td {
	vertical-align: top;
	height: auto;
	line-height: 12px;
	padding-bottom: 8px;
}

#credits_search td label {
	position: relative;
	top: 4px;
}

#certificates {
	width: 695px;
	border:1px solid #bbb;
}
#certificates td {
	font-size: 10px;
	padding: 3px 5px;
	border-bottom: 1px solid #fff;
}
#certificates td.col1 {
	background-color: #dce3e7;
}
#certificates td.col2, #certificates td.col2 input  {
	text-align: center;
	color: #fff;
	background-color: #5c7f93;
}
#certificates td.col3, #certificates td.col3 input  {
	text-align: center;
	background-color: #abc2d1;
}
#certificates td.col4, #certificates td.col4 input  {
	text-align: center;
	background-color: #dce3e7;
}


/* ## Classes ## */

div.row {
	height: 25px;
}

div.row2 {
	height: 40px;
}

div.spacer {
	height: 10px;
}

input.none, input.noborder {
	width: auto;
	border: none;
}

.headline {
	width: 670px;
	height: 20px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background-image:url(../images/headline-bg.gif);
	background-repeat: repeat-y;
}

.border {
	border: 1px solid #bbb;
}

.noborder {
	border: none;
	text-decoration: none;
}

.logo {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

.boxPremium {
	border:1px solid #ff9c9c; 
	background-color:#fff1b9; 
	padding-bottom:10px; 
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px; 
	margin-bottom:1px;
}


.box-title {
	height: 30px;
	padding-left: 10px;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	background-color: #dce3e7;
}

.box-white {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #fff;
}

.box-grey {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #efefef;
}

.box-foot {
	padding: 2px 10px 2px 10px;
	background-color: #dfdfdf;
}

.box-icon {
	position: relative;
	top: -15px;
	left: -17px;
	float: left;
}

.tab-active {
	width: auto;
	height: 22px;
	padding: 0 10px 0 10px;
	margin-bottom: 1px;
	float: left;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	border-left: 1px solid #7a98ab;
	border-right: 1px solid #fff;
	border-bottom: 0px solid #fff;
	background-color: #7a98ab;
	background-image: url(../images/tab-active1.gif);
	background-position: right;
}

.tab-inactive {
	width: auto;
	height: 20px;
	padding: 0 10px 0 10px;
	margin-top: 2px;
	margin-bottom: 1px;
	float: left;
	line-height: 18px;
	border-left: 1px solid #b4c5cf;
	border-right: 1px solid #fff;
	border-bottom: 0px solid #fff;
	background-color: #b4c5cf;
	background-image: url(../images/tab-active0.gif);
	background-position: right;
}

.teaser-title {
	height: 30px;
	padding-left: 10px;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	background-color: #5c7f93;
	background-image: url(../images/teaser-bg.gif);
	background-repeat: no-repeat;
}

.teaser-blue {
	border: 0px solid #bbb;
	background-color: #5c7f93;
}

.teaser-grey {
	border-bottom: 1px solid #bbb;
	background-color: #dce3e7;
}

.teaser-white {
	border: 1px solid #193671;
	background-color: #fff;
}

.teaser-bulb1 {
/*	width: 120px; */
	height: 52px;
	margin: 3px;
	text-align: center;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	background-image: url(../images/teaser-bulb1.png);
	background-position: center;
	background-repeat: no-repeat;
}
	
.btn-small-blank {
	width: 100px;
	height: 21px;
	text-align: center;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
/*	background-color: #fff;*/
	background-image: url(../images/btn-small-blank.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

.btn-small-grey {
	width: 100px;
	height: 21px;
	text-align: center;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
/*	background-color: #fff; */
	background-image: url(../images/btn-small-grey.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

.p10, #form td.p10 {
	padding: 10px;
}
	
.p20 {
	padding: 20px;
}

.m10 {
	margin: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.white {
	color: #fff;
}

.grey, .status0 {
	color: #626262;
}

.orange, .status1 {
	color: #ff4900;
}

.green, .status2 {
	color: #669900;	
}

.century {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

.small, small {
	font-size: 10px;
}

.normal {
	font-size: 12px;
}

.xxl {
	font-size: 32px;
	line-height: 32px;
}

.plain {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}


.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.upper {
	font-size: 9px;
	font-weight: normal;
	position: relative;
	top: -4px;
}

.cell {
	float: left;
	width: auto;
	height: auto;
	padding: 4px;
}

.clear {
	clear: both;
}

.click {
	cursor: pointer;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.login {
	width: 100px;
}

h1 {
	line-height: 26px;
}
