/*   **********************************************  */
/*   *** CSS Document                           ***  */
/*   *** [medienschmiede] komparsren-gesucht.de ***  */
/*   *** R 2.0  | copyright 2009                ***  */
/*   **********************************************  */



* {
padding:0;
margin:0;
border:0;
list-style-type:none;}


/* ////////////////////////////////////////////// BODY /////////////////////////// */

body {
background: #ffffff url(bg_body.gif) repeat-x;
font-family: arial, Georgia, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
height:100%;
margin-bottom:1px;
margin:0;
padding:0;
}

a.webvis {
	padding-right: 13px;
background-color: transparent;
background-image: url(outlink.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right center;
color: #47bab9;
}

a.webivs:visited {
	color: #47bab9;
}


/* //////////////////////////////////////////// WRAP ///////////////////////////// */

#wrap {
margin: 0 auto;
width: 920px;
background: transparent;
}


/* //////////////////////////////////////////// HEADER ///////////////////////////// */

#header {
height: 42px;
background: url(layout_coma_01.png) no-repeat;
}

#header-inner {
margin: 0px 0px 0px 670px;
padding:15px 0px 0px 0px;
}

#header-inner ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size:11px;
text-transform: uppercase;
font-weight: normal;
}

#header-inner ul li
{
display: inline;
list-style-type: none;
margin-left:10px;
}

#header-inner ul li a { padding: 2px 10px; }

#header-inner ul li a:link
{
color: #333333;
background-color: #ffffff;
text-decoration: none;
}

#header-inner ul li a:visited {
	color: #333333;
	background-color: #ffffff;
	text-decoration: none;
	}

#header-inner ul li a:hover {
color: #666666;
text-decoration: none;
}


/* //////////////////////////////////////////// HEADER2 ///////////////////////////// */


#header2 {
height: 40px;
background: url(layout_coma_02.png) no-repeat;
}

#header2-inner {
padding: 9px 0px 0px 50px;
}

#header2-inner ul
{
margin: 0;
padding: 0;
white-space: nowrap;
font-size:13px;
font-weight: bold;
text-transform: uppercase;
}

#header2-inner ul li
{
display: inline;
list-style-type: none;
margin: 0px 20px 0px 0px;
}

#header2-inner ul li a { 
padding: 6px 10px 6px 10px;
 }

#header2-inner ul li a:link
{
color: #333333;
text-decoration: none;
}

#header2-inner ul li a:visited {
	color: #333333;
	text-decoration: none;
	}

#header2-inner ul li a:hover {
color: #666666;
text-decoration: none;
background: #ffffff;
}

#header2-inner ul li a .current {
background: #ffffff;
}


/* //////////////////////////////////////////// HEADER3 ///////////////////////////// */


#header3 {
height: 235px;
background: url(layout_coma_03.png) no-repeat;
}

#header3 h1 {
padding:125px 0px 0px 330px;
color: #47bab9;
font-size:22px;
line-height:24px;
}



/* //////////////////////////////////////////// CONTENT ///////////////////////////// */

#content {
/* min-height:350px; */
padding: 10px 0px 0px 45px;
background: transparent;
}


/* //////////////////////////////////////////// LEFT ///////////////////////////// */

#left {
float: left;
width: 520px;
background: #ffffff; 
color: #333333;
line-height:20px;

}

#left h2 {
margin: 0 0 0 0;
color: #333333;
font-size: 13px;
line-height:18px;
}

#left h1 {  
color: #47bab9;
font-family: arial;
font-size:16px;
font-weight: bold;
padding: 2px 0px 10px 0px;
}

#left-inner .section ul {
	margin: 10px 0px 10px 0px;
	border:1px dotted #47bab9;
	padding:10px 10px 10px 15px;
	line-height:17px;
}

#left-inner .section ul li {
	list-style-type: square;
	margin: 0px 0px 6px 10px;
}

#left-inner a.weiter {
height:20px;
border: 1px solid #47bab9;
color: #47bab9;
padding:5px 25px 5px 10px;
text-decoration: none;
font-weight:bold;
margin-bottom:10px;
background: url(bg_weiter.gif) no-repeat;
background-position: top right;
}

#left-inner a.weiter:visited {
color: #47bab9;
text-decoration: none;
}


/* ///////////////////////////////////////////// RIGHT ///////////////////////////// */

#content #right {
float: left;
width: 272px;
height: 149px;
background: url(bg_infobox.png);
border: 1px solid #b1e2e1;
position:relative;
margin-left:42px;
}


#right-inner {
margin:10px 0px 30px 10px;
background: transparent;
}

#right-inner p {
line-height:18px;
}

#right-inner h1 {
margin:15px 0px 4px 0px;
color: #bc1220;
font-size:15px;
font-weight: bold;
}


#right-inner h2 {
clear:both;
color: #333333; 
font-size:13px; 
font-weight: bold;
margin: 0px 0px 5px 0px;
}

#right-inner h5 {
margin:0; 
font-size:11px; 
color: #333333; 
margin-bottom:5px; 
font-weight:normal;
}


#right-inner a {
color: #5584d4; 
font-weight: normal;
text-decoration:none;
border-bottom:1px dotted #cccccc;
padding-bottom:1px;
}

#breadcrumb {
margin:5px;
padding:2px 0px 2px 2px;

}

#right .breadcrumb {
font-size:10px;
padding-left:15px;
 }

#right .breadcrumb a {
color: #5584d4;
text-decoration: none;
padding-bottom:1px;
border-bottom: 1px dotted #5584d4;
}


#right .section {
clear:both;
}

#right .galeriebild {
padding:5px;
border: 1px dotted blue;
}


/* //////////////////////////////////////////// FOOTER ///////////////////////////// */

#footer {
clear: both;
text-align: left;
font-size: 11px;
color: #fff;
background: #ffffff url(layout_coma_05.jpg) no-repeat;  
height:89px;

}

/* ///////////////////////////////////////////////// FORMULAR DEFINTIONEN ///////////////////////// */



/* Div das das Formular umschlie�tt */

.formgen {
	
font-size: 11px;
font-family: arial, georgia, tahoma,verdana;
}





label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}


.formgen form

{
font-family: arial, Helvetica, sans-serif;
line-height : 120%;
width: 370px;
}

/* 

Wie sehen die einzelnen Bl�cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
font-family: arial, "georgia", Helvetica, sans-serif;
margin-bottom: 12px;
margin-top:3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
}

/*
Verhalten von br-Tags
*/

.formgen br
{
clear : both;
}

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield
{
	width: 265px;
	height: 140px;
	margin-left: 4px;
	padding:2px 0px 1px 3px;
	overflow: auto;
	border: 1px solid #cccccc;
	font-family: arial, "georgia", Helvetica, sans-serif;
	font-size: 12px;
	}

/* Textfeld */
.formgen .formtext
{	border: 1px solid #cccccc;
	height: 20px;
    width: 275px;
	margin-left: 4px;
	padding:2px 0px 0px 2px;
	margin: 10px 0px 0px 0px;
	font-family: arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Trennelement , Abstand */

.formgen .formtrenn

{
	display: block;
	height: 30px;	
}

/* Hinweistext */

.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}

/* �berschrift */

.formgen .formheadline

{
font-family: arial, "georgia", Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
}

/* Passwortfeld */

.formgen .formpassword

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/*Captcha-Bild*/

.formgen .formcaptcha {
	float:left;
	border: 1px solid #cccccc;
	margin: 10px 10px 0px 0px;
}

.captchatext {margin-top:10px; font-size:11px;}

/* Label */

.formgen label {
font-family: arial, "georgia", Helvetica, sans-serif;
width: 95px;
clear: left;
float: left;
height: 20px;
padding: 3px 0px 0px 0px;
margin: 11px 0px 0px 0px;
}

.formgen legend {
color: #333333;
padding:0px;
margin:0px;
background:#ffffff;
border:1px dotted #cccccc;
font-weight: bold;
font-size:11px;
margin:0px 0px 5px 0px;
line-height:20px;
padding:0px 4px 0px 4px;
}


/* Aussehen der Select-Ausgabe */

.formgen .formselect

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{margin-left:265px;
	width: 30%;
	border: 0px dotted #333333;
	color: #bc1220;
	background: #cccccc;
	font-family: arial, "georgia", Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* Definition des Fieldsets, das das ganze Formular umschlie�t */
.formgen fieldset {
width: 390px;
margin:0px 0px 15px 0px;
padding:15px 5px 10px 10px;
border: 1px dotted #cccccc;
font-family: arial, "georgia", Helvetica, sans-serif;
background: #f9f9fa; /* url(bg_formular.gif); */
font-size:12px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */
.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dotted #000000;
	margin: 5px;
	padding: 5px;
}

/* Markierung der Labels bei Fehler */

.formgen .formerror {
color: #FFFFFF;
background-color: #bc1220;
}



/*  ////////////////////////////////////////// 2SPALTER MIT TINYMCE ////////////////////////// */

.zweispalter {
margin:5px; 
width:266px; 
height:134px; 
text-align:center;
line-height:16px;
padding-top:5px;
clear: both;
}

.zweispalter a {
font-size:12px;
color: #666666;
text-decoration: none;
font-weight: bold;
}

.zweispalter a:visited {
font-size:12px;
color: #666666;
text-decoration: none;
font-weight: normal;
}

.zweispalter a:hover {
color: #848383;
}

.zweispalter .zweispalter_links {
float:left; 
width:115px;
margin-right:25px; 
}

.zweispalter .zweispalter_rechts {
float:left; 
width:115px; 
}

.zweispalter .clboth {
clear:both;
text-align:left;
}


/* ////////////////////////////////////////// 3SPALTER TINYMCE /////////////////////////////// */

.dreispalter {
width:835px;
clear:both;
}

.dreispalter p {
	padding-top:10px;
}

.dreispalter a img {
margin:0px 0px 2px 0px;
padding: 0px;
background: #ffffff;
border-top:1px dotted #47bab9;
border-left:1px dotted #47bab9;
border-right:1px dotted #47bab9;
text-decoration: none;
}


.dreispalter a {
	background: #ffffff;
}

.dreispalter p a {
color: #ffffff;
text-decoration:none;
background: #47bab9;
padding: 2px 2px 2px 3px;
}

.dreispalter a:visited {
color: #ffffff;
text-decoration:none;
background: #47bab9;
}

.dreispalter a:hover {
color: #cccccc;
text-decoration:none;
background: #47bab9;
}


.dreispalter .column_links {
float:left;
border: 1px solid #b1e2e1;
height: 300px;
width: 31%;
margin-right:8px;
padding: 10px 6px 5px 6px;
background: url(bg_infobox.png) no-repeat;
}

.dreispalter .column_mitte {
float:left;
border: 1px solid #b1e2e1;
height: 300px;
width: 31%;
margin-right:8px;
padding: 10px 6px 5px 6px;
background: url(bg_infobox.png) no-repeat;
}

.dreispalter .column_rechts {
float:left;
border: 1px solid #b1e2e1;
height: 300px;
width: 31%;
padding: 10px 6px 5px 6px;
background: url(bg_infobox.png) no-repeat;
}

.dreispalter .clearfix {
clear: both;
display:block;
}


.dreispalter h1{
padding:0 0 10px 0px;
margin:0;
font-size:16px;
font-weight: bold;
background: transparent;
color: #47bab9;
}


.dreispalter h2 {
padding:0;
margin:0;
font-size:11px;
padding:2px 0px 12px 21px;
}

/* ////////////////////////////////////////// MEDIUM MIT ICON //////////////////////////////////// */


/* Extension PDF */
#left a.pdf {
text-decoration: none;
border:0;
font-size:11px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 23px;
background:  url(mime-pdf.gif) no-repeat left center;
}


/* /////////////////////////////////////////// NEWSLETTER /////////////////////////////////////// */

#right .newsletter ul {
list-style-type:none;
}



/* ///////////////////////////////////////////// NEWSTEASER ////////////////////////////////// */

#right .news {padding:2px 0px 8px 0px; border-top:1px dotted #bc1220; width:450px; border-bottom:1px dotted #bc1220; margin-top: 20px; clear:both;}

#right .newsbild {float:left; margin-right:10px; margin-bottom:30px;}

#right .news h1 {margin:0px; font-size:13px; color: #333333; margin-bottom:5px; }
#right .news h5 {margin:0; font-size:11px; color: #333333; margin-bottom:5px; font-weight:normal;}
#right .news a {color: #bc1220; text-decoration: none; padding:3px 0px 1px 0px; border-bottom:1px dotted #bc1220;font-size:11px; }




/* /////////////////////////////////////////// Accordion Definitionen ///////////////////////// */

#left-inner a:active, a:focus {outline: none}

#left-inner h1.toggler {
	font-size:13px;
	line-height: 30px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #eaeaea;
	background: #f3f4f4 url(bg_closed.gif) no-repeat;
	color: #333333;
	margin-top:15px;
	padding: 0px 0px 0px 25px;
}

#left-inner h1.toggler a {
	text-decoration: none;
	
	
}

#left-inner .hell_acc_content {
	margin-top: 10px;
	padding:0px 20px 10px 20px;

}



/*  ////////////////////////////////////////// 2SPALTER MIT TINYMCE F�R IMPRESSUM    ////////////////////////// */

.zweispalter_impressum {
margin:5px 5px 5px 0px; 
width:520px; 
padding-top:5px;
}

.zweispalter_impressum a {
font-size:12px;
color: #666666;
text-decoration: none;
font-weight: bold;

}

.zweispalter_impressum a:visited {
font-size:12px;
color: #666666;
text-decoration: none;
font-weight: normal;
}

.zweispalter_impressum a:hover {
color: #848383;
}

.zweispalter_impressum .zweispalter_impressum_links {
float:left; 
width:240px;
margin-right:35px; 

}

.zweispalter_impressum .zweispalter_impressum_rechts {
float:left; 
width:240px; 

}

.zweispalter_impressum .clboth_impressum {
clear:both;
text-align:left;
}


/* //////////////////////////////////////////// ACHTUNG BOX /////////////////////////////// */


#achtung {
	border:1px solid #47bab9;
	padding:10px 50px 10px 10px;
	margin: 10px 0px 10px 0px;
	background: url(bg_achtung.gif) no-repeat;
	background-position: top right;
}


/* //////////////////////////////////////////// SOCIAL BOOKMARKS /////////////////////////////// */

#bookmarks {
width:200px;
padding: 20px 0px 0px 45px;
float: left;
}

#logocoma {
float:right;
text-align:right;
width:86px;
padding: 20px 45px 0px 0px
}

/* //////////////////////////////////////////// SITEMAP DEFINITIONEN /////////////////////////////// */

.sitemap {

width:500px;
padding:20px 20px 20px 0px;
}

.sitemap ul.navLevel1space li.navLevel1 a {
display:block;
line-height:25px;
color: #333333;
text-decoration:none;
font-weight:bold;
border: 1px dotted #cccccc;
padding: 5px;
margin-top:10px;
}

.sitemap ul.navLevel1space li.navLevel1 a:hover {
background: #f9fbfb;
}

.sitemap ul.navLevel1space li.navLevel1Open a {
margin: 0px 0px 0px 20px;
text-decoration:none;
color: #333333;
line-height:30px;
}

/* //////////////////////////////////////////////////// HOTLINE ///////////////////////////////////////////////// */
#left-inner .hotline {
font-size: 24px;
height: 80px;
background: #ffffff url(bg_hotline.jpg) no-repeat;
padding: 18px 0px 0px 62px;
}