@charset "UTF-8";

/* @override 
	http://gaav/css/basic.css
	http://gaav/css/print.css
*/

/* last modified:
	date: 2009|04|22
	author: Björn Bippus-Brender
	client: GAAV
*/

/* @group Reset CSS */

/* Reset Styesheet by http://meyerweb.com/eric/tools/css/reset/*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,


del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

a:focus, #suche a:focus {  
outline: none !important;  
} 
/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */

/* @end */

/* @group Container  */

html,
body {
	background: #fff;
	margin: 0;
	padding: 0;
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #3e3e3e;
}

#container {
	width: 980px;
	background: url(../images/background/container-bg.jpg) repeat-y 950px 0;
}
#head{
	width: 900px;
	height: 151px;
	padding-left: 50px;
}

.signet {
	margin-top: 50px;
	margin-bottom: 10px;
	float: left;
	display: inline;
}

.signet h1{
	text-indent: -9999px;
	
}



/* @end */

/* @group Service Navigation */

#service-box{
	margin-top: 34px;
	float: right;
	display: inline;
	width: 590px;
}

#service-navigation{
	
	float: left;
	display: inline;
	margin-top: 5px;
}
#service-navigation ul{
	list-style-type: none;
	
}

#service-navigation li{
	font-size: 12px;
	float: left;
	display: inline;
	padding-right: 12px;
	padding-left: 12px;
	background: url(../images/icons/service-barline.gif) no-repeat right center;
}

#service-navigation li a{
	color: #414141;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}



/* @end */

/* @group Slideshow */

#box1, #box2, #box3, #box4{
	position: absolute;
}

.mask{
	
	width:265px;
	height:110px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}

/* @end */

#bilder {

	border: 0;
	overflow: hidden;

}

/* @end */

/* @group Suche */

#suche{
	width: 224px;
	display: inline;
	float: right;
	margin-top: 2px;
}


.search-bg
{
	
	height: 46px;
	background: url(../images/layout/suche.gif) no-repeat;

}

.textInput
{
	width: 110px;
	background: none;
	border: none;
	display: inline;
	float: left;
	font-size: 11px;
	color: #676767;
	margin-top: 5px;
	
}

#imageField {
	border: none !important;
	width: 21px !important;
	height: 19px;
	margin-top: 3px;
	float: left;
	padding-left: 9px;
}

#suche input:active,
#suche input:focus {
	outline: none;
}

#suche input:active,
#suche input:focus {
	outline: none;
}



/* @end */

/* @group Navigation */

#navigation{
	width: 950px;
	height: 30px;
	background: url(../images/layout/nav-bg.jpg) repeat-x 0 0;
}

#navigation ul{
	
	padding-left: 74px;
	list-style-type: none;
}

#navigation li{
	font-size: 12px;
	float: left;
	display: inline;
	padding-right: 46px;
	margin-top: 7px;
}

#navigation li a{
	color: white;
	text-decoration: none;
	
}
.grenzgaenger   {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 55px;
	}
	
.aufenthalter   {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 166px;
	}

.familienleistungen   {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 287px;
	}

.arbeitsrecht   {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 421px;
	}

.job  {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 518px;
	}

.service {	
	height: 30px;
	margin-top: 0;
	background: url(../images/background/grenzgaenger-nav-bg.jpg) no-repeat 613px;
	}
	
#subnavigation{
	background: #8e8e8e url(../images/background/subnav-bg.jpg) repeat-x;
	height: 120px;
	width: 578px;
	float: left;
	display: inline;
	padding-left: 62px;
	padding-top: 20px;
}

.subnav-first, .subnav-second, .subnav-third, .subnav-forth{
	float: left;
	display: inline;
	
}

.subnav-first ul{
	padding-right: 57px;
}

.subnav-third ul{
	padding-left: 57px;
	
}

.subnav-first li, .subnav-second li, .subnav-third li, .subnav-forth li{
	font-size: 11px;
	
}

.subnav-first li a, .subnav-second li a, .subnav-third li a, .subnav-forth li a{	
	color: white;
	line-height: 18px;
	background: url(../images/icons/pfeil-subnavigation.gif) no-repeat 0 0;
	text-decoration: none;
	padding-left: 14px;
}

.subnav-first li a:hover, .subnav-second li a:hover, .subnav-third li a:hover, .subnav-forth li a:hover{
	text-decoration: underline;
}


#wechselthema{
	float: right;
	display: inline;
	background-color: #cfcfcf;
	margin-right: 30px;
	height: 130px;
	width: 290px;
	padding-left: 20px;
	padding-top: 10px;
	
}

#wechselthema p{
	font-size: 11px;
	line-height: 14px;
	padding-right: 80px;
}

#wechselthema h4{
	font-size: 11px !important;
	line-height: 14px;
	margin-bottom: 4px;
}




/* @end */

/* @group content */

#content {
	padding-left: 74px;
	margin-bottom: 10px;
	background: url(../images/background/content-bg.jpg) repeat-x 0 0;
	width: 876px;
}



#content .box{
	width: 815px;
	margin-top: 30px;
	
}

#content-folgeseite {
	margin-bottom: 20px;
	background: url(../images/background/content-bg.jpg) repeat-x 0 0;
	width: 950px;
}
#left-box{
	width: 294px;
	float: left;
	display: inline;
}

#left-box .media-img{
	padding: 0;
	margin: 0;
	background-color: #e9e9e9;
}

#left-box .media-text, 
#left-box .media-kontakt{
	margin: 0;
	background-color: #e9e9e9;
	padding: 25px;
}


#left-box .media-kontakt{

	padding-top: 1px !important;
}


#left-box .media-text p{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	
}

#left-box .media-download{
	height: 30px;
	padding: 0;
	margin: 0;
	background: url(../images/background/download-bg.gif) no-repeat;
}

#left-box .media-download .left{
float: left;
	padding: 6px 0 0 20px;

}

#left-box .media-download .right{

	padding: 6px 0 0 12px;

}

#text-content{
	float: right;
	display: inline;
	width: 440px;
	padding-right: 140px;
	margin-bottom: 24px;
}

#feiertage{
	padding-left: 74px;
	margin-bottom: 12px;
}

#feiertage p, #feiertage li{
padding-right: 200px;
}



#text-content ul, #feiertage ul {
	
	list-style-type: square;
	list-style-position: outside;
	margin-top: 15px;
	margin-bottom: 12px;
	padding-left: 14px;
	padding-right: 80px;
}

#text-content ul li ul  {
	
	margin-top: 8px;
	margin-bottom: 12px;
	padding-left: 46px;
	list-style-position: outside;
}

#text-content ul li ul li {
	
	list-style: circle !important;
	
}

#text-content ol {
	
	list-style-type: lower-alpha;
	list-style-position: outside;
	margin-top: 15px;
	margin-bottom: 12px;
	padding-left: 20px;
}

#text-content li, #feiertage li {
	margin-bottom: 6px;
}


.head-teaser-left{
	float: left;
	display: inline;
	width: 460px;
	}

.head-teaser-left h2, .head-teaser-right h2{
 text-indent: -9999px;
 margin: 0;
padding: 0;
	font-size: 11px;
	line-height: 12px;
}

.head-teaser-right{
	float: right !important;
	display: inline;
	width: 308px;

}

.head-teaser-right a{
	font-weight: bold;
	text-decoration: none;
}

.head-teaser-right a:hover{
	text-decoration: underline;
}

.more{
	background: url(../images/icons/pfeil.gif) no-repeat 0 3px;
	padding-left: 13px;
	font-weight: bold;
}

.more a{
	text-decoration: none;
}

.more a:hover{
	text-decoration: underline;
}

.imagebox-left, .imagebox-middle, .imagebox-right{
	height: 152px;
	background: white url(../images/background/imagebox-bg.gif) no-repeat;
}


.readmore {
	color: #3d3c3f;
	font-weight: bold;
	margin-top: 8px;
	padding-left: 15px;
}

.readmore a {
	text-decoration: none;
 display: block;
 padding-bottom: 7px;
}

.imagebox-left, .imagebox-middle{
	float: left;
	display: inline;
	padding-right: 10px;
	width: 265px;
}

.imagebox-right{
	width: 265px;
	float:right;
	display: inline;
}


.teaser1, .teaser2, .teaser3, .teaser4{
	width: 170px;
	padding-right: 29px;
	float: left;
	display: inline;

}

.teaser1 p, .teaser2 p, .teaser3 p , .teaser4 p{
	font-size: 11px;
	color: #3e3e3e;
	line-height: 15px;
}

.teaser1 h2, .teaser2 h2, .teaser3 h2, .teaser4 h2{
	font-size: 12px;
	color: #3e3e3e;
	line-height: 16px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 9px;
}

.teaser1 ul, .teaser2 ul, .teaser3 ul, .teaser4 ul{
	margin-top: 9px;
	margin-bottom: 9px;
	list-style-type: square;
	padding-left: 15px;
}

.teaser1 li, .teaser2 li, .teaser3 li, .teaser4 li{
	font-size: 11px;
	color: #3e3e3e;
	line-height: 18px;
}

.teaser1 li a, .teaser2 li a, .teaser3 li a, .teaser4 li a{
	text-decoration: none;
}

.teaser1 li a:hover, .teaser2 li a:hover, .teaser3 li a:hover, .teaser4 li a:hover{
	text-decoration: underline;
}

.mainlink{
	font-weight: bold;
}
.teaser4{
	float: right !important;
	display: inline;
	padding: 0 30px 0 0;
}

.teaser4 dl.zeiten{
	font-size: 11px;
}

.zeiten dt{
	float: left;
	display: inline;
}

.zeiten dd{
	padding-left: 70px;
	
}

.sitemap_left, .sitemap_middle, .sitemap_right{
	width: 200px;
	padding-right: 20px;
	float: left;
	display: inline;

}

.sitemap_left{
	width: 300px !important;
}

.sitemap_left p, .sitemap_middle p, .sitemap_right p{
	font-size: 11px;
	color: #3e3e3e;
	line-height: 15px;
}

.sitemap_left h2, .sitemap_middle h2, .sitemap_right h2{
	font-size: 12px;
	color: #3e3e3e;
	line-height: 16px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 9px;
}

.sitemap_left ul, .sitemap_middle ul, .sitemap_right ul{
	margin-top: 9px;
	margin-bottom: 9px;
	list-style-type: square;
	padding-left: 15px;
}

.sitemap_left li, .sitemap_middle li, .sitemap_right li{
	font-size: 11px;
	color: #3e3e3e;
	line-height: 18px;
}

.sitemap_left li a, .sitemap_middle li a, .sitemap_right li a{
	text-decoration: none;
}

.sitemap_left li a:hover, .sitemap_middle li a:hover, .sitemap_right li a:hover{
	text-decoration: underline;
}
.sitemap_right{
	float: right !important;
	display: inline;
}

.date{
	font-size: 10px;
	color: #3e3e3e;
	}

.more-news{
	display: block;
	float: right;
	height: 30px;
}

/* @end */

/* @group Layout */

a {
	color: #343434;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}


h1 {
	margin: 0;
	padding: 0;
}

h2 {
	color: #3e3e3e;
	font-size: 14px;
	margin: 28px 0 15px 0;
	padding: 0;
	
}


h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 2.5em;
}



p {
	margin: 0 0 0.5em;
}

#text-content p {
	margin: 0 0 1.2em;

}

p.last{
	padding-bottom: 20px;
}

/* @end */

/* @group Tabelle */

td {
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: left;
	padding-left: 10px;
}

.bigtab td{
	padding-left: 8px;
	padding-right: 18px;
}


.blue{
	background-color: #c4d9e4;
}

.blue2{
	background-color: #bcd0da;
}

.littlegrey{
	background-color: #f6f6f6;
}

/* @end */

/* @group Formular (Kontakt) */

form.anfrage {
	line-height: 17px;
	font-size: 11px;
	margin-left: 0px;
	margin-bottom: 20px;
}

label {
	text-align: left;
	float: left;
	display: inline;
	height: auto;
	color: #666157;
	}

label input {
	width: 200px;
	margin-top: 2px;
	float: left;
	border: 1px solid #908b82;
	color: #68757e;
}

label textarea {
	width: 320px;
	float: left;
	border: 1px solid #908b82;
}

label.checkbox{
	width: auto;
	margin-top: 4px;
	border: none;
	color: #68757e;
	
}
.checkbox {
	float: none;
	display: inline;
	margin-bottom: 6px;
	margin-right: 6px;
	padding-right: 6px;
	
}

label.schmal {
	
	width: 200px;
	margin-top: 3px;
	padding-bottom: 5px;
}

label.schmal input {
	width: 200px;
	
}

label.schmal2 {
	
	width: 160px;
	margin-top: 3px;
	margin-bottom: 3px;
}

label.schmal2 input {
	width: 140px;
}

label.schmal3 {
	width: 110px;
}

label.schmal3 input {
	width: 90px;
}

label select {
	width: 100px;
	margin: 2px 0 6px 0px;
	height: auto;
}

label select.anfrage_art {
	width: 240px;
}

option.dunkel {
	background: #efefef;
}

option {
	padding: 0 5px;
}

.anfrage input.senden {
	float: left;
	margin: 10px 10px 0 0;
	color: #fff;
	font-size: 13px;
	border: none;
	padding: 5px 10px 5px 0;
	cursor: pointer;
}

.anfrage input,
.anfrage textarea,
.anfrage select {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #3e3e3e;
	font-size: 11px;
	color: #404040;
	margin-top: 2px;
	padding: 2px 5px 2px 0;
}

.anfrage select {
	margin-top: 4px;
	margin-bottom: 4px;
}


fieldset{
	float: left;
	display:inline;
	border: 1px solid silver;
	width: 440px;
	margin-top: 10px;
	margin-bottom: 12px;
	padding: 25px;
}

legend{
	font-size: 12px;
	font-weight: bold;
	padding-right: 6px;
	padding-left: 6px;
	color: #a10819;
}
/* @end */

/* @group Footer */

#footer {	
	width: 803px;
	text-align: right;
	display: block;
	margin: 0;
	background: #f0f0f0 url(../images/signet-alt.gif) no-repeat 40px;
	padding: 15px 87px 60px 60px;
}
#footer p{
	color: #8f8f8f;
	float: right;
	display: inline;
	font-size: 11px;
	line-height: 14px;
}

#footer a {
	color: #8f8f8f;
	text-decoration: none;
}

#footer a:hover {
	color: #3e3e3e;
	text-decoration: underline;
}

.tags{
	
	font-size: 10px;
	line-height: 13px !important;
	margin-top: 80px;
	width: 400px;
	text-align: right;
	display: inline;
	float: right;
}


/* @end */

/* @group Newsletter Anmeldung
 */



input.anmelden {
	border: none;
	outline: none;
	margin: 10px 0 0 3px;
	padding: 0px 0 0 50px;
	float: left;
	width: 95px;
	height: 28px;
	background: url(../images/newsletter-anmeldung.gif) no-repeat;
		cursor: pointer;
}
input.anmelden:hover{
outline: none;
	background: url(../images/newsletter-anmeldung-over.gif) no-repeat;
	cursor: pointer;
}

#content div.box div.teaser4 form div label {
	font-size: 11px;
	color: #333;
	line-height: 12px;
	margin: 7px 0 2px ;
	padding: 0;
	
	
}

input#Vorname,
input#Nachname,
input#dyxtk-dyxtk {
	width: 160px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #666;
	line-height: 16px;
	height: 16px;
	
}











/* @end */