/* @override 
	http://www.der-deutsche-innovationspreis.de/fileadmin/dip/css/dip01.css
	http://dip.e27.eu/fileadmin/dip/css/dip01.css
*/

/* @group reset */


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}



body { 
  background-color: #fff; 
  line-height: 1.6; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* @end */

/* @group layout */

body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
/*line-height:15px;*/
color:#585b5f;
}

#dokument {
width: 975px;
min-height: 550px;
margin: 0 auto;
background: url(images/dokument_bg_mitte.png) repeat-y;

position: relative;
/*border: solid 1px ;*/

}
.clearfix:after {
content: ".";
display: block;
clear:both;
height: 0;
visibility: hidden;
}

#kopfzeile {
height: 190px;
background: url(images/kopfleiste_bg_01.png) no-repeat;

}

#logo {
float: left;
/*padding-left: 41px;*/
position: relative;
z-index: 10;

/*margin-top: 30px;*/
}

#logo a.logo img{
padding-left: 41px;
}

#seitenueberschrift {
width: 710px;
height: 40x; overflow: hidden;
margin: 132px 0 0 36px;
float: left;
background: url(images/titel_bg_46.png) no-repeat;
position: relative;
z-index: 10;
/*border-bottom: solid 1px;*/
}
#seitenueberschrift h1 {
height: 40px;
margin: 10px 0 0 14px;
overflow: hidden;
}

#inhaltlinks {
margin-top: 40px;
margin-left: 0px;
}
#seitenueberschrift h1 span {
display: block;
}
#seitenueberschrift h1 span span {

text-indent: 1000em;
white-space: nowrap;
}
#menu {
width: 190px;
padding-left: 45px;
float: left;
}

#normal {
clear: left;

}

#text {
width: 420px;
float: left;
/*margin-top: -50px;*/
/*border: solid 1px ;*/
}

#rechtespalte {
float:left;
width: 200px;
margin-left: 60px;
margin-top: -35px;
position: relative;
z-index: 10;
/*border: solid 1px grey;*/
}




#fusszeile {
clear: both;
width: 975px;
height: 30px;
margin: 0 auto;
padding-top: 8px;
background: url(images/dokument_bg_unten.png) no-repeat;

/*border: solid 1px grey;*/
}

img.seitenanfang {
float: left;
margin-left: 230px;
}

#copyright {
float: left;
margin-left: 40px;
margin-right: 60px;
}

#funknav {
	margin-left: 360px;

float: left;
}


h1 {
font-size: 14px;
font-weight: bold;
}

ul {
padding-left: 15px;
margin-bottom: 10px;

}

p.bodytext {
margin-bottom: 10px;
}




.beidespalten h2 {
position: relative;

display: block;
/* width: 200px; */
/* height: 20px; */
margin-bottom: 5px;
margin-top: 20px;
/*border: solid 1px red;*/
overflow: hidden;
width: 350px;

}

h2 span {
display: block;
margin-top: 3px;
width: 1px;
font-size: 14px;
line-height: 15px;

overflow: hidden;
}

h2 span span {
color: #red;
display: block;
margin-left: 10px;
width: 1000px;
}

a {
color: #000;
font-weight: bold;
}
em {
font-weight: bold;
}
/* @group menu */
#menu ul {
margin: 0;
padding: 0;
list-style: none;
font-family:"DIN Next W01 Medium", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 14px;
text-transform: uppercase;
}
#menu ul ul {
text-transform: none;
padding-left: 10px;
font-size: 12px;
}
#menu ul li {
margin-bottom: 6px;
}
#menu ul ul li {
margin-top: 2px;
margin-bottom: 2px;
}
#menu ul a {
color: #585B5F;
font-weight: normal;
text-decoration: none;
}
#menu ul a:hover {
color: #FFC436;

-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
}
#menu li.bM_CUR, #menu li.bM_CURIFSUB {
color: #E24424;
}

/* @end */


/* @group mailform */

/* ------------------------------------------>> kontaktformular formatierungen*/
form#mailform div.csc-mailform-field {
	clear: both;
	height: 24px;
	margin-top: 2px;
	width: 350px;
	padding: 5px;
}
form#mailform div.csc-mailform-field label {
	float: left;
	margin-top: 4px;
	text-align: right;
	width: 80px;
	/*color: #797b83;*/
}
form#mailform div.csc-mailform-field input,
form#mailform div.csc-mailform-field textarea {
	border: 1px solid #939598;
	color: #000;
	float: right;
	width: 250px;
	padding: 3px;
	background: #fff;

}
form#mailform div.csc-mailform-field input:focus,
form#mailform div.csc-mailform-field textarea:focus,
form#mailform div.csc-mailform-field input.csc-mailform-submit:hover {
	background: #F1F1F2;
	color:#000;
	cursor: pointer;
	border: 1px solid #39484E;
}
form#mailform div.csc-mailform-field textarea {
	height: auto;
}
form#mailform div.csc-mailform-field input.csc-mailform-submit {
	margin-top: 13px;
	width: auto;
}


#popupMask{
	background-color:rgb(25, 25, 25);
	background-color:rgba(25, 25, 25, 0.5);
	filter: alpha(opacity = 50);
	z-index: 2000
}
#notification_save{
	background-color:rgba(255, 255, 255, 0.9);
}
#notificationTemp{
	background-color:#ffffff;
	padding: 10px;
	width: 392px;
}

#notificationTemp div span img {
	border:1px solid #E3E4E5;
}

#notificationTemp div span img:hover {
	border: 1px solid #d24424;
}

.actionNotificationOk {
float: right;
}

#notificationTemp popupHeader{
	color:#000000;
	font-weight:bold;
}
#notificationTemp popupContent{
	padding: 10px;
}

/* @end */

.asPreview {
/*float: left;*/

margin: 10px 0px 0px 120px;
border: 1px solid #ffffff;
}

.asPreview a{
margin-left: 150px;
}

.asPreview img {
display: block;
margin-left: 190px;
}

.asPreview:hover {
/*border: 1px solid #d24424;*/
}



/*.previous {
margin-top: 20px;
}*/

a .print_img {
border: 1px solid #ffffff;
}

a .print_img:hover {
border: 1px solid #d24424;
}