@charset "UTF-8";
/* CSS Document */

.left{ float:left;}
.center{ float:left;}
.right{ float:right;}

.text_zweispaltig{ 
	clear:both;
	padding:0px;
	width:912px;
}
.text_zweispaltig h1{ 
	color:#3d3c41;
	font: 36px "InfoTextMedium";
	margin:0px;
	padding-bottom:0px;
	padding-top:48px;
}
.text_zweispaltig h1.text_h2{ padding:0px; color:#b1c903; margin:0;}

#textlinks{
	float:left;
	width:440px;
	padding:10px 0 48px 0;
}
#textrechts{
	float:right;
	width:440px;
	padding:10px 0 48px 0;
}

.aweise{ width:213px; float:left; font-size:12px;}
#aweise1{ padding-right:43px}
#aweise2{ padding:0px; width:212px;}

.text_home{ 
	z-index:1;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:0 40px 0 0;
	width:690px;
	border-right:1px solid #000;
}

/************************************* Topthemenbox *******************************************/
.box_titelthemen{ 
	clear:right;
	padding:7px 0 7px 7px;
	float:right; 
	width:193px; 
	max-height:366px; 
	overflow:hidden; 
	color:#fff; 
	margin:0 0 17px 0;
}

.box_gruen{
	background:url(../verlauf_gruen.jpg) no-repeat;
}
.box_schwarz{
	background:url(../verlauf_schwarz.jpg) no-repeat;
}
.box_gelb{
	background:url(../verlauf_gelb.jpg) no-repeat;
}
.box_tuerkis{
	background:url(../verlauf_tuerkis.jpg) no-repeat;
}
.box_rot{
	background:url(../verlauf_rot.jpg) no-repeat;
}
.box_blau{
	background:url(../verlauf_blau.jpg) no-repeat;
}
.box_orange{
	background:url(../verlauf_orange.jpg) no-repeat;
}
.box_violett{
	background:url(../verlauf_violett.jpg) no-repeat;
}

.projekt_1{
	background:url(../verlauf_gruen_gr.jpg) no-repeat; background-size:222px;
}
.projekt_6{
	background:url(../verlauf_schwarz_gr.jpg) no-repeat; background-size:222px;
}
.projekt_5{
	background:url(../verlauf_gelb_gr.jpg) no-repeat; background-size:222px;
}
.projekt_4{
	background:url(../verlauf_tuerkis_gr.jpg) no-repeat; background-size:222px;
}
.projekt_2{
	background:url(../verlauf_rot_gr.jpg) no-repeat; background-size:222px;
}
.projekt_0{
	background:url(../verlauf_blau_gr.jpg) no-repeat; background-size:222px;
}
.projekt_7{
	background:url(../verlauf_orange_gr.jpg) no-repeat; background-size:222px;
}
.projekt_3{
	background:url(../verlauf_violett_gr.jpg) no-repeat; background-size:222px;
}

.farbe0{ color:#2d3092;}
.farbe1{ color:#39b549;}
.farbe2{ color:#c1272c;}
.farbe3{ color:#662c91;}
.farbe4{ color:#006f8b;}
.farbe5{ color:#f7921e;}
.farbe6{ color:#1a1a1a;}
.farbe7{ color:#f05a23;}


.box_link{ 
	font-size:10px; 
	font-family:Arial, sans-serif; 
	text-transform:uppercase;
	background:url(../pfeil_box.png) no-repeat;
	background-position:left 1px;
	padding:0 0 12px 10px;
}
.box_link a,.boxtext a{ color:#fff; display:block;}
.boxtext{ font-size:13px; font-family:Arial, sans-serif; padding:0 5px 0 0;}
.boxtext p{ padding:0; margin:0;}
.box_bild{ margin:0 auto; padding-top:7px;}


/************************************* Loginbox *******************************************/
.loginbox{
	clear:right;
	padding:13px;
	float:right; 
	width:258px; 
	height:74px; 
	overflow:hidden; 
	color:#3E3D40; 
	background:#E6E5E2;
	font-size:11px; font-family:Arial, sans-serif;
}
.loginbox a{
	color:#3E3D40; 
}
.loginbox .boxlogin{
	font-size:18px;
	text-transform:uppercase;
}
.loginbox .formtext{
	width:102px; border:1px solid #fff; height:18px; float:left; margin:10px 10px 10px 0;
}
.loginbox .formsubmit{
	background:url(../button_suche.jpg) no-repeat; padding:0 0 0 20px; width:24px; height:23px;
	border:none;
	margin:10px 0 10px 0;
	display:inline-block;
}

#titelbild{ width:912px; }
.titelbild{z-index:1; }
.sprechblase{ z-index:50; float:right; padding:36px 38px 0 0;}

/*********************************** Steckbrief ***************************************/

.steckbrief{}
.steckbriefslide{ float:left; height:223px; width:595px; overflow:hidden; margin:0px 0 17px 0;}
.steckbriefaussagen{ float:left; height:223px; width:595px; overflow:hidden; margin:-267px 0 0 0;}
.steckbrieflinks{ clear:both; float:left; width:283px; margin-right:33px; padding-top:16px; }
.steckbrief_zeile{ clear:both; float:left; width:920px;}
.steckbrief_frage{ font-size:12px;}
.steckbrief_frage p{ padding:0 0 10px 0; margin:0;}
.steckbrief_frage1{ float:left; width:595px;}
.steckbrief_frage2{ clear:both; float:left; width:311px; margin-right:7px; }
.steckbrief_frage3{ float:left; width:289px; margin-right:7px; }
.steckbrief_frage4{ float:left; width:289px; }
.steckbrief_frage h1{ font-size:18px; font-family:Arial, sans-serif; font-weight:normal; padding:10px 0 5px 0; margin:0; line-height:normal;}

.steckbrief_kurz{}
.steckbriefbild_kurz{ clear:both; float:left; width:283px; height:294px; overflow:hidden; margin:0; z-index:1; }
.steckbriefname{ 
	height:32px; 
	width:259px; 
	float:left; 
	color:#fff; 
	z-index:10; 
	margin-top:-45px; 
	padding:13px 0 0 25px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
}
.steckbriefslide_kurz{ float:left; height:292px; width:595px; overflow:hidden; margin:0px 0 17px 0; border-bottom:1px solid; border-top:1px solid;}
.steckbrieflink{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:6px 1px;}
.steckbrieftext{ width:595px; height:200px; font-family:Arial, sans-serif; font-size:54px; padding-top:20px;}
.steckbriefslide_kurz .steckbrieflinks{ border-top:1px solid; width:595px; padding:3px 0;}

/*Übersicht*/
.steckbrief_kl{ float:left; height:223px; width:311px; }
.boxja{margin:0 0px 23px 0; padding:0;}
.boxnein{margin:0 0px 23px 0; padding:0; padding-right:8px;}
.steckbrief_kl .steckbriefbild{ margin:0; float:left; width:216px; height:223px; padding:0;}
.steckbrief_kl .steckbriefbild_kurz{ margin:0; float:left; width:216px; height:223px; }
.steckbrief_kl .steckbriefnavi{ float:right; width:95px; height:223px; margin:0px; padding:0;}
.steckbrief_kl .steckbriefnavi a{ margin:0; padding:0;}
.steckbrief_kl .steckbriefnavi img{ margin:0; padding:0;}
.steckbrief_kl .steckbriefname{
	height:16px; 
	width:184px; 
	color:#fff; 
	z-index:10; 
	padding:2px 0 0 32px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	background:#333333;
	margin-top:-27px; 
}
.steckbrief_kl .steckbriefname a:link,
.steckbrief_kl .steckbriefname a:visited{ color:#fff;}
.steckbrieftext_kurz{ width:616px; height:217px; padding:5px 0 0 13px; float:right; color:#29ABE2; margin:0 0px 23px 0; border-top:1px solid #29ABE2; border-bottom:1px solid #29ABE2; line-height:normal; letter-spacing:normal;}
.steckbrieftext_einleitung{ color:#333333; height:20px;}
.steckbrieftext_spruch{ font-family:Arial, sans-serif; font-size:50px; height:157px; padding:20px 0 0 0;}
.interviewlink{ position:relative; bottom:0px; height:20px;}




h1.headtext3{ height:40px; font-family:Arial, sans-serif; font-weight:normal;}

.spalte13{ clear:both; float:left; width:283px; margin-right:31px; }
.spalte23{ float:left; width:283px; margin-right:31px; }
.spalte33{ float:left; width:283px; }

.bildbreit{ clear:both; width:595px; margin-right:33px; }
.textschmal{ width:283px; }

.diashow{ width:912px; height:473px; overflow:hidden;}

/*********************************** Referenzliste ***************************************
.projekt{ width:236px; height:363px; overflow:hidden; float:left; padding:0 12px 0 0; }
.projekt1{ width:236px; height:363px; overflow:hidden; float:left; padding:0; overflow:hidden; }*/
.referenzen{ width:700px; float:left; border-right: 1px solid #000;}
.kundenstimmenliste{ width:230px; height:170px; overflow:hidden; float:right; border-bottom:1px solid #000; margin:0 5px;}
.ks1{ clear:both; float:left; width:46px;}
.ks2{ float:right; width:180px;}
.ks2 h3{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:0; margin-top:0px;}
.logoliste{ width:230px; height:155px; overflow:hidden; float:right; margin:0 5px;}

.einzelreferenz{width:700px; float:left; min-height:320px; }
.einzelreferenzbild{width:690px; float:left; padding-bottom:20px; }
.einzelreferenzthumbs{width:690px; float:none; }
.einzelreferenzthumbs img{padding:0 5px 0 0; cursor:pointer; }
.einzelreferenzback{ width:900px; clear:both; padding:20px 0; font-weight:bold; text-transform:uppercase;}
.refbild{ display:none;}
#refbild1{ display:inline;}
.refinfo{ width:240px; float:right; }
.refstimme{ width:230px; float:right; border-bottom:1px solid #000; margin:0 5px; font-size:11px;}
.reflogo{ width:230px; height:155px; overflow:hidden; float:right; margin:10px 5px;}

.projekt{ width:222px; height:155px; overflow:hidden; float:left; padding:0; margin:0 12px 15px 0; }
.projekt1{ width:222px; height:155px; overflow:hidden; float:left; padding:0; overflow:hidden; margin:0 0 15px 0;  }
.projektbild{ position:relative; top:0px; left:0px; width:222px; height:155px; z-index:10; overflow:hidden; z-index:2;  filter:alpha(opacity=1); -moz-opacity:0.01; opacity:0.01;}
.projektbild:hover{ filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}

.projektbildtext{ position:relative; top:-155px; left:0px; width:222px; height:155px; z-index:1; padding:0; font-size:12px;}
.projektkunde{ color:#FFFFFF; font-style:italic; font-size:14px;}
.projektname{ color:#ffffff; font-style:italic;}
.projektlink{ position:absolute; top:20px; width:200px; padding:0 11px; text-align:center;}
.projektlinkansehen{position:absolute; top:70px; left:81px;}
.projektlink a:link, .projektlink a:visited, .projektlinkquadrat a:link{ color:#FFFFFF; text-decoration:none;}
.projekttext{ position:relative; top:-91px; left:0px; width:208px; font-size:14px; }
.projekttextheadline{ font-style:italic; font-size:14px;}
.projektmonat{ color:#9c9e9d; font-size:12px; padding-bottom:13px;}

/*********************************** Referenz ****************************************/
.galerie{ padding:0 0 10px 0; width:920px;}
.imagebig{ float:left; padding-bottom:10px;}
.imagekl{ float:left; padding:0 12px 0 0; width:60px; height:31px; overflow:hidden;}
.reftext{ float:left; width:290px; padding:0 20px 29px 0; font-size:14px; margin:0;}
.reftext p{padding:0; margin:0;}
.reftext ul{padding-left:0; margin-left:25px;}
.reftext li{padding-left:0; margin-left:0;}
.reftext h2{ font-size:16px; margin-bottom:21px;}
.reftext2{ float:left; width:290px; padding:0;}
.reftext2 h2{ font-size:16px; margin-bottom:21px;}
.likeprojekt{ float:left; width:290px; border-bottom:1px dotted #3E3E40; font-size:14px; padding:0 0 15px 0; margin-bottom:15px;}
.likeprojektbild{ float:left;width:100px; padding:3px 0 0 0; margin:0;}
.likeprojekttext{ float:left;width:190px; padding:0; margin:0;}
.likeprojekttext h2{ padding:0; margin:0; border:none; font-size:16px; }



/************* Aktuelles/Meldungen *************/

.news{ 	
	z-index:1;
	clear:left;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:730px;
	border-right:1px solid #000;
}
.aktuelles{ padding:5px 0 0 10px; }
.akt_header{
	clear:both; 
	cursor:pointer; 
	border-bottom:1px solid #93278F; 
	font-size:16px; 
	width:680px;
}
.akt_prop{ float:left; width:13px; display:inline; padding:5px;}
.akt_prop_aktiv{ float:left; width:13px; display:none; padding:5px;}
.akt_datum{ float:left; width:90px; padding:5px;}
.akt_head{ padding:5px;}

.akt_text{clear:both; padding:0; display:none; }
#akt_text1{display:inline; }
.akt_subhead{ font-size:14px; padding:5px 0 0 30px;}
.aktuelltext{ width:420px; padding:0 0 5px 30px;}
.aktuelltextb{ float:left; width:560px; padding:0 0 5px 30px;}
.aktuellbild{ float:left; width:450px; padding:0 0 0 70px; font-style:italic;}
.aktuellbild img{ padding:15px 0 5px 0;}

.newsarchiv{ 
	clear:right;
	float:right;
	padding:0;
	width:200px; 
	margin:0;
}

/*********************************** News alt ****************************************/
.newslinie{ border:	none; height:1px; width:912px; overflow:hidden; margin-bottom:20px;}
.text_news{ padding:0px; width:912px;}
.text_news h1{ color:#3d3c41; font: 22px "InfoTextMedium"; margin:0px; padding-bottom:0px; padding-top:48px; }
.text_news h1.news_h2{ padding:0px; color:#b1c903; margin:0;}

#newslinks{	float:left; width:480px; font-size:14px; padding:10px 0 0 0; }
#newslinks p{ padding-top:0px; margin:0;}
#newsrechts{ float:right; width:480px; font-size:14px; padding:10px 0 0 0; }
#newsrechts p{ padding-top:0px; margin:0;}


.shownews{ width:867px; height:330px; float:left; padding:15px 40px 15px 5px; border-bottom:1px solid #3c3c3c; overflow:hidden; display:none; }
#newstext1{ display:inline;}
.newsbild{ float:left; width:430px; height:330px; overflow:hidden;}
.newstext{ float:right; width:405px; font-size:16px; height:330px; overflow:hidden;}
.newstext h1{ color:#B1C912; font: 32px "InfoTextMedium"; padding: 0; margin:0; }
.newstext h2{ color:#3c3c3c; font: 21px "InfoTextMedium"; border:none; padding:15px 0 0 0; margin:0; }

.newsklein{ float:left; width:190px; height:180px; overflow:hidden; padding:20px 14px 0 14px; margin:17px 0 0 13px; background:#EDEDEE; cursor:pointer;}
.newskleing{ float:left; width:190px; height:180px; overflow:hidden; padding:37px 14px 0 14px; margin:0 0 0 13px; background:#b2c900 url(../newspfeil.png) no-repeat; cursor:pointer; display:none;}
#newstextkl1{ display:none;}
#newstextklg1{ display:inline;}
.nomargin{margin:17px 0 0 0;}
.nomarging{margin:0;}
.bildklein{ padding:0; height:107px; overflow:hidden; width:208px;}
.newsklein h1{ color:#4D4D4D; font: 14px Georgia, "Times New Roman", Times, serif; border:none; padding: 0; margin:0; }
.newsklein h2{ color:#9A9A9A; font: 14px Georgia, "Times New Roman", Times, serif; border:none; padding:20px 0 0 0; margin:0; font-style:italic; }
.newskleing h1{ color:#4D4D4D; font: 14px Georgia, "Times New Roman", Times, serif; border:none; padding: 0; margin:0; }
.newskleing h2{ color:#fff; font: 14px Georgia, "Times New Roman", Times, serif; border:none; padding:20px 0 0 0; margin:0; font-style:italic; }

.kontaktformular{ float:right; padding-top:20px;}

/*********************************** FORMULARE ****************************************/
.formtextlabel{ float:left; width:150px; color:#3c3c3c; padding-top:5px;}
.formtextinput{ float:left; width:350px; padding-top:5px;}
.formblock{ padding:5px 0 50px 150px;}
.formtext{ width:300px; border:1px solid #3c3c3c;}
.formtextfield{ width:300px; height:200px; border:1px solid #3c3c3c;}
.formsubmit{ border:1px solid #3c3c3c; background:#ffffff;}

/************* Kundenlogos *************/
.kundenlogos{  height:80px; width:912px; background:#fff; overflow:hidden;}

/************* Benefits *************/

.benefits{ clear:both; float:left; width:912px; margin-bottom:10px;}
.benefits_links{ float:left; width:244px; height:30px; padding:0 34px 0 0; color:#fff; font-family:Arial, sans-serif; text-align:right;}
.benefits_rechts{ float:right; width:596px; height:30px; padding:0 0px 0 0; font-size:17px; font-family:Arial, sans-serif;}
.benefits .texte{ padding:6px 0 0 0;}

/************* Topthema *************/
.topthema{ width:256px; height:365px; padding:15px 20px; color:#fff; font-size:12px; overflow:hidden;}
.topthema.left{ margin:0 12px 20px 0;}
.topthema.center{ margin:0 0 20px 0;}
.topthema.right{ margin:0 0 20px 0;}
.topthema.gruen{ background:#B0C700; }
.topthema.blau{ background:#3366FF; }
.topthema.rot{ background:#993399; }
.topthema h1{ font-size:21px; margin:0; padding:0 0 15px 0; color:#fff;}
.topthema h2{ font-size:16px; border:none; margin:0; padding:25px 0 0 0; color:#fff; border-top:1px solid #fff; }

/************* Topthema *************/
.topthemen{
	z-index:1;
	clear:left;
	float:left;
	margin:0;
	padding:0 40px 10px 0;
	width:690px;
}
.topthemen .topthema_links{ clear:left; width:210px; float:left;}
.topthemen .topthema_rechts{ width:480px; float:right;}
.topthemen h1{ text-transform:uppercase; font-size:14px; font-weight:normal;}
.topthemen h2{ font-size:36px;}
.topthemen .topthema_teaser{ font-size:16px; line-height:130%; padding-top:5px;}
.topthemen .topthema_text h1{font-size:36px;}
.topthemen .topthema_text h2{font-size:18px;}
.topthemen .topthema_linkliste{ width:200px; overflow:hidden;}
.topthemen .topthema_image{ position:absolute; top:280px; margin-left:-210px;}

/*********************************** Kundenstimmen ****************************************/
.kundenstimmen{ width:294px; float:left; height:210px; overflow:hidden; font-size:12px;}
.kundenstimmen p{  padding:10px; margin:0;}
.kundenstimmen.left{ float:left; margin:0 12px 20px 0;}
.kundenstimmen.center{ float:left; margin:0 0 20px 0;}
.kundenstimmen.right{ float:right; margin:0 0 20px 0;}
.kundenstimmenhead{ color:#fff; font-size:16px; height:65px; overflow:hidden; padding:10px 10px 0px 10px; font-family:Arial, sans-serif; font-weight:bold;}

/************* Leistungen *************/
.leistungen{ padding:20px 0 0 0;}
.beratungsleistungen{ clear:both; float:left; width:595px; height:390px; padding:0; margin:0; border:1px solid #707173;}
.beratungsleistungen_headline{ float:left; background:#58585A; color:#fff; width:560px; height:50px; padding:0 0 0 35px; }
.beratungsleistungen_text{ float:left; width:560px; height:260px; padding:0 0 0 35px; overflow:hidden; }
.beratungsleistungen_text h1{ font-size:18px; text-transform:uppercase; font-weight:normal; clear:both; float:left; width:118px; padding:30px 0 0 0px;  margin:0;}
.beratungsleistungen_text h2{ font-size:14px; text-transform:uppercase; font-weight:normal; float:right; width:440px; padding:33px 0 0 0px; border:none; margin:0; text-transform:uppercase; }
.beratungsleistungen_text p{ float:right; width:420px; padding:0 20px 0 0px; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.beratungsleistungen_blau{ float:left; background:#009EE0 url(../leistungspfeil.png) no-repeat; background-position:12px 7px; color:#fff; width:560px; height:80px; padding:0 0 0 35px; overflow:hidden;}
.beratungsleistungen_blau h1{ font-size:18px; text-transform:uppercase; font-weight:normal; float:left; color:#fff; width:118px; padding:10px 0 0 0px; margin:0;}
.beratungsleistungen_blau h2{ font-size:14px; text-transform:uppercase; font-weight:normal; float:right; width:440px; padding:13px 0 0 0px; border:none; margin:0; text-transform:uppercase; color:#fff;}
.beratungsleistungen_blau p{ float:right; color:#fff; width:440px; padding:0 0 0 0px; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.agenturleistungen{ float:right; width:283px; height:390px; background:#58585A; color:#fff; padding:0; margin:0;}
.agenturleistungen_headline{ float:left; width:248px; height:50px; background:#B1C800; padding:0 0 0 35px;}
.agenturleistungen_text{ float:left; width:248px; padding:0 0 0 35px; text-transform:uppercase;}
.agenturleistungen_text h1{ padding:10px 0 0 0; margin:0; color:#fff; font-size:21px; text-transform:uppercase;}
.agenturleistungen_text p{ padding:0 0 8px 0; margin:0; color:#fff; font-size:11px; font-family:Arial, sans-serif;}
.beratungsleistungen_headline h1, .agenturleistungen_headline h1{ color:#fff; font-weight:normal; text-transform:uppercase;}

/*************  *************/

.logorot { width:912px;}
.logorot .jcarousel-container {}
.logorot .jcarousel-direction-rtl {direction: rtl;}
.logorot .jcarousel-container-horizontal {width: 980px;}
.logorot .jcarousel-clip-horizontal {width:  980px; height: 80px;}
.logorot .jcarousel-item { height: 80px; border-right:1px dotted #6d6d6d;}
.logorot1 .jcarousel-item-horizontal {	margin-left: 0; margin-right: 10px;}
.logorot1 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.logorot1 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.logorot1 .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0;}
.logorot1 .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png);}
.logorot1 .jcarousel-next-horizontal:hover { background-position: -32px 0;}
.logorot1 .jcarousel-next-horizontal:active { background-position: -64px 0;}
.logorot1 .jcarousel-next-disabled-horizontal,
.logorot1 .jcarousel-next-disabled-horizontal:hover,
.logorot1 .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
.logorot1 .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.logorot1 .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png);}
.logorot1 .jcarousel-prev-horizontal:hover { background-position: -32px 0;}
.logorot1 .jcarousel-prev-horizontal:active { background-position: -64px 0;}
.logorot1 .jcarousel-prev-disabled-horizontal,
.logorot1 .jcarousel-prev-disabled-horizontal:hover,
.logorot1 .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;}


.bildrot { width:912px;}
.bildrot .jcarousel-container {}
.bildrot .jcarousel-direction-rtl {direction: rtl;}
.bildrot .jcarousel-container-horizontal {width: 980px;}
.bildrot .jcarousel-clip-horizontal {width:  980px; height: 509px;}
.bildrot .jcarousel-item { height: 509px; margin-right:10px;}


/*******************Carousell*****************************/
.jcarousel-dreisprung .jcarousel-container {
    border: 1px solid #346F97;
}
.jcarousel-dreisprung ul {
	z-index:1;
}
.jcarousel-dreisprung{
	margin:-207px 0 0 0;
}

.jcarousel-dreisprung .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-dreisprung .jcarousel-container-horizontal {
    width: 595px;
    padding: 0;
}

.jcarousel-dreisprung .jcarousel-clip-horizontal {
    width:  595px;
    height: 223px;
}

.jcarousel-dreisprung .jcarousel-item {
    width: 595px;
    height: 223px;
}

.jcarousel-dreisprung .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-dreisprung .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-dreisprung .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-dreisprung .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-dreisprung .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-dreisprung .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-dreisprung .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-dreisprung .jcarousel-next-disabled-horizontal,
.jcarousel-dreisprung .jcarousel-next-disabled-horizontal:hover,
.jcarousel-dreisprung .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-dreisprung .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-dreisprung .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-dreisprung .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-dreisprung .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-dreisprung .jcarousel-prev-disabled-horizontal,
.jcarousel-dreisprung .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-dreisprung .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



.jcarousel-control {
	position:relative;
	top:10px;
	margin:184px 0  0 0;
	padding:0 0 0 40px;
	float:left;
	z-index:10;
}

.jcarousel-control a {
	background:url(../kreis_weiss.png) no-repeat;
	width:18px;
	height:10px;
    margin: 0 0 5px 0;
	padding-top:8px;
	display:inline-block;
	text-decoration:none;
	font-size:1px;
	color:#fff;
	text-align:center;
}
.jcarousel-control a:hover, .jcarousel-control a:active {
	background:url(../kreis_schwarz.png) no-repeat;
	width:18px;
	height:10px;
    margin: 0 0 5px 0;
	padding-top:8px;
	display:inline-block;
	text-decoration:none;
	font-size:1px;
	color:#000;
	text-align:center;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

/*Referenzen*/

.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango li {
	width:230px;
}
.jcarousel-skin-tango li img {
	margin:0 auto;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 230px;
    height: 110px;
    padding: 30px 0px;
	border:1px solid f00;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  230px;
    height: 110px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 230px;
    height: 110px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 105px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 0px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 105px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 0px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/************************************** Kontaktseite *************************************************/
.kontakttext{ width:274px; height:300px; color:#00EDFF; float:left; margin:0 0 20px 0; padding:15px 0 0 0;}
.kontakttext h1{ font-size:20px; color:#00EDFF;}
.kontaktadressen{ width:274px; height:280px; float:right; line-height:normal; letter-spacing:normal; margin:0 0 20px 0; padding:15px 0 0 0;}
.kontaktadressen .kontakteintrag{ width:117px; float:left; padding:0 0 30px 20px;}
.kontaktadressen .kontakt_skype{ float:left; width:26px;}
.kontaktadressen .kontakt_email{ float:left; width:26px;}

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding: 15px 30px 0 30px;
	width:340px;
	margin-top:0px;
	float:left;
	border-right:1px solid #00EDFF;
	border-left:1px solid #00EDFF; 
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 120%;
 
}
 
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
 
}
 .forminfo 
{
	width: 340px;
	margin-bottom: 15px;
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 2px dashed #990000;
	float:left;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 70px;
	margin-left: 0px;
	border: 1px solid #C6C7C7;
}
 
/* Textfeld */
.formgen .formtext
{
	width: 200px;
	margin-left: 0px;
	font-size: 1em;
	border: 1px solid #C6C7C7;
}
 
 
/* Label */
.formgen label {
	width: 125px;
	padding-top:3px;
	clear: left;
	float: left;
	height: 20px;
	padding-bottom:10px;
	background:url(../pfeil_333.png) no-repeat;
	background-position: 110px 5px ;
	font-size:12px;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 392px;
	margin-left: 0px;
	color: #424544;
	border: 1px solid #C6C7C7;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	background:#fff; 
	color:#333;
	border:1px solid #fff;
	text-align: left;
	float:right;
	background:url(../pfeil_333.png) no-repeat;
	background-position: 65px 5px ;
	width:75px;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #990000;
}
 
.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #fff;
	font-weight:normal;
	font-size:10px;
}
 
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */