@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(colorbox.css);
/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);


#logo_sm {position:absolute; z-index:100; top:35px; left:10px;}

#nav .hlist {
  background:#fff url(../images/trenner.png) repeat-x right bottom;
  border:0px solid #fff;
  float:right;
}

.hlist ul li, .hlist ul {
border:0;
}
.hlist ul {
  float:right;
  }

.hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active {
background:transparent;
color:#333;
text-decoration:none;
}

.hlist ul li a, .hlist ul li strong {
color:#666;
padding:0.5em 0.8em;
font-weight:normal;
}
.hlist ul li strong {
color:#333;
padding:0.5em 0.8em;
font-weight:bold;
background:transparent url(../images/active_hnav.jpg) top center no-repeat;
}

h2.page {
  color:#e2001a;
  font-size:14px;
  font-weight:bold;
  padding: 0 0 3px 0; 
}
h2.clipping24 {
  color:#68cf00;
  font-size:14px;
  font-weight:bold;
  padding: 0 0 3px 0;  
}
h2.active {
  color:#2f53a7;
  font-size:14px;
  font-weight:bold;
  padding: 0 0 3px 0; 
}
strong.page, p.page {
  color:#e2001a;
}
strong.clipping24, p.clipping24 {
  color:#68cf00;
}
strong.active, p.active {
  color:#2f53a7;
}
.page .logo {
  float:left;
  padding: 0 15px 0 0;
  height: 150px;
}
.clipping24 .logo {
  float:left;
  padding: 0 15px 0 0;
  height: 150px;
}
.active .logo {
  float:left;
  padding: 0 15px 0 0;
  height: 150px;
}
.page .teaser {
  padding: 0 15px 0 0;   
}
.clipping24 .teaser {
  padding: 0 15px 0 0;
}
.active .teaser {
  padding: 0 15px 0 0; 
}
.page a.mehr {
  color:#e2001a;
  padding:0 0 0 10px;
  background: url(../images/page-bullit.gif) no-repeat left;  
}
.page a.mehr:hover {
  color:#aa0000;
}
.clipping24 a.mehr {
  color:#68cf00;
  padding:0 0 0 10px;
  background: url(../images/clipping24-bullit.gif) no-repeat left;  
}
.clipping24 a.mehr:hover {
  color:#53a300;
}
.active a.mehr {
  color:#2f53a7;
  padding:0 0 0 10px;
  background: url(../images/active-bullit.gif) no-repeat left;  
}
.active a.mehr:hover {
  color:#002f7b;
}

#clipping24 a.download {
  color:#68cf00;
  padding:0 0 0 10px;
  background: url(../images/clipping24-bullit.gif) no-repeat left;  
}
#clipping24 a.download:hover {
  color:#348c00;  
}


a.sitemapPage {
  padding:0 0 0 12px;
  background: url(../images/page-bullit.gif) no-repeat left;  
  line-height:1.5em
}
a.sitemapClipping24 {
  padding:0 0 0 12px;
  background: url(../images/clipping24-bullit.gif) no-repeat left;  
  line-height:1.5em
}
a.sitemapActive {
  padding:0 0 0 12px;
  background: url(../images/active-bullit.gif) no-repeat left;  
  line-height:1.5em
}
a.sitemapSchnellmedia {
  padding:0 0 0 12px;
  background: url(../images/schnellmedia-bullit.gif) no-repeat left;  
}


.softwarebild {
	height:372px;
}
#introbereich h1 {
  font-size:1.2em;
  font-weight:bold;
  color:#666;
  padding:0 0 7px 0;
}

.profilbild {
  float:left;
  width:236px;
  margin: 0 30px 0 0;
}

/**
 *Content Slides
 *
 */

.karmic_flow_container {
	overflow: hidden; 
	position: relative;
}

#container1 {
	width: 570px; 
	height: 270px;
	border:0;
}

#container2 {
	width: 354px; 
	border:0;
	height:273px;
}

.karmic_flow_slider, .karmic_flow_slider li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.karmic_flow_slider {
	overflow: hidden; 
	position: relative;
	
	/* optional */
	margin-left: 0;
}

.karmic_flow_slider li {
	float: left;
	position: relative;
	overflow:hidden;
}

.karmic_flow_slide_overflow {
	/* optional */
	overflow:auto;
}

.karmic_flow_sliding .karmic_flow_slide_overflow {
	overflow:hidden;
}

.karmic_flow_sliding object, .karmic_flow_sliding embed {
	display: none;
}

.karmic_flow_controller_selected {
	font-weight:bold;
	display:block;
  float:left;
	color: #666;
	padding: 5px 2px 2px 2px;
	text-decoration: none;	
	background: url(../images/active_tab_clipping24.jpg) no-repeat center top;	
}
#active .karmic_flow_controller_selected {	
	background: url(../images/active_tab_active.jpg) no-repeat center top;	
}
#page .karmic_flow_controller_selected {	
	background: url(../images/active_tab_page.jpg) no-repeat center top;	
}
li a.breit {
  width:132px;
}

.karmic_flow_controller {
  text-align:center;
  display:block;  
  float:left;
	color: #666;
	padding: 5px 2px 2px 2px;
	text-decoration: none;
}

#contentslide {
  float:right;
  height:270px;
  margin-top:7px;
}

#contentslide .karmic_flow_controller {
width:138px;
}

#contentslide-unten {
  float:left;
  width:354px;
}
#contentslide-unten .slidenav a:hover {
  font-weight:normal;
  color:#111;
}
#contentslide-unten .karmic_flow_controller {
  font-size:11px;
  width:65px;
}
#active #contentslide-unten .karmic_flow_controller {
  font-size:11px;
  width:100px;
}
#page #contentslide-unten .karmic_flow_controller {
  font-size:11px;
  width:110px;
}
#contentslide-unten .karmic_flow_controller_selected {
  font-size:11px;
  width:65px;
  font-weight:normal;
  color:#111;
  background: url(../images/active_tab_clipping24_schmal.jpg) no-repeat center top;	
}
#active #contentslide-unten .karmic_flow_controller_selected {
  font-size:11px;
  width:100px;	
  background: url(../images/active_tab_active_schmal.jpg) no-repeat center top;	
}
#page #contentslide-unten .karmic_flow_controller_selected {
  font-size:11px;
  width:110px;	
  background: url(../images/active_tab_page_schmal.jpg) no-repeat center top;	
}

#page #contentslide-unten .shorter {
width:57px;	
}
.slidenav ul {
  clear:both;
  height:23px;
  margin:0;
  padding:0;
  list-style-type:none;
  width:100%;
  text-align: center;
}

.slidenav li {
  margin:0;
  padding:0;
  list-style-type:none;
  display: inline;
}

#clipping24 #container1 {
  background: url(../images/slide_bg_clipping24.jpg) no-repeat;
}

#page #container1 {
  background: url(../images/slide_bg_page.jpg) no-repeat;
}
#active #container1 {
  background: url(../images/slide_bg_active.jpg) no-repeat;
}
#container1 h2 {
  color:#fff;
  font-weight:bold;
  font-size:22px;
  padding: 20px 5px 5px 20px;
  line-height:1.2em;
}
#active #container1 h2 {
  color:#fff;
  font-weight:bold;
  font-size:22px;
  padding: 20px 5px 5px 33px;
  line-height:1.2em;
}
#container1 #slide2 h2 {
  font-size:20px;
}
#container1 address {
  position:absolute;
  right:38px;
  bottom: 40px ;
  color: #fff;
  font-size:18px;
  font-style:normal;
  font-weight:bold;
  background:transparent url(../images/telefon.gif) no-repeat 0 center;
  padding: 0 0 8px 45px;
  line-height: 1.4em;
}

.slidetexte {
padding-right:10px;
  width:285px;
}

.slidetext, #active .karmic_flow_slides ul {
  background: url(../images/slidetextbg.png) repeat-y;
  padding: 10px 10px 10px 70px;
  color: #555;
  width:auto;
}
.slidetextkurz, .slidetexte ul {
  background: url(../images/slidetextbg_kurz.png) repeat-y;
  padding: 10px 10px 10px 70px;
  color: #555;
  width:auto; 
}
.slideimage {
  position:absolute;
  bottom:0;
  right:15px;
}
#clipping24 #slide3 .slideimage {
  right:0px;
}
#active #slide3 .slidetexte {
	width:387px;
}
#clipping24 .slidetexte ul {
  margin: 0;
  padding:10px 0 10px 0;
  list-style-type: none;
  border: 0;
  float: none;
  display:block;
  height:100px;
  width:285px;
}


.karmic_flow_slides ul li {
  margin:0 0 0 52px;
  padding: 0 0 12px 0;
  list-style-type: none;
  padding:0 0 0 14px;
  background: url(../images/clipping24-bullit.gif) no-repeat left;
  display:block;
  float:none;
  }

#active .karmic_flow_slides ul li {
  background: url(../images/active-bullit.gif) no-repeat left;
  }
#page .karmic_flow_slides ul li {
  background: url(../images/page-bullit.gif) no-repeat left;
  }
.zoombutton {
  float:right;
  margin: 2px 2px 0 0;
}
.downloadbutton {
  float:left;
  margin: 2px 0 0 2px;
}
#active .bildrahmen {
	border: 1px solid #2f53a7;
}
#page .bildrahmen {
	border: 1px solid #e2001a;
}
#clipping24 .bildrahmen {
	border: 1px solid #68cf00;
}

/*
* FAQ
*/
#faqliste h2 {
  font-size:1.5em;
  font-weight:bold;
}
#faqliste .vlist {
	padding-top:10px;
}
  
/*
*  Infobereich
*/

#infobereich {
  width:410px;
  margin: 0px 0 0 27px;
}

#infobereich h2, #infobereich h2 a {
  color:#46bb00;
  font-size: 14px;
  font-weight:bold;
  padding: 0 0 5px 0;
}
#active #infobereich h2,#active #infobereich h2 a {
  color:#2f53a7;
}
#page #infobereich h2,#page #infobereich h2 a {
  color:#e2001a;
}

#infobereich h3 {
  color:#666;
  font-size: 1.1em;
  font-weight:bold;
}       

/*
* Subnavigation
*/

#subnavigation {
  float:right;
  margin:20px 0 0 0;
  width:90px;
}                 

a.internerlink {
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: 3px 0.45em;
    text-decoration:none;
}
#schnellmedia a.internerlink {
    background-image: url(../images/schnellmedia-internerlink.gif);
    color: #ed7c03;
}
#clipping24 a.internerlink {
    background-image: url(../images/clipping24-internerlink.gif);
    color: #69cf00;
}
#active a.internerlink {
    background-image: url(../images/active-internerlink.gif);
    color: #2f53a7;
}
#page a.internerlink {
    background-image: url(../images/page-internerlink.gif);
    color: #e2001a;
}
#clipping24 a.internerlink:hover {
    color: #348c00;
}
#active a.internerlink:hover {
    color: #0c4191;
}
#page a.internerlink:hover {
    color: #c60000;
}
div a:hover  {
  text-decoration:none;
}


/*
* vertikale Liste / Navigation
* 
*/

  /* title */

  .vlist {
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border: 0
  }

  .vlist ul {
    list-style-type: none;   
    margin:0;
    padding: 0;
  }

  .vlist li {
    margin:0;
    padding: 0 0 12px 0;
    list-style-type: none;    
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 10px;
    text-decoration: none;
    border: 0;
  }

#clipping24 .vlist a, #clipping24 .vlist strong, #clipping24 .vlist span {
  color:#666;
  padding:0 0 0 14px;
  background: url(../images/clipping24-bullit.gif) no-repeat left;  
}  
#active .vlist a, #active .vlist strong, #active .vlist span {
  color:#666;
  padding:0 0 0 14px;
  background: url(../images/active-bullit.gif) no-repeat left;  
}
#page .vlist a, #page .vlist strong, #page .vlist span {
  color:#666;
  padding:0 0 0 14px;
  background: url(../images/page-bullit.gif) no-repeat left;  
}
#clipping24 .vlist a:hover {
  color:#333;
}  
#active .vlist a:hover {
  color:#333;
}
#page .vlist a:hover {
  color:#333;
}

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color: #333;
    background-color:#fff;
    font-weight: bold;
  }

/*
* clipping24 Login Form
*/

#clipping24login {
	position:absolute;
	right:0px;
	top:40px;	
}
#clipping24login label {
	color:#333;
	font-size:12px;
  margin:0 2px 0 10px;	
}
#clipping24login input {
background-color:#f8f8f8;
border: 1px solid #999999;
color:#666;
font-family:Arial;
font-size:12px;
padding:2px;
width:100px;
}
#clipping24login input.anmelden {
background-color:#f8f8f8;
border: 1px solid #999999;
width:100px;
padding:1px;
}
#clipping24login input:focus {
	background:	#dbf17d;
	border:		1px solid #000;
	color:		#333;
}

/*
* active Login Form
*/

#activelogin {
	position:absolute;
	right:0px;
	top:40px;	
}
#activelogin label {
	color:#333;
	font-size:12px;
  margin:0 2px 0 10px;	
}
#activelogin input {
background-color:#f8f8f8;
border: 1px solid #999999;
color:#666;
font-family:Arial;
font-size:12px;
padding:2px;
width:100px;
}
#activelogin input.anmelden {
background-color:#f8f8f8;
border: 1px solid #999999;
width:100px;
padding:1px;
}
#activelogin input:focus {
	background:	#a4d7fb;
	border:		1px solid #000;
	color:		#333;
}


/*
* Dock
*/
#dock {position:absolute; top:0px; right:0px; width:50px;}
div.jqDock {background-color:transparent;}
div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:14px; font-style:italic; white-space:nowrap; color:#000000; background-color:transparent;}
div.jqDockLabelLink {cursor:pointer;}
div.jqDockLabelImage {cursor:default;}


/* 
* Kontakt
*/

img.kontaktbild {
  float:left;
  width:236px;
  margin: 0 30px 0 0;
}

#mittelbereich {
  width:340px;
  float:left;
}
#mittelbereich p {
  line-height:1.33em;
}
#kontaktinfo {
  width:250px;
  height:300px;
  float:left;
}
h1.smheadline {
  font-size:1.3em;
  font-weight:bold;
}
h2.smheadline {
  font-size:1.2em;
  font-weight:bold;
  margin:0;
}
#kontakttabelle td {
  margin:0;
  padding:0 5px 4px 0;
  border-spacing:0;
  border-collapse:collapse;
}
#kontakttabelle {
  margin:0 0 20px 0;
}
#kontaktformulardaten {
float:right;
width:400px;
color:#666;
}
#kontaktformular input[type=hidden] { display: none !important; }

#linkerbereich {
	float:left;
	width:265px;
	color:#666;
}

#linkerbereich p {
		line-height:1.33em;
}

#rechterbereich {
	float:right;
	width:335px;
	color:#666;
}

#rechterbereich p {
		line-height:1.33em;
}

#kontaktformular, #kontaktformulardaten
{
	margin:		0;
	display:	block;
}

#kontaktformular fieldset
{
	border:		0;
	display:	block;
	padding:	0;
	margin:		0;
}

#kontaktformular select
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display:	block;
	width:		25.3em;
	border:		1px solid #999;
}
#kontaktformular select:hover, #kontaktformular input:hover, #kontaktformular textarea:hover
{
	border:		1px solid #999;
	color:		#333;
}
#kontaktformular select:focus, #kontaktformular input:focus, #kontaktformular textarea:focus
{
	background:	#ffb74d;
	border:		1px solid #000;
	color:		#333;
}
#kontaktformular legend {
  font-weight: bold;
  font-size: 14px;
  color:#666;
  padding:0;
  margin:0;
}
#kontaktformular label
{
	clear: 		left;
	float: 		left;
	display: 	block;
	width: 		8em;
	margin-top: -1em;
	font-weight: bold;
}

#kontaktformular label.erstes
{
	margin-top:	1em;
}
#kontaktformular input
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display: 	block;
	border:		1px solid #999;
	padding:	2px;
	background:	#fff;
	width:		24.8em;
}
#kontaktformular input.senden
{
	top:		-1em;
	clear:		left;
	background: #efefef;
	width:10em;
}
#kontaktformular textarea
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display: 	block;
	border:		1px solid #999;
	padding:	2px;
	width:		24.8em;
	height:		4em;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#kontaktformular fieldset.radio input
{
	border:		none;
	background:	none;
	left:		17.5em;			
}

#kontaktformular .captcha {
	margin:0;
}
#kontaktformular .captcha p {
	left: 8em;
	width:24.8em;
	line-height:normal;
	margin:0;
	padding:0;
	position:relative;
}
* html #kontaktformular fieldset.radio input
{
	left:		18.5em;
}

/* Sprachweiche Flaggen deutsch englisch */
.hlist ul li.flagge {
	
}

.hlist ul li.flagge a {
	padding: 0.5em 0 0 0.3em;
}

/* Clipping24 Callback Formular */

#callback {
	position:absolute;
	bottom:10px;
	right:34px;
}
#callback_form {
	float:right;
	color:#fff;
	font-weight:bold;
}
.error {
	background: #FF8080;
	border-color: #F00;
}
.success {
	display:none;
	color:#fff;
	font-size:14px;
	padding: 10px 0 0 0;
}
.errorSending {
	display:none;
	color:#aa0000;
	background:#fff;
	font-size:14px;
	margin: 10px 0 0 0;
}
.loading {
	float:left;
	padding: 0 10px 0 0;
}

 
 /*
* Partner
*/
#partner h2 {
  font-size: 1.5em;
  font-weight: bold;
}
.partner-table {
	margin-top: 10px;
    width: 100%;	
}
.partner-table th {
    color: #666666 !important;
	text-align: left;
    padding: 2px;
}
.partner-table .pic {
	vertical-align: top;
	padding: 0px;
    padding-top: 10px;
	width: 380px;
	/*padding-right: 20px;*/
}
.partner-table .text {
    padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
    vertical-align: top;
}
.partner-table .seperator td {
	border-bottom: 1px Solid #68cf00;
	height: 1px;
	line-height: 1px;
	padding: 0px;
	font-size: 1px;
}