/* Erstellt von Robert Jung am 27.10.09 */
/* Firma: Telemedia Interactive Grafik Abteilung */
/* Domain: http://www.telemedia-interactive.de */
/* Email: rj@telemedia-interactive.de */


html
{
	overflow-y:scroll;
}
html, body {
		 text-align:center;
        padding:10px 0;
        margin:0;
        background-color:#fff;
        font-family:verdana, arial, sans-serif;
        color:#666;
		  font-size:0.9em;
}

/* ### basics ### */
a, a:visited, a:active { color : #999; font-size:0.8em; text-decoration:none;}
a:hover, #aktive { color : #cc0033;}

img { border:0; }

/* ### Layout begin ### */
#box
{
	position:relative;
	margin:0 auto;
	background-image:url(../img/center.jpg);
	background-repeat:repeat-y;
	width:953px;
	text-align:left;
}
#header
{
	position:relative;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
	width:953px;
	height:113px;
}
#navleiste
{
	position:relative;
	height:22px;
}
#bild{
    position:relative;
    top:10px;
    left:40px;
    width:903px;
		padding: 0 15px;
    height:324px;
    }
#content_index
{
	position:relative;
	top:10px;
   width:953px;
	min-height: 100px;
   height: auto !important;
   height: 200px;
   padding-bottom:80px;
}
#middle
{
	position:relative;
   width:953px;
   float:left;
   background-image:url(../img/center.jpg);
	background-repeat:repeat-y;
}
#grafik_background_left
{
	position:absolute;
	background-image:url(../img/grafik_content_left.png);
	background-repeat:no-repeat;
	width:263px;
   height:142px;
   bottom:0px;
   left:42px;
}
#grafik_background_right
{
	position:absolute;
	background-image:url(../img/grafik_content_right.png);
	background-repeat:no-repeat;
	width:132px;
   height:61px;
   bottom:0px;
   right:12px;
}
#grafik_background_right_index
{
	position:absolute;
	background-image:url(../img/grafik_content_right.png);
	background-repeat:no-repeat;
	width:132px;
   height:61px;
   bottom:10px;
   right:12px;
}
#navi_left
{
	position:relative;
   width:240px;
   float:left;
   left:40px;
   padding-bottom:170px;
}
#content
{
	position:relative;
	top:50px;
	min-height: 445px;
   height: auto !important;
   height: 200px;
   padding-bottom:80px;
   border-left:1px solid #eee;
   width:670px;
   float:left;
   left:40px;
}
#footer
{
	position:relative;
   background-image:url(../img/fu1.jpg);
   background-repeat:no-repeat;
   height:76px;
   float:left;
   width:953px;
   margin:0;
}
#footer_index
{
  	position:relative;
   background-image:url(../img/fu_home.jpg);
   background-repeat:no-repeat;
   height:76px;
   float:left;
   width:953px;
   margin:0;
}
/* ### Layout end ### */



/* ### Inhalt begin ### */
h2
{
	position:relative;
	left:20px;
	width:550px;
	color:#cc0033;
	font-size:1.1em;
	line-height:1.2em;
	margin:0;
	top:0px;
}
h2#index {
	position:relative;
	left:80px;
	width:720px;
	color:#cc0033;
	font-size:1.1em;
	line-height:1.1em;
	margin:0;
	top:35px;
	}
h3
{
	position:relative;
	left:55px;
	width:550px;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 5px 0;
	font-weight:700;
	top:20px;
	z-index:4;
}
h4
{
	position:relative;
	left:55px;
	width:550px;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 5px 0;
	font-weight:700;
	top:0px;
}

p
{
	position:relative;
	color:#666;
	line-height:1.7em;
	font-size:0.9em;
	left:55px;
	top:17px;
	margin:0 0 15px 0;
	width:500px;
	text-align:left;
}
p#alternative
{
	position:relative;
	top:0;
	margin:0 0 30px 0;
}
p#startseite {
	position:relative;
	color:#666;
	line-height:1.7em;
	font-size:0.9em;
	left:100px;
	top:45px;
	margin:0;
	width:780px;
	text-align:justify;
	}
p#absatz {
	line-height:20px;
	margin-bottom:25px;
	}
ul
{
	position:relative;
	top:46px;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.2em;
}
#kursiv { font-style:italic; }
ul#jobs
{
	position:relative;
	top:2px;
	margin-left:70px;
	padding:0;
	font-size:1.0em;
	line-height:1.5em;
	width:585px;
}
ul#produkte
{
	position:relative;
	top:46px;
	bottom:0;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.2em;
}
ul#sitemap
{
	position:relative;
	top:20px;
	margin:0 0 20px 0;
}
ul#sitemap li nav
{
	border-bottom:1px solid #e9e9e9;
	margin:0 20px 4px 20px;
	line-height:24px;
	width:200px;
}
ul#sitemap li#subnav, ul#sitemap li#subnavsub, ul#sitemap li#subnavsubnav
{
	border-bottom:0px solid #e9e9e9;
	margin:0 20px 4px 20px;
}
ul#sitemap li#subnavsubnav {
	margin:0 20px 4px 36px;
	}
ul#jobs li
{
	position:relative;
	padding-left:15px;
	background-image:url(../img/bullet_n.gif);
	background-position: 0px 7px;
	background-repeat:no-repeat;
	line-height:1.6em;
}
li#nav
{
	border-bottom:1px solid #e9e9e9;
	margin:0 20px 4px 20px;
	line-height:24px;
	padding-left:5px;
}
li#subnav
{
	border-bottom:1px solid #eee;
	margin:0 20px 4px 20px;
	line-height:24px;
	padding-left:6px;
}
* html li#subnav { padding:4px 0 4px 6px } 		/*IE6 IE5.5*/


li#subnavsub
{
	border-bottom:1px solid #eee;
	margin:0 20px 4px 20px;
	line-height:24px;
	padding-left:19px;
}
li#subnavsubnav
{
	border-bottom:1px solid #eee;
	margin:0 20px 4px 35px;
	line-height:24px;
	padding-left:19px;
}
ul#sitemap #nav, ul#sitemap #nav a, ul#sitemap #nav a:visited, ul#sitemap #nav active
{
	margin-top:25px;
	font-weight:bold;
	color:#666;
	}
ul#sitemap #nav a:hover
{
	color:#c03;
}
/* ### Inhalt end ### */



/* Start der Navigation oben */

#navi
{
	position:relative;
	height:21px;
	width:710px;
	left:270px;
}

#nav1 a, #nav1 a:visited, #nav1 a:active {float:left; margin-right:5px; width:59px; height:21px; background-image:url(../button/home_n.gif);}
#nav2 a, #nav2 a:visited, #nav2 a:active  {float:left; margin-right:5px; width:81px; height:21px; background-image:url(../button/produkte_n.gif);}
#nav3 a, #nav3 a:visited, #nav3 a:active  {float:left; margin-right:5px; width:102px; height:21px; background-image:url(../button/technologie_n.gif);}
#nav4 a, #nav4 a:visited, #nav4 a:active  {float:left; margin-right:5px; width:96px; height:21px; background-image:url(../button/referenzen_n.gif);}
#nav5 a, #nav5 a:visited, #nav5 a:active  {float:left; margin-right:5px; width:84px; height:21px; background-image:url(../button/ueberuns_n.gif);}
#nav6 a, #nav6 a:visited, #nav6 a:active  {float:left; margin-right:5px; width:59px; height:21px; background-image:url(../button/news_n.gif);}
#nav8 a, #nav8 a:visited, #nav8 a:active  {float:left; margin-right:5px; width:59px; height:21px; background-image:url(../button/jobs_n.gif);}
#nav9 a, #nav9 a:visited, #nav9 a:active  {float:left; margin-right:5px; width:69px; height:21px; background-image:url(../button/kontakt_n.gif);}

#nav1 a:hover, #nav1 #aktive1 {background-image:url(../button/home_o.gif);}
#nav2 a:hover, #nav2 #aktive2 {background-image:url(../button/produkte_o.gif);}
#nav3 a:hover, #nav3 #aktive3 {background-image:url(../button/technologie_o.gif);}
#nav4 a:hover, #nav4 #aktive4 {background-image:url(../button/referenzen_o.gif);}
#nav5 a:hover, #nav5 #aktive5 {background-image:url(../button/ueberuns_o.gif);}
#nav6 a:hover, #nav6 #aktive6 {background-image:url(../button/news_o.gif);}
#nav8 a:hover, #nav8 #aktive8 {background-image:url(../button/jobs_o.gif);}
#nav9 a:hover, #nav9 #aktive9 {background-image:url(../button/kontakt_o.gif);}

/* Start der Navigation unten */
#footer_link
{
	position:relative;
	background:#fff;
	line-height:1.0em;
	font-size:1.0em;
	width:953px;
	padding-left:65px;
}
#footer_left
{
	position:relative;
	float:left;
	width:645px;
}
#copyright
{
	position:relative;
	color:#999;
	float:left;
	font-size:0.8em;
	width:210px;
	line-height:1.0em;
}
#textlink a, #textlink a:visited, #textlink a:active {
	font-size:0.9em;
	padding-right:13px;
	background-image:url(../button/pfeil_unten_n.gif);
	background-position: 68px 3px;
	background-repeat:no-repeat;
	}
#textlink a:hover {
	background-image:url(../button/pfeil_unten_o.gif);
	}

a.textlink , a:visited.textlink, a:active.textlink  {
	font-size:12px;
}
#textlinkunten a, #textlinkunten a:visited, #textlinkunten a:active {
	font-size:0.9em;
	padding-right:15px;
	background-image:url(../button/pfeil_oben_n.gif);
	background-position: 70px 3px;
	background-repeat:no-repeat;
	}
#textlinkunten a:hover {
	background-image:url(../button/pfeil_oben_o.gif);
	}

/* Formular beginn */
#flaeche {
	   position:relative;
		margin:15px 0 15px 15px;
		width:498px;
		left:41px;
}
#form_head {
	position:relative;
	font-size:12px;
	padding:5px 0;
	color:#666;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #e9e9e9;
	}
#formtext {
	padding-left:5px;
	}
#form {
	position:relative;
	float:left;
	width:110px;
	color:#666;
	height:16px;
	font-size:12px;
	padding:3px 0 0 6px;
	}
input {
	width:202px;
	}
input, textarea, select {
	border:1px solid #ccc;
	color:#666;
	overflow: hidden;
	padding-left:2px;
	margin-bottom:2px;
	margin-left:0;
	}
* *:first-child+body #browser_inputPLZ { width:46px;} /* Mozilla */
*:not(hr) #browser_inputOrt { width:145px; }  /* Mozilla */
*:not(hr) input { width:201px; }  /* Mozilla */
*:not(hr) input, textarea, select { margin-bottom:5px }  /* Mozilla */
*.* #browser_inputPLZ { width:46px }
*.* #browser_inputOrt { width:150px }


.IE {
	width:146px;
	}
.IEplz {
	width:46px;
	}
#submit, #reset {
	border:1px solid #aaa;
	color:#666;
	background-color:#fff;
	padding:1px 0 1px 2px;
	margin:10px 4px 0 0;
	width:150px;
	}

*:not(hr) #submit, #reset { padding:2px 12px }  /* Mozilla */
#rahmenrotU {
	border:1px solid #cc0033;
	}
/* Formular Ende */

/* Bl�ttern */
p#blaettern, p#bildausgabe {
	position:relative;
	top:0;
	text-align:left;
	}
#blaettern a, #blaettern a:visited, #blaettern a:active {
	font-size:1.0em;
	padding:2px 4px;
	margin-right:3px;
	border:1px solid #ddd;
	color:#999;
	}
#blaettern a:hover, #blaettern #aktive {
	color:#fff;
	background-color:#c03;
	}
#blaettern #aktive {
	font-size:1.0em;
	padding:2px 4px;
	margin-right:3px;
	border:1px solid #ddd;
	background-color:#c03;
	color:#fff;
	}
#bildausgabe a, #bildausgabe a:visited, #bildausgabe a:active  {
	color:#666;
	padding-left:17px;
	background-image:url(../img/lupe.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}
#bildausgabe a:hover {
	color:#cc0033;
	}
#download
{
	color:#cc0033;
	font-size:12px;
	padding-left:17px;
	background-image:url(../img/lupe.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}


#pic1 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:100px;}
#pic2 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:205px;}
#pic3 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:125px;}
#pic4 { position:absolute; left:0; top:20px; color:#cc0033; z-index:3; font-size:12px; padding-left:270Px;}
#pic5 { position:absolute; left:0; top:20px; color:#cc0033; z-index:3; font-size:12px; padding-left:174px;}
#pic6 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:103px;}
#pic7 { position:absolute; left:0; top:20px; color:#cc0033; z-index:3; font-size:12px; padding-left:117px;}
#pic8 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:330px;}
#pic9 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:384px;}
#pic10 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:319px;}
#pic11 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:223px;}
#pic12 { position:absolute; left:0; top:20px; color:#cc0033; z-index:3; font-size:12px; padding-left:121px;}
#pic13 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:100px;}
#pic14 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:180px;}
#pic15 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:89px;}
#pic16 { position:absolute; left:0; top:0px; color:#cc0033; z-index:3; font-size:12px; padding-left:89px;}

a:hover#pic1 {position:absolute; z-index:6; width:144px; height:283px; left:0px; background-image:url(../bilder/personal/nicole_u.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic2 {position:absolute; z-index:6; width:104px; height:283px; left:0px; background-image:url(../bilder/personal/jenny.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic3 {position:absolute; z-index:6; width:140px; height:283px; left:0px; background-image:url(../bilder/personal/hotti.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic4 {position:absolute; z-index:6; width:104px; height:283px; left:0px; background-image:url(../bilder/personal/bernie.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic5 {position:absolute; z-index:6; width:120px; height:283px; left:0px; background-image:url(../bilder/personal/lian.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic6 {position:absolute; z-index:6; width:164px; height:283px; left:0px; background-image:url(../bilder/personal/nicole.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic7 {position:absolute; z-index:6; width:154px; height:283px; left:0px; background-image:url(../bilder/personal/florian.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic8 {position:absolute; z-index:6; width:664px; height:283px; left:0px; background-image:url(../bilder/personal/jenny.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic9 {position:absolute; z-index:6; width:104px; height:283px; left:0px; background-image:url(../bilder/personal/claudia.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic10 {position:absolute; z-index:6; width:104px; height:283px; left:0px; background-image:url(../bilder/personal/robert.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic11 {position:absolute; z-index:6; width:120px; height:283px; left:0px; background-image:url(../bilder/personal/aranka.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic12 {position:absolute; z-index:6; width:145px; height:283px; left:0px; background-image:url(../bilder/personal/laslo.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic13 {position:absolute; z-index:6;width: 134px; height:283px; left:0px; background-image:url(../bilder/personal/michael_new.jpg); background-position: 0px 22px; background-repeat:no-repeat;}
a:hover#pic14 {position:absolute; z-index:6; width:120px; height:300px; left:0px; background-image:url(../bilder/personal/andreas.jpg); background-position: 0px 20px; background-repeat:no-repeat;}
a:hover#pic15 {position:absolute; z-index:6; width:160px; height:300px; left:0px; background-image:url(../bilder/personal/katalin.jpg); background-position: 0px 20px; background-repeat:no-repeat;}
a:hover#pic16 {position:absolute; z-index:6; width:160px; height:300px; left:0px; background-image:url(../bilder/personal/Corina.jpg); background-position: 0px 20px; background-repeat:no-repeat; }

#lupe_alt
{
	position:relative;
	top:2px;
}
/* Login Bereich */
div#login {
	position:relative;
	color:#666;
	line-height:1.1em;
	font-size:0.9em;
	left:55px;
	top:17px;
	margin:20px 0 15px 0;
	width:500px;
}
*body div#login[id] { margin:20px 0 0px 0 } /* IE 7*/
#login #form {
		padding:3px 0 0 0px;
	}
#login input {
	width:150px;
}
#login #submit {
	width:85px;
	padding:1px 0 2px 0;
}

#login #reset {
	width:130px;
	padding:1px 0 2px 0;
}
*body #login #reset[id] { height:22px; } /* IE 7*/
*body #login #submit[id] { height:22px; } /* IE 7*/
#loginlink{
	position:absolute;
	top:28px;
	right:42px;
	float:right;
	border-bottom:0px solid #ccc;
	font-size:14px;
	}
#user_info{
	font-size:11px;
	color:#999;
	}



/* Cookie Banner */
.cookie-container {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 350px;
	padding: 1.5rem;
	background-color: #680a25;
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	border-radius: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
	z-index: 9999;
	display: none;
}
.cookie-container.open {
	display: block;
}

.cookie-container .cookie-item {
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
	
}
.cookie-container .cookie-close {
	background-color: #fff;
	border-radius: 10px;
	padding: .5rem 1rem;
	color: #333;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	
}

/* Datenschutz */
.datenschutz {
	padding:0 30px 0 55px;
}

.datenschutz h3,
.datenschutz p,
.datenschutz small {
	left: 0;
}
.datenschutz h3 {
	line-height: 1.5;
}
.datenschutz p > a {
	font-size: 12px;
	color: #666;
	text-decoration: underline;
}
.datenschutz ol,
.datenschutz ul {
	top: 10px;
	margin: inherit;
	padding: inherit;
	list-style: inherit;
	font-size: inherit;
}
.datenschutz ol {
	list-style: lower-alpha;
}
.datenschutz ol li,
.datenschutz ul li {
	line-height: 1.5;
	font-size: 0.9em;
	padding: 2px 0;
}
.datenschutz small {
	display: inline-block;
	margin-top: 20px;
}