
@media all
{
@font-face {
    font-family: 'PT Serif';
    src: url('../fonts/ptf55f-webfont.eot');
    src: url('../fonts/ptf55f-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptf55f-webfont.woff2') format('woff2'),
         url('../fonts/ptf55f-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'PT Serif';
    src: url('../fonts/ptf75f-webfont.eot');
    src: url('../fonts/ptf75f-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptf75f-webfont.woff2') format('woff2'),
         url('../fonts/ptf75f-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}



* { margin:0; padding: 0; }

	option {padding-left: 0.4em}
	html {height: 100%;} 
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
	body { 
		min-height: 101%;
		font-size: 100.01%;
		background:#fff;
    }
#page {position:relative; width:100%; overflow-x:hidden; overflow-y:hidden;}
#page_margins-start {padding-top:30vh;}
/* Startpage */    
#start-wrapper { background:transparent;margin:0 auto !important; width:100vw; display: flex; justify-content: center; align-items: center;  align-items: center; /* Centers items vertically */text-align:center; }

#start-logo img { max-width:310px;}
#start-country {  background:transparent;}
#start-country span {padding:0 6px;}
#start-trailer {
  display: flex;
  justify-content: center;
  align-items: center;}
#start-trailer img {width:120%;}
#start-footer {display: flex; justify-content: center; align-items: center;  align-items: center; /* Centers items vertically */text-align:center; font-size:0.7rem; color:#CCC;}

/* Startpage */  

#header {position:absolute;  top:0px; left:0px; width:100%; height:auto;padding-top:40px;}

#logo img{
    margin:0 auto;
    vertical-align:middle;
    display:block;
    margin:0 auto;
    }
/* Slider */
#trailer {height:320px; width:859px; margin:0 auto; background:#fff; position:relative;clear:both;border:1px solid #ccc;z-index:4;}

#social {position:absolute; top:90px; width:20px;z-index:9000;right:-21px;}


#loader {
position:absolute;
left:0px;
top:41px;
width:100%;
height:100%;
background:#fff;
z-index:7000;

}
.jshide {display:none;}
noscript {
position:absolute;
left:0px;
top:41px;
width:auto;
height:auto;
background:#fff;
z-index:9000;

}


#loader div { padding:30px 30px 30px 30px;}

#contentwrapper {	
width:961px;
position:relative;
overflow:hidden;
height:auto;
z-index:0;
margin:0 auto;
padding-top:493px;
margin-bottom:40px;
background:url(../img/slider-gardient.png) center 170px no-repeat;
}

#content {
   padding:35px 7px 0px 7px;
   position:relative;
   overflow:hidden;
   min-height:50px;
   border-top:0px solid #FF8200;
   border-left:0px solid #ccc;
   border-right:0px solid #ccc;
   margin: 0 50px 0 50px;

   } 
   

    
    #changeback {
    width:760px;
    height:auto;
    position:fixed;
    z-index:22;
    bottom:4px;
    right:16px;
    }
    

#footer {
  width:859px;
  margin:0 auto;
  height:50px;
  border-top:10px solid #FF8200;
  font-size:75%;
  color:#999;
  position:relative;
	}


#footer #rights-grk {width:50%; position:absolute; right:5px; top:7px; text-align:right;}	
		
	.clear {
	clear:both;
	height:1px;
	width:100%;
	position:relative;

	}

  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
  
  
		}
@media print{
  #changeback {display:none;}
  #contentwrapper {float:left;}
}

/* content-----------------------------------------------------------------------------*/

@media all {

/* ---- Überschriften, Fließtexte -------------------------PT Serif------------------------------- */
body {color:#555; font-family: 'PT Serif', serif; font-size:100%;}


/*h4 {font-size:1.0em; color:#888; background:transparent; margin:0.4em 0 0.3em 0; border-bottom:1px #ccc solid; padding-top:1em;}*/
h1 {color:#F57F00;font-size:105%;margin-bottom:10px; border-bottom:1px solid #ccc;text-transform:uppercase;font-weight:normal;}
h2 {color:#F57F00;font-size:120%;font-weight:normal; text-transform:uppercase;}
h3 {color:#F57F00;font-size:16px;}

/* curvy corner */
.round {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;border: 0px #ddd solid;} 



p {line-height:1.8em; margin-bottom:10px;}
p.bodytext {margin-bottom:0.5em;font-size:95%;padding:0px 0px 5px 0px;}
strong,b {font-weight:bold;color: #777;}
em,i {font-style:italic;}
pre, code {	font-family:"Courier New", Courier, monospace;}  
address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}
small {font-size: 82%;}
hr {color:#ddd; background:transparent; margin:0 0 1em 0; padding:0 0 1em 0;}
.divider { background:  url(./img/line660.html) no-repeat center center; height:30px;width:100%}
.side-divider { background:  url(./img/line190.html) no-repeat center center; height:20px;width:100%}
.logout {color:#AA0000;}
acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}
.at {background:  url(../img/icons/at-grk.png) no-repeat center center;}
/* ------------ Bildpositionierung -------------------------------------------------------- */
img.float_left {float:left; margin-right:1em; margin-bottom:1px; border:0px #ddd solid;}
img.float_right {float:right; margin-left:1em; margin-bottom:1px; border:0px #ddd solid;}
img.center {text-align:center; background:#fff; padding:0px; border:0px #ddd solid;}



/* ------------ Auszeichnung lokaler und Externer Links -------------------------------------------------------- */
a {color:#F57F00; text-decoration:none; white-space:nowrap;outline: 0; /* prevent dotted border in Firefox */ }
/*a.txt, a.doc, a.avi, a.swf, a.wmf, a.file, a.pdf, a.wav {font-family:courier;monospace; font-size:1.1em;}*/
a:hover {color:#F57F00; text-decoration:none; white-space:nowrap;outline: 0; /* prevent dotted border in Firefox */}
/*a.txt, a.doc, a.avi, a.swf, a.wmf, a.file, a.pdf, a.wav img {padding-bottom:-2px;}*/
a img { border:none;}

a, a:active, a:visited {
    color:#F57F00;
}
/* ------------  Textformatierungen -------------------------------------------------------- */

blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 1em;}
ul.multicolumnContainer {list-style:none;}
/* Ungeordnete Listen ohne Listenpunkt*/
ul { line-height: 1.6em; }

ol { line-height: 1.5em;}


/* ------------ Tabellen -------------------------------------------------------- */
table { margin-bottom:0.2em; padding-top:20px; margin-left:0px; margin-right:1px; border-collapse:collapse; empty-cells:show; width:99%;height:100%;}
table th {  padding:0em; }
table td {  padding:5px 8px 5px 10px;}
table td {  padding:5px 8px 5px 10px;}
table thead th { color:#fff; padding:5px 8px 5px 10px;color:#777;}
table tfoot td { color:#fff; padding:5px 8px 5px 10px; border:none;height:30px;}
.m_r { padding-left:20px;}
input, select { border:1px #ddd solid; color:#ccc; }
input[type=text]:focus, input[type=password]:focus, input[type=select]:focus, input[type=email]:focus, textarea:focus {background:#fff; color:#555; border:1px #999 solid; background-image:none;}
/* ------------ Download-Box -------------------------------------------------------- */
.bluebox {color:#000; background:#f0f0f4; border:1px #ccd solid; text-align:center; padding:4px 0 4px 0; margin-bottom:1em;}
.bluebox p {padding:0px 8px 0 8px;}

a.dl_link {display:block; padding:0; margin:0.5em auto 0 auto; background-image:none;}
a.dl_link:hover {text-decoration:none; background-color:transparent;}

/* ------------ Spezielle Formatanweisungen des TYPO3 Templates --------------------------------------------------------*/

img {border:0px;}
p.csc-linkToTop {text-align:right;}
p.csc-form-label-req {font-weight:bold;}
.csc-caption {font-size:0.8em; background:transparent; padding-bottom:0.7em;padding-top:0.2em;text-align:center;}
dd.csc-textpic-caption {font-size:0.8em; background:transparent; padding-bottom:0.7em;padding-top:0.2em;text-align:center;}
/*dl.csc-textpic-image {padding: 0px 1px 0px 0px;}*/
.csc-firstHeader {font-weight:normal;}
#box_m_innen DIV.csc-default {margin-bottom:0px;}
#box_l_content DIV.csc-default {margin-bottom:10px;}
#box_r_content DIV.csc-default {margin-bottom:10px;}
/* Set up the distance to pics above*/
DIV.csc-textpic DIV.csc-textpic-imagerow-last dl dt img{ margin-bottom: 5px !important; }
  
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px;}
/* Set up the border between imagerows*/
DIV.csc-textpic-imagerow { margin-bottom: 1px !important; display: block; }
/* overflow hidden bewirkt, dass das Umfloaten nicht mehr geht, als aus lassen
  DIV.csc-textpic-text {overflow:hidden}*/
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-border IMG { border: 1px solid #9B0000 !important;}
  #maincontent a[href^="http:"], #maincontent a[href^="https:"]{
	padding-left: 12px;
	background-image: url('.././img/icons/ext_link.html');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
	}
	
	#maincontent a.imagelink {
	padding-left:0; 
	background:transparent;
	}




/* Close @media all - DO NOT DELETE! */
}
/*------------ Accessible menu --------------------------------------------------------*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}

/*------------ whatwedo --------------------------------------------------------*/
ul.whatwedo {border:1px solid #ccc; overflow:hidden; /*expand ul arround li*/}
ul.whatwedo li {border-right:1px solid #ccc;height:350px;}
ul.whatwedo li.columnLast {border:none;}
ul.whatwedo li p {padding:15px;height:135px;}
.whatwedo-h1 {color:#555; font-weight:normal; font-size:16px; text-transform:uppercase; cursor:pointer;text-align:center;height:20px;padding-top:20px;}
ul.whatwedo li a {background: url(../img/icons/menu-icon.png) right 15px  no-repeat;padding:10px 40px 10px 20px;}
/*------------ whatwedo2 --------------------------------------------------------*/
ul#whatwedo2 h1.whatwedo-h1 {color:#555; font-weight:normal; width:150px; font-size:16px; text-transform:uppercase;float:left;margin-top:45px; cursor:pointer;}
ul#whatwedo2 {border:1px solid #ccc; border-top:none;overflow:hidden; /*expand ul arround li*/ padding: 0;
margin: 0;list-style-type: none; width:859px; height:auto;}
ul#whatwedo2 li {border:0px solid #ccc;height:120px; clear:both;position:relative;overflow:hidden;}
ul#whatwedo2 li>div {position:relative; bottom:0px; right:0px; width:700px; height:120px;float:right;z-index:21;}
ul#whatwedo2 li>div>img {position:absolute; bottom:0px; right:0px; width:690px; height:120px;z-index:30;}
/*
ul#whatwedo2 li.column1 div {background:  url(./img/whatwodo-submenu-1.jpg) no-repeat right bottom;}
ul#whatwedo2 li.column2 div {background:  url(./img/whatwodo-submenu-2.jpg) no-repeat right bottom;}
ul#whatwedo2 li.column3 div {background:  url(./img/whatwodo-submenu-3.jpg) no-repeat right bottom;}
*/
ul#whatwedo2 li.wwdact2 {background-position: right 120px;}
ul#whatwedo2 li p {padding:15px;height:80px;position:relative;}
ul#whatwedo2 li a {background: url(../img/icons/menu-icon.png) right 45px  no-repeat;padding:40px 40px 40px 20px;}
/*------------ normal Tooltip only main --------------------------------------------------------*/



/*------------ cagpagebrowser --------------------------------------------------------*/
    div.cag_pagebrowser {margin: 2em 0 1em 0;text-align:center;font-size:11px;}
		div.cag_pagebrowser ul {list-style-type: none; margin:0 auto; padding: 0;overflow:hidden;}
		div.cag_pagebrowser ul li {display: inline; text-align: center; padding: 0 0.2em 0 0.2em;}
		div.cag_pagebrowser ul ul {display: inline; padding: 0 0.2em 0 0.2em;}
		div.cag_pagebrowser a {}
		div.cag_pagebrowser .divider {padding: 0 0.5em;}





#print {color:#777;}
#gdirect {color:#777;}
#googledir {color:#777;}
@media screen {
#hiddenModalContent {display:none;} 
}
@media print {
#hiddenModalContent {display:inline;}
}

/*menus ---------------------------------------------------------------------------------------*/

@media screen
	{
/* language startmenu ---------------------------------------------------------------------------------*/
#startnav { 
background: url(../img/orange-line.jpg) center center no-repeat;
background-size: cover;
}
ul.nav-lang-start {
	list-style: none;
	
	display: inline-block;
	  text-align: left; /* Optional: keeps list items left-aligned internally */
	  margin: 0;
	  padding: 0;
	  list-style: none;
}
.nav-lang-start li {
  display:inline-block;
  }

.nav-lang-start li.start1 a {display:block; background: url(../img/icons/left.png) center left no-repeat; padding:0px 7px 0px 30px;}
.nav-lang-start li.start2 a {display:block; background: url(../img/icons/right.png) center right no-repeat; padding:0px 30px 0px 7px;}

  
.nav-lang-start li.start1 {  margin-right: 5px; text-align:right;}
.nav-lang-start li.start2 {  text-align:left; margin-left: 5px;}

ul.nav-lang-start li a {color:#fff;}
/* mainmenu ---------------------------------------------------------------------------------*/
/* this ist a technic to center ul in a div with css */  



#nav1 {position:absolute; height:58px; width:100%; ;border-bottom:0px solid #0B4094; border-top:0px solid #0B4094; text-align:center;  top:110px; left:0px; }

#nav1 ul {
	margin-bottom:0px;
	list-style: none;
  position:relative;
  overflow:hidden; /*expand ul arround li*/
  margin:0 auto;
	z-index:2000;
	z-index:50;	
	border:0px solid #ccc;
	width:930px;
	
}

#nav1 ul li {
  width:230px;
	float: left;
  border:0px solid #ccc;
  text-align:center;
  padding-top:17px;
  height:60px;
}

#nav1 ul li a {
    padding:16px 40px 14px 40px;
	  text-transform:uppercase;
	  background: url(../img/icons/menu-icon2.png) right -67px  no-repeat;
	  color:#555;
}

#nav1 ul li a:hover {background-position: right 21px; }


#nav1 ul li.current a {font-weight:bold; background-position: right 21px}

.menu {float:left;margin-left:20px; font-weight:300; font-size:120%;}
.service {float:right; font-size:70%;margin-right:20px;margin-top:6px;}
ul.service {}


/* Submenu--------------------------------------------------------------------------------------------------------- */
#nav2 {position:relative; height:auto;background:transparent;border-bottom:0px solid #0B4094; border-top:0px solid #0B4094;text-align:left;float:right;left:-50%; font-size:100%; }



#nav2 ul {
	margin-bottom:0px;
	list-style: none;
  position:relative;
  overflow:hidden; /*expand ul arround li*/
  margin:0 auto;
  width:auto;
	z-index:1000;
	left:50%;
	z-index:50;
	width:940px;

	
}
#nav2 li {
border:0px solid #ccc; float:left; position:relative; margin: 0;
padding: 0;width:310px; text-align:center; height:53px; padding-top:17px;
}


#nav2 li.last {border-right:none;}
#nav2 li.current a {
	/*background: url(./img/subnavback2.png)  top left repeat-y ;
	background: url(./img/submenu-arrow4.png) no-repeat -1px -74px;*/
	font-weight:bold;
	background: url(../img/icons/menu-icon2.png) right 30px  no-repeat;
}

#nav2 li a {
	color:#555;
	margin: 0;
  line-height:1.4em;
  white-space:normal;
  /*background: url(./img/submenu-arrow4.png) no-repeat -20px 8px;*/
  font-size:100%;
  text-transform:uppercase;
  padding:24px 40px 14px 40px;
	background: url(../img/icons/menu-icon2.png) right -58px  no-repeat;
}

#nav2 a:hover {
	margin: 0; 
  white-space:normal;
  /*background: url(./img/submenu-arrow4.png) no-repeat 0px 8px;
  background: url(./img/subnavback2.png)  top left repeat-y ;*/
  font-size:100%;
  background: url(../img/icons/menu-icon2.png) right 30px  no-repeat;
}
/* Section Page Menu--------------------------------------------------------------------------------------------------------- */
#nav3 {clear:both; position:relative; height:auto;background:transparent;text-align:left;float:right; font-size:100%; width:100%;margin-bottom:15px;}


#nav3 ul {
	margin-bottom:0px;
	list-style: none;
  position:relative;
  overflow:hidden; /*expand ul arround li*/
  margin:0 auto;
	width:850px;
}

	
}
#nav3 li {
border:0px solid #ccc; float:left; position:relative; margin: 0;
padding: 0;width:33.3%; text-align:center; height:60px; padding-top:0px;
background: url(./img/cm-back9.png) left top  no-repeat;cursor:pointer;
}


#nav3 li.last {border-right:none;}
#nav3 li.current a {
	/*background: url(./img/subnavback2.png)  top left repeat-y ;
	background: url(./img/submenu-arrow4.png) no-repeat -1px -74px;*/
	font-weight:bold;
	background: url(../img/icons/menu-icon2.png) right 30px  no-repeat;
}

#nav3 li a {
	color:#555;
	margin: 0;
  line-height:1.4em;
  white-space:normal;
  /*background: url(./img/submenu-arrow4.png) no-repeat -20px 8px;*/
  font-size:100%;
  text-transform:uppercase;
  padding:20px 10px 14px 10px;

	display:block;
}
#nav3 li a span {padding:0px 40px 0px 40px; background: url(../img/icons/menu-icon2.png) right -83px  no-repeat;}
#nav3 li a:hover {
	margin: 0; 
  white-space:normal;
  /*background: url(./img/submenu-arrow4.png) no-repeat 0px 8px;
  background: url(./img/subnavback2.png)  top left repeat-y ;*/
  font-size:100%;
}

/* Section Content Menu ------------------------------------------------------------------------------------*/

#nav4 {clear:both; position:relative; height:auto;background:transparent;border-bottom:0px solid #0B4094; border-top:0px solid #0B4094;text-align:left;float:right; font-size:80%; width:100%;}

#nav4 ul {
	margin-bottom:0px;
	list-style: none;
  position:relative;
  overflow:hidden; /*expand ul arround li*/
  margin:0 auto;
	width:850px;
}
#nav4 li {
border:0px solid #ccc; float:left; position:relative; margin: 0;
padding:0;  width:33.3%; height:auto; padding-top:0px;
}
#nav4 li a {white-space:normal;padding-right:20px;color:#555; }

#nav4 li h4 {background: url(../img/icons/arrow-1.png) 0px 2px no-repeat;margin-left:20px;margin-top:10px; padding-left:20px;text-transform:uppercase;font-weight:bold;font-size:100%;}

#nav4 p {padding-left:40px;line-height:1.3em;}
#nav4 p a {color:#F57F00}
/* Language menu---------------------------------------------------------------------------------------- */
#lang {position:absolute; top:180px; width:100%; font-size:95%; left:1px; }

#lang ul {
display:block;
padding-top:0px;
white-space:nowrap;
list-style: none;
position:relative;
width:906px;
overflow:hidden; /*expand ul arround li*/
margin:0 auto;
}
#lang ul li {

float:right;
width: 24px;
height:24px;
overflow:hidden;
display:inline;
margin-bottom:5px;
}


#lang ul li.langact-en, #lang ul li.lang-en {clear:both; float:right;background: url(../img/icons/lang2.png) no-repeat -24px 0px;}
#lang ul li.langact-ru, #lang ul li.lang-ru {background: url(../img/icons/lang2.png) no-repeat 0px 0px;}

#lang ul li.lang-en {background: url(../img/icons/lang2.png) no-repeat -72px 0px;}
#lang ul li.lang-ru {background: url(../img/icons/lang2.png) no-repeat -48px 0px;}
#lang ul li.lang-en:hover {background: url(../img/icons/lang2.png) no-repeat -24px 0px;}
#lang ul li.lang-ru:hover {background: url(../img/icons/lang2.png) no-repeat 0px 0px;}
#lang ul li.langact {display:block;}

#lang ul li a {color:#fff;}



li.nav-1, li.navact-1 {
height:22px !important;
white-space:nowrap;
}

li.nav-2, li.nav-3, li.navact-2, li.navact-3 {
height:22px !important;
white-space:nowrap;


}

/* social menu --------------------------------------------------------------------------------------*/
ul#socialmedia {width:24px; text-align:right; list-style: none;position:relative;}
ul#socialmedia li { height:24px;width:24px; overflow:hidden;margin-bottom:3px;}
ul#socialmedia li a {display:block;color:#fff;}
ul#socialmedia li a span { padding-left:200px;}
ul#socialmedia li.facebook {background: url(../img/icons/facebook-4.png) no-repeat -24px 0px;}
ul#socialmedia li.odnoklassniki {background: url(../img/icons/odnoklassniki-4.png) no-repeat -24px 0px;}
ul#socialmedia li.vkontakte {background: url(../img/icons/vkontakte-4.png) no-repeat -24px 0px;}
ul#socialmedia li.linkedin {background: url(../img/icons/linkedin-4.png) no-repeat -24px 0px;}
ul#socialmedia li.facebook:hover {background-position: 0px 0px;}
ul#socialmedia li.odnoklassniki:hover {background-position: 0px 0px;}
ul#socialmedia li.vkontakte:hover {background-position: 0px 0px;}
ul#socialmedia li.linkedin:hover {background-position: 0px 0px;}

/* footer menu --------------------------------------------------------------------------------------*/
div#nav-footer {position:absolute; left:5px; top:5px;}
ul.fm {list-style:none; color:#999;}
ul.fm li {float:left;}
ul.fm li a {color:#999;}
ul.fm li.current a {color:#555;}
ul.fm li a:hover {color:#555;}
/* Close @media all - DO NOT DELETE! */
}
@media print
	{
	
	#nav1 {display:none;}
  #subnav {display:none;}
	}
	
/*rte ----------------------------------------------------------------------------------------*/

/********************************************************
Area-Content and RTE-Defaults
TYPO3
********************************************************/

/* Area-Content customized .*/
body.htmlarea-content-body {background-color: #fff; font-size:16px; font-family: 'Arial', Verdana, Helvetica, sans-serif; color:#5679E1}
body.htmlarea-content-body table {font-size:1em; width:100%;color:#fff;}
body.htmlarea-content-body table td {padding:0.3em; }
body.htmlarea-content-body p {line-height:1.5em; color:#333;}
body.htmlarea-content-body h1 { margin-bottom:10px; color:#396DB5; font-size:1.5em; font-weight:bold; }
body.htmlarea-content-body h1 IMG {display:inline; white-space:nowrap;}
body.htmlarea-content-body h2 {margin-bottom:6px;color:#396DB5; font-size:1.1em;font-weight:bold; line-height:2em;}
body.htmlarea-content-body h2 IMG {display:inline; white-space:nowrap;}
body.htmlarea-content-body h3 {font-size:1.1em; margin-bottom:4px; color:#ccc; background:transparent;}
body.htmlarea-content-body img {border:none;}
body.htmlarea-content-body a:link {color:8D0000 !important; text-decoration:none !important;}
body.htmlarea-content-body ol, ul { line-height: 1.6em; }


.left-indent-20 {padding-left:20px;}
.left-indent-20 h1, .left-indent-20 h2, .left-indent-20 h3 {margin-left:-20px;}

.left-indent-50 {padding-left:50px;}
.left-indent-50 h1, .left-indent-50 h2, .left-indent-50 h3 {margin-left:-50px;}

.left-indent-100 {padding-left:100px;}
.left-indent-100 h1, .left-indent-100 h2, .left-indent-100 h3 {margin-left:-100px;}

ul.grk_list { margin:5px 0 12px 40px; text-align:left; line-height: 1.6em; list-style-image: url("../img/icons/grk-list.png");}
ul.grk_list_bold { margin:5px 0 7px 20px; text-align:left; line-height: 1.8em; list-style-image: url("../img/icons/grk-list.png"); font-weight:bold;}
ul.grk_list_bullet { margin:5px 0 7px 20px; text-align:left; line-height: 1.6em; list-style-image: url("../img/icons/grk-list-bull.png");}

span.important { color:#8D0000; margin: 0; text-decoration: none; font-weight:bold;}

span.dontbreak {white-space: nowrap;}
span.spacing {letter-spacing:0.1em;}
span.small-text {font-size:86%;margin: 0;}

span.grk_bold { font-weight:bold; color:#F57F00; margin: 0;}
span.grk_orange { color:#F57F00;}
span.extra {color:#8D0000; font-weight:bold;margin: 0;}
/*------link accessibity features--------*/
/*---------normal-----------------*/
  
a.external-link {padding-left:22px;  background:url(../img/icons/ext-grk.png) no-repeat left;}
a.external-link-new-window {padding-left:22px;  background:url(../img/icons/ext-grk.png) no-repeat left; }
a.internal-link {padding-left:22px;  background:url(../img/icons/ext-grk.png) no-repeat left;}
a.internal-link-new-window {padding-left:22px;  background:  url(../img/icons/ext-grk.png) no-repeat left;}
a.mail {padding-left:19px;  background:  url(../img/icons/mail-medium.png) no-repeat 0px 4px;}
a.zip {padding-left:19px;  background: url(../img/icons/grk-zip.html) no-repeat left;}
a.doc {padding-left:19px;  background: url(../img/icons/grk-document.png) no-repeat left;}
a.pdf {padding-left:19px;  background: url(../img/icons/grk-pdf.png) no-repeat left;}
a.txt {padding-left:19px;  background: url(../img/icons/grk-document.png) no-repeat left;}
/*---------hover-----------------*/


p.kursiv {
font-style:italic;
padding-left:30px;
padding-bottom:15px;
position:relative;
}
p.leftspace {
padding-left:20px;
}
p.small {
font-size:86%;
} 

p.autor { margin:0;text-align:right;font-style:italic;}


hr.color1 {color:#333;background-color:#333;border-bottom:1px #777 dashed;}

.color2 {
color: #D50045;
}
td.td-orange {background: #F57F00 !important; color: #fff;line-height:1.3em;}

td.td-orange-bold {background: #F57F00 !important; color: #fff;line-height:1.3em; font-weight:bold; }



/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/*table ul.holzformen_L1, ul.holzformen_L2, ul.holzformen_L3, ol.component-items-ordered, ol.action-items-ordered {padding-left:0px;}*/
table.round {text-align:left;line-height:1.3em;font-size:95%;margin-bottom:26px;border-top:1px #ccc solid;background:#F8F8F8;}
table {text-align:left;line-height:1.3em; border:1px #ccc solid;background:#F8F8F8;}
table {margin-left:1px; margin-top:1px; border:1px #ccc solid; width:99.8%;}
table td {color:#777; }
table td {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
table td {height:60px;}
table th {height:60px;}

/* slider ---------------------------------------------------------------------------------*/

.coin-slider { overflow: hidden; zoom: 1; position: relative;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 500px; padding: 10px 400px 2px 20px; background:#fff; color: #333; top:40px; right:-980px; opacity:0.8; }
.cs-title h3 { border-bottom:none;font-weight:normal;color:#555; margin-bottom:4px; font-size:100%; background: url(../img/icons/arrow-1.png) no-repeat left center; padding-left:15px;}
.cs-title p {padding-bottom:0px;font-size:90%; line-height:1.6em;padding-left:15px;background: url(../img/icons/arrow-1.png) no-repeat left 4px; padding-left:16px;}
.cs-title p.autor {font-size:70%;padding-bottom:6px; background:none;}
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/*mailform -----------------------------------------------------------------------------------*/

/* Powermail */
	/* Form */
	
	
.tx-powermail-pi1 {overflow:hidden;}
.tx-powermail-pi1_formwrap_148 {
/* Mainform english */
width:420px;
min-height:280px;
padding:0px;
margin:0px 0px 0px 0px;
}


tx-powermail_pi1_fieldwrap_html_text {
/* input english */
clear:both;
width:480px;
height:26px;
overflow:hidden;
}
#powermaildiv_uid1, #powermaildiv_uid3 {margin:0px 0px 10px 0px; background:url(./img/phone2.png) no-repeat 0px 2px; padding-left:32px;}
#powermaildiv_uid1 label, #powermaildiv_uid3 label {display:none;}

#powermaildiv_uid2 input, #powermaildiv_uid4 input{
/* Submit button english */
border:none;
margin-left:30px;

}

.tx-powermail-pi1_mandatory {
margin-top:20px;
}
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #B01E32;
}

.powermail_mandatory_list {
margin-bottom:20px;
color: #B01E32;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(../../../typo3conf/ext/powermail/img/icon_exclamation.html);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
.tx-powermail-pi1_fieldset {
	/* Fieldset */
  border: 0px;
	padding: 0px 0px 0px 0px;
	
}

.tx-powermail-pi1_fieldset fieldset {
	/* Fieldset */
  border: 0px;
}
.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	display:none;
}
.tx-powermail-pi1 label {
	/* label */
	display: block;
	height:16px;
	width: 86px;
	float: left;
	text-align:right;
	font-size:13px;
	padding: 2px 10px 0 0;	
}




select.powermail_select {
	width: 60px;border:1px #ccc solid;background:#fff;font-size:12px;height:22px;
}
/* normal input with text*/
input.powermail_text{
	width: 220px;line-height:16px;font-size:13px;border:1px #ccc solid; height:20px; padding: 0 3px 0 3px; overflow:hidden; 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url(./img/number.png) left center no-repeat ;
}

.powermail_textarea { width:296px ! important; height:150px ! important;font-size:12px;border:1px #ccc solid;background:#fff;padding:3px; }

.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin-bottom: 8px;
}
.tx-powermail-pi1_fieldset input[type=submit] {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
	height:30px;
	border:none;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 0 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

/* Country select */
.powermail_countryselect {
width:246px; line-height:16px;font-size:12px;border:1px #ccc solid; height:22px; padding: 0 0 0 6px; overflow:hidden;margin-bottom:5px;
}



/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#F57F00;
	border:1px solid #F57F00;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-10px;
	margin-top:-5px;
  z-index:9999;
  text-align:left;
  height:auto;
  width:auto;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

.error p {
	margin: 0;
	padding: 0;

}

/* pure CSS arrow */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#F57F00 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-11px;
	left:10px;
	border-bottom:0 none;
}
/* normal content for mailforms */


/***conditions***/
/*--------------------------------------------------------------------*/
/*start 1600px*/@media all and (max-width: 1600px) {

}/*stop 1600px*/
/*--------------------------------------------------------------------*/
/*start 1300px*/@media all and (max-width: 1370px) {

}/*stop 1300px*/
/*--------------------------------------------------------------------*/
/*start 1200px*/ @media all and (max-width: 1200px) {  
#start-trailer img {
    width: 140%;
}
}/*stop 1200px*/
/*--------------------------------------------------------------------*/
/*start 1030px*/@media all and (max-width: 1030px) {   
/*--------------------------------------------------------------------*/

}/*stop 1030px*/
/*--------------------------------------------------------------------*/
/*start 900px*/@media all and (max-width: 900px) {  
#start-trailer img {
    width: 160%;
}
}/*stop 900px*/
/*--------------------------------------------------------------------*/
/*start 800px*/@media all and (max-width: 800px) {   

}/*stop 800px*/
/*--------------------------------------------------------------------*/
/*start 700px*/@media all and (max-width: 700px) {   
	
}/*stop 700px*/
/*--------------------------------------------------------------------*/
 /*start 650px*/@media all and (max-width: 650px) { 
 #start-trailer.start-trailer-top {margin-top:1em;}
 #start-trailer.start-trailer-bottom {margin-bottom:1em;}
 #startnav {font-size:150%;}
 #start-logo img {max-width: 400px;}
 #start-country {font-size:130%;}
 #start-footer { font-size:1rem;}
}/*stop 650px*/ 
/*--------------------------------------------------------------------*/
 /*start 570px*/@media all and (max-width: 570px) {      

	
}/*stop 500px*/
/*--------------------------------------------------------------------*/ 
/*start 450px*/@media all and (max-width: 450px) {
#start-logo img {max-width: 320px;}
 #start-country {font-size:110%;}
 #start-footer { font-size:0.8rem;}
}/*stop 450px*/
/*--------------------------------------------------------------------*/
/*start 350px*/@media all and (max-width: 450px) {
#start-logo img {max-width: 300px;}
 #start-country {font-size:95%;}
 #start-footer { font-size:0.7rem;}
}/*stop 350px*/
/*--------------------------------------------------------------------*/