/*#####################################
## CSS für ideea live                ##
## (c) 2009 DG Medien GmbH           ##
#####################################*/


/*### CSS-RESET ###*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}


/*### BASIC ELEMENTS ###*/
body{
	text-align:center;
	font: normal 0.9em/1.2em arial, sans-serif;
	color: #444751;
}

h1 {
	font: normal 1.8em/1.6em arial, sans-serif;
	color:#ff0000;
	letter-spacing:1px;
}

h2 {
	font: normal 1.3em/1.2em arial, sans-serif;
	color:#444751;
}

h3 {
	font: normal 1.4em/1.2em arial, sans-serif;
	color:#444751;
}

h4 {
	font: normal 1.4em/1.2em arial, sans-serif;
	color:#444751;
}

h5 {
	font: normal 1.3em/1.2em arial, sans-serif;
	color:#444751;
}

p{
	font: normal 1em/1.4em arial,sans-serif;
	margin-bottom:15px;
}

strong {
	font-weight:bold;
	display:block;
	color:#444751;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:-10px;
	border-bottom:1px solid #ebebeb;
	width:650px;
}

ul a {
	text-decoration:none;
	color:#444751;
}

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

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

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

sub, sup {
	line-height: 0px;
	font-size: 70%;
	font-family: arial, sans-serif;
}

#center{
	margin:0 auto;
	text-align:left;
	width:960px;
}

.supercontainer {
	float:left;
	width:960px;
}


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

.header_container{
	width:960px;
	border:0px solid red;
	text-align:right;
	height:130px;
	border-bottom:1px solid #b1b2b9;
	float:left;
	background-repeat: no-repeat;
	background-position:0px 30px;	
	color:#999;
	font-size:0.9em;
}

.header_container img{
	border:0;
	float:left;
	margin-top:30px;
}

.header_container a img{
	border:0;
	text-decoration:none;
}

ul#metanavigation {
	margin-top:30px;
	list-style-type:none;
	padding-right:0;
	float:right;
}

ul#metanavigation li{
	float:right;
	padding-left:30px;
}

ul#metanavigation li a{
	color:#777;
}

ul#metanavigation li a:hover{
	color:#444751;
}

ul#metanavigation li .red{
	color:#ff0000;
}

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

.navigation_container{
	width:960px;
	float:left;
	font-size:1.2em;
	color:#000;
	border-bottom:1px solid #b1b2b9;
	padding-bottom:20px;
	background-color:white;
}

ul#navigation {
	float:left;
	margin-top:20px;
	list-style-type:none;
	padding-left:0;
	letter-spacing:1px;
}

ul#navigation li{
	float:left;
	padding-right:30px;
}

ul#navigation li a{
	color:#444751;
}

ul#navigation li a:hover{
	color:#999;
}

ul#navigation li .red{
	color:#ff0000;
}

ul#subnavigation {
	clear:left;
	float:left;
	width:100%;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	color:#777;
	margin-top:15px;
	font-size:0.8em;
}

ul#subnavigation li{
	float:left;
	padding-right:30px;
}

ul#subnavigation li a{
	color:#777;
}

ul#subnavigation li a:hover{
	color:#444751;
}

ul#subnavigation li .red{
	color:#ff0000;
}

/*### MAIN AREA (MIDDLE)###*/

.breadcrumb {
	float:left;
	width:100%;
	color:#777;
	font-size:0.9em;
	margin:35px 0px 5px 0px;
}

.breadcrumb em{
	color:#ff0000;
}

.breadcrumb a{
	color:#777;
	text-decoration:none;
}

.breadcrumb a:hover{
	color:#444751;
}


#breadcrumb {
	font-size:0.9em;
	margin:35px 0px 10px 0px;

}

#breadcrumb .active {
	color:#ff0000;
}

#breadcrumb .passive {
	color:#777;
	text-decoration:none;
}

DIV.mod_breadcrumb{
	font-size:1em;
	color:#777;
}

#breadcrumb a:hover {
	color:#444751;
}


.middle_left{
	clear:left;
	float:left;
	width:68%;
	margin-bottom:40px;
}

.middle_left p a{
	text-decoration:underline;
	color:#444751;
}

.middle_left p a:hover{
	text-decoration:underline;
	color:#000;
}

.middle_left a.news{
	float:right;
	text-align:right;
	color:#999;
	width:100%;
	text-decoration:none;
}

.middle_left a:hover.news{
	float:right;
	color:#444751;
}

.middle_left p {
	float:left;
	width:650px;
}

.news{
 border-top:1px solid #B1B2B9;
}
.image_container{
 margin:auto;
}

.image_container img{
 float:right;
}
.image_container img:after{
 content:".";
 font-size:0px;
 visibility:hidden;
 clear:both;
}

.middle_left div.news p {
	float:none;
	width:500px;
}

.middle_left .partner ul{
	clear:both;
}

.imagetext p{
	width:400px;
	float:left;
}

.imagetext img{
	border:1px solid #b1b2b9;
	padding:2px;
	margin-top:2px;
	float:left;
}

.mediadaten {
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

.mediadaten p{
	width:400px;
	float:left;
}

.mediadaten img{
	border:1px solid #b1b2b9;
	padding:2px;
	margin-top:2px;
	float:left;
	margin-right:25px;
}

.mediadaten h2{
	float:left;
	width:400px;
	margin-bottom:10px;
}

.middle_left h1{
	margin-bottom:10px;
}

.middle_left h3{
	float:right;
	width:100%;
	margin:25px 0px 15px 0px;
	padding-top:35px;
	border-top:1px solid #b1b2b9;
}

.middle_left .line{
	float:right;
	width:100%;
	margin:25px 0px 0px 0px;
	padding-top:35px;
	border-top:1px solid #b1b2b9;
}

.middle_left h4{
	margin:10px 0px 15px 0px;
}

.middle_left h5{
	margin:20px 0px 20px 0px;
	padding-top:20px;
	border-top:1px solid #b1b2b9;
}

/* IE BUGFIX BULLETIN POINTS */
.middle_left li {
	width:100%;
}

.middle_left ul{
	margin-left:25px;
}

.middle_left ul li{
	padding-left:5px;
	list-style-type:disc;
	font: normal 1em/1.8em Arial,sans-serif;	
}

.middle_right{
	float:right;
	width:25%;
	margin-bottom:50px;
	border:1px solid #b1b2b9;
	color:#444751;
	background-color:#e1e1e1;
}

.middle_right h2{
	margin:15px 20px -5px 20px;
}

.middle_right p{
	margin:15px 20px 15px 20px;
	font-size:0.9em;
}

.middle_right p strong{
	font-weight:bold;
	color:#444751;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:-10px;
	border-bottom:0px solid #ccc;
	width:100%;
}

ul#gallery {
	float:left;
	margin-top:10px;
	list-style-type:none;
	margin-right:0;
	padding-right:0;
	margin-left:0;
	padding-left:0;
}

ul#gallery li{
	float:left;
	padding-right:18px;
	font-size:0.9em;
	list-style-type:none;
}

ul#gallery li img{
	float:left;
	margin-bottom:10px;
}

ul#gallery li a{
	float:left;
	color:#444751;
}

ul#gallery li a:hover{
	float:left;
	color:#000;
}

ul#gallery li a img{
	border:1px solid #b1b2b9;
	padding:2px;
	float:left;
}

ul#gallery li a:hover img{
	border:1px solid #444751;
	padding:2px;
	float:left;
}

ul#gallery em {
	clear:left;
	float:left;
	
}

/*### NAVIGATION RIGHT ###*/
.middle_right_navi{
	float:right;
	width:25%;
	margin-bottom:50px;
}

.middle_right_navi a:hover{
 color:#f00;
}

.middle_right_navi h3{
	margin-left:10px;
	color:#ff0000;
	padding-top:11px;
	padding-bottom:17px;
	margin-left:40px;
}

.middle_right_navi ul{
	margin-left:10px;
	margin-left:40px;
}


.middle_right_navi li{
	padding-bottom:15px;
}

.middle_right_navi .red{
	color:#ff0000;
}

.middle_right_navi a.red{
	text-decoration:none;
}


/*### CONTACT FORM ###*/
.contact {
	float:left;
	width:650px;
}

.contact label{
	clear:left;
	float:left;
	border:0px solid #fff;
	margin:5px 0px 5px 0px;
	padding:1px;
}

.contact p{
	clear:left;
	float:left;
	width:650px;
}

.contact h1 {
	width:100%;
	float:left;
}

.contact h4 {
	float:left;
	clear:both;
	font: normal 1.4em/1.2em arial, sans-serif;
	color:#000;
	width:100%;
	margin-top:40px;
	margin-bottom:10px;
	padding-top:30px;
	border-top:1px solid #b1b2b9;
}

.contact h6 {
	float:left;
	clear:both;
	margin-top:20px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #b1b2b9;
	width:100%;
}

.contact strong{font-weight:bold;margin-top:10px;}

.checkbox_container {
	width:650px;
}

.datenschutz {
	float:left;
	width:100%;
	margin-bottom:20px;
}

.rueckruf {
	float:left;
	width:650px;
}

.contact textarea {
	clear:left;
	float:left;
	margin-right:150px;
	border:1px solid #ccc;
	width:550px;
	height:60px;
	background-color:#efefef;
}

.contact input {
	float:right;
}

.contact select {
	float:right;
	margin-right:255px;
	width:150px;
	margin-top:5px;
	background-color:#efefef;
}

.contact input[type=radio]{
	clear:both;
	float:right;
	display:block;
	margin:6px 0px 5px 0px;
	margin-right:550px;
}

.contact input[type=checkbox]{
	margin:6px 0px 5px 0px;	
	display:block;
	margin-right:610px;
}

.contact input[type=text]{
	margin:5px 0px 5px 0px;
	border:1px solid #ccc;
	margin-right:100px;
	width:300px;
	padding:1px;
	background-color:#efefef;
}

.contact input[type=text].contacttime {
	clear:both;
	float:left;
	margin:5px 0px 20px 0px;
	border:1px solid #ccc;
	width:100px;
	padding:1px;
	background-color:#efefef;
}

.contact .submit {
	clear:both;
	float:left;
	margin-top:30px;
	width:200px;
	color:#000;
	background-color:#efefef;
	border:1px solid #999;
	padding:3px;
}

.captcha{
	float:left;
	margin-top:3px;
	margin-right:10px;
}

.captcha_container{
	width:100%;
	float:left;
	margin-top:3px;
	border-bottom:1px solid #b1b2b9;
	margin-bottom:0px;
	padding-bottom:30px;
}

.captcha_container input[type=text]{
	float:right;
	margin-top:3px;
	background-color:#efefef;
}

.error {
	color:#ff0000;
}

/*### FOOTER ELEMENTS ###*/
.footer {
	border-top:1px solid #b1b2b9;
	float:left;
	width:960px;
	text-align:right;
	font-size:0.9em;
	color:#777;
}

.footer p{
	margin:10px 0px 15px 0px;
}
