/*--------------------------------------------------------------
	TEMA Medien CSS v.1 © Frederic K. Herring 2008
--------------------------------------------------------------*/


body {
	background-color: #e5e5e5;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg_shader.gif);
	background-repeat: repeat;

}


.container {
	width: 1044px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
}

.innencontainer {
	width: 1044px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
}


img {
	border: 0px solid;
}

/*-------------------------------------------------
eingabefelder
-------------------------------------------------*/


.dropdown {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 19px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #999999;
}

.dropdown:visited {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 19px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #999999;
}

.dropdown:hover {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 19px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #ee8c00;
}




.inputfield, .inputfield:visited {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 16px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #999999;
	background-image: url(../img/input-schatten.gif);
	background-repeat: no-repeat;
}


.inputfield:hover {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 16px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #ee8c00;
	background-image: url(../img/input-schatten.gif);
	background-repeat: no-repeat;
}


.inputbox, .inputbox:visited {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 80px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #999999;
	background-image: url(../img/input-schatten.gif);
	background-repeat: no-repeat;
}


.inputbox:hover {
	width: 300px;
	font-family: "lucida grande", verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 80px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 3px;
	border: 1px solid #ee8c00;
	background-image: url(../img/input-schatten.gif);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------
	Imagegalerie rechte seite
--------------------------------------------------------------*/


.image-right-padding {
	float: left;
	padding-right: 6px;
	padding-bottom: 6px;
}


.image-right {
	width: 90px;
	height: 63px;
	padding: 3px;
	background-color: #f4f4f4;
}

.image-close  {
	padding-top: 20px;
}

.image-close a, .image-close a:visited {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
}

.image-close a:hover {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #f37736;
	text-decoration: none;
}







/*--------------------------------------------------------------
	nopic
--------------------------------------------------------------*/


.nopic {
	width: 1040px;
	height: 198px;
	float: left;
	background-color: #ffffff;
	border-right: 2px solid #C4C5C7;
	border-bottom: 2px solid #C4C5C7;
}



/*--------------------------------------------------------------
	mainnav
--------------------------------------------------------------*/


.mainnav {
	width: 977px;
	float: right;
	margin-top: 140px;
	padding-left: 22px;
}

.mainnav a {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #f4f4f4;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.mainnav a:visited {
	color: #f4f4f4;
}

.mainnav a:hover {
	color: #ff7011;
	padding: 10px;

}

a.mainnav-select, a.mainnav-select:visited, a.mainnav-select:hover {
	color: #ff7011;
	padding: 10px;

}



.subnavklammer {
	width: 1040px;
	float: right;
	padding-right: 2px;
	height: 52px;
}

.subnav {
	width: 979px;
	float: right;
	padding-left: 22px;
	background-image: url(../img/shader-mainheader-orange.gif);
}

.subnav a {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #e6e6e6;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}


.subnav a:visited {
	color: #e6e6e6;
}

.subnav a:hover {
	color: #ffffff;
}

a.subnav-select, a.subnav-select:visited, a.subnav-select:hover {
	color: #ffffff;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}






/*--------------------------------------------------------------
	content
--------------------------------------------------------------*/




.content {
	width: 663px;
	float: left;
}


.rightside {
	width: 357px;
	float: right;
}




/*--------------------------------------------------------------
	mitte
--------------------------------------------------------------*/



.box-mitte {
	width: 620px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	background-image: url(../img/shader-boxmitte.gif);
	background-repeat: repeat-x;
	margin-bottom: 23px;
	border-right: 2px solid #C4C5C7;
	border-bottom: 2px solid #C4C5C7;
}

.box-mitte-header-orange {
	width: 588px;
	float: right;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/shader-mainheader-orange.gif);
	padding-top: 14px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	padding-left: 32px;
}

.box-mitte-header-blue {
	width: 588px;
	float: right;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/shader-mainheader-blue.gif);
	padding-top: 14px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	padding-left: 32px;
}

.box-mitte-header-grey {
	width: 588px;
	float: right;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/shader-mainheader-grey.gif);
	padding-top: 14px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	padding-left: 32px;
}

.box-mitte-header-green {
	width: 588px;
	float: right;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/shader-mainheader-green.gif);
	padding-top: 14px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	padding-left: 32px;
}

.box-mitte-padding {
	float: left;
	width: 568px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 32px;
}

.box-mitte-headline {
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #0b0b0b;
	text-decoration: none;
	padding-bottom: 5px;
}

.box-mitte-datum {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #666666;
}

.box-mitte-copy {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
	padding-top: 15px;
	padding-bottom: 11px;
	float: left;
	clear: left;
}

.box-mitte-copy a, .box-mitte-copy a:visited {
	color: #999999;
	text-decoration: underline;
}

.box-mitte-copy a:hover {
	color: #f37736;
	text-decoration: none;
}


.box-mitte-linie {
	float: left;
	width: 568px;
	text-align: left;
}

.box-mitte-mehr {
	float: left;
	width: 568px;
	padding-top: 10px;
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
}

.box-mitte-mehr a, .box-mitte-mehr a:visited {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #333333;
	text-decoration: none;
}

.box-mitte-mehr a:hover {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #f37736;
	text-decoration: none;
}





/*--------------------------------------------------------------
	rightside
--------------------------------------------------------------*/


.rightbox-black {
	width: 353px;
	float: left;
	clear: left;
	background-color: #3a3d46;
	padding-bottom: 10px;
	margin-bottom: 23px;
	border-right: 2px solid #C4C5C7;
	border-bottom: 2px solid #C4C5C7;
}

.rightbox-white {
	width: 353px;
	float: left;
	clear: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-bottom: 23px;
	border-right: 2px solid #C4C5C7;
	border-bottom: 2px solid #C4C5C7;
}

.rightbox-header-black {
	width: 330px;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	clear: left;
}

.rightbox-header-white {
	width: 330px;
	font-family: "lucida grande", arial;
	font-size: 16px;
	line-height: normal;
	color: #0b0b0b;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	clear: left;
}


.rightbox-padding {
	float: left;
	width: 310px;
	padding-top: 13px;
	padding-right: 20px;
	padding-left: 20px;
}


.rightbox-headline {
	font-family: "lucida grande", arial;
	font-size: 14px;
	line-height: normal;
	color: #78b4d1;
	text-decoration: none;
	padding-bottom: 5px;
	padding-top: 2px;
}

.rightbox-datum-black {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
}

.rightbox-datum-white {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #666666;
}

.rightbox-copy-black {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: 17px;
	color: #d7d7d7;
	padding-top: 15px;
	float: left;
	clear: left;

}

.rightbox-copy-white {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
	padding-top: 15px;
	float: left;
	clear: left;
}


.rightbox-copy-black a, .box-mitte-copy-black a:visited {
	color: #d7d7d7;
	text-decoration: underline;
}

.rightbox-copy-black a:hover {
	color: #f37736;
	text-decoration: none;
}


.rightbox-copy-white a, .box-mitte-copy-white a:visited {
	color: #999999;
	text-decoration: underline;
}

.rightbox-copy-white a:hover {
	color: #f37736;
	text-decoration: none;
}


.rightbox-linie {
	float: left;
	clear: left;
	width: 308px;
	padding-bottom:8px;
	text-align: left;
}




.rightbox-mehr-black {
	float: left;
	clear:left;
	width: 302px;
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}

.rightbox-mehr-black a {
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}

.rightbox-mehr-black a:visited {
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}


.rightbox-mehr-black a:hover {
	text-align: left;
	color: #f37736;
	text-decoration: none;
}




.rightbox-mehr-white {
	float: left;
	clear:left;
	width: 302px;
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
}

.rightbox-mehr-white a {
	text-align: left;
	color: #333333;
	text-decoration: none;
}

.rightbox-mehr-white a:visited {
	text-align: left;
	color: #333333;
	text-decoration: none;
}


.rightbox-mehr-white a:hover {
	text-align: left;
	color: #f37736;
	text-decoration: none;
}







/*--------------------------------------------------------------
	footer
--------------------------------------------------------------*/


.footer {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width: 970px;
	float: right;
	padding-left: 32px;
	background-color: #b9babc;
	margin-bottom: 30px;
	border-right: 2px solid #C4C5C7;
	border-bottom: 2px solid #C4C5C7;
}

.footercopyright {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 10px;
	float: left;
}


.footer a {
	font-family: "lucida grande", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	float: left;
}


.footer a:visited {
	color: #FFFFFF;
}

.footer a:hover {
	color: #f37736;
}

a.footer-select, a.footer-select:visited, a.footer-select:hover {
	color: #f37736;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}