@import url(seiten.css);

html {
height:100%;
color:#333;
background:#FFF url(../images/ganzbg.jpg) repeat-x top left;
font:12px/120% Arial, Helvetica, sans-serif;
}

body {
margin:0;
padding:0;
background:transparent url(../images/seite/stripe.png) repeat-y 50% 50%;
_background:none; /* cancel out the png background for IE */
}

/* Pfad */

#pfad {
color:#b5b4b4;
/* background-color: #f4f4f4; */
}
#pfad a {
color:#b5b4b4;
}
#pfad a:hover {
color:#b5b4b4;
text-decoration: underline;
}


/*  einzelne seite */

body.home h1    {height:170px;}
body.contact h1 {background: #FFF url(../images/seite/h_contact.png) no-repeat 0 1px;}
body.work h1 		{background: #FFF url(../images/seite/h_work.png) no-repeat 0 1px;}
body.company h1 {background: #FFF url(../images/seite/h_company.png) no-repeat 0 1px;}

p { margin:0 0 1em; }

h1, h2, h3, h4, h5, h6 { 	margin:0; padding:0; }

img { border:0; }

a {color:#9C0;}
a:visited {color:#333;}
a:hover {color:#ff6300;}

#contentsgf {
position:relative;
width:760px;
margin:0 auto;
background-color:#FFF;
overflow:hidden;
background:#FFF url(../images/rechtehgcont.jpg) repeat-y 0 1px;
}

#inhaltsgf {
padding:20px;
width:630px;
float:left;
z-index: 1;
}

#sgftop_top {
height:119px;
position:relative;
}

#sgftop {
background:transparent url(../images/top_ganz.jpg) no-repeat 50% 0;
}

#sgfblock {
width:764px;
height:99px;
background:transparent url(../images/top_bg.jpg) no-repeat 0 13px;
margin:0 auto;
position:relative;
}

#sgfblock ul {
background-color: #698317;
margin:0;
padding:0;
position:absolute;
top:13px;
right:0;
width:620px;
}

#sgfblock li {display:inline; margin:0; padding:0; float:left;}

#sgfblock ul a {display:block;text-indent:-999px;overflow:hidden;height:40px;}

#sgfblock2 h2#logo a {
display:block;
width: 100px;
height: 90px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
top: 0px;
background: transparent url(../images/spacer.gif) no-repeat top left;
}


/* nav */

#sgfblock a.home    {width:58px; background: transparent url(../images/seite/nav.png) no-repeat 0 0; }
#sgfblock a.company {width:79px; background: transparent url(../images/seite/nav.png) no-repeat -58px 0; }
#sgfblock a.work    {width:54px; background: transparent url(../images/seite/nav.png) no-repeat -137px 0;}
#sgfblock a.blog    {width:49px; height:40px;background: transparent url(../images/seite/nav.png) no-repeat -191px 0; }


#sgfblock a.contact {
width:80px;
height:40px;
font:12px/120% Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11px;
background: transparent url(../images/seite/nav.png) no-repeat -240px 0;
}

#sgfblock a.contact:hover {
height:40px;
font:12px/120% Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11px;
background: transparent url(../images/seite/nav.png) no-repeat -240px -40px;
}




#sgfblock a.home:hover    {background: transparent url(../images/seite/nav.png) no-repeat 0 -40px; }
#sgfblock a.company:hover {background: transparent url(../images/seite/nav.png) no-repeat -58px -40px; }
#sgfblock a.work:hover    {background: transparent url(../images/seite/nav.png) no-repeat -137px -40px;}
#sgfblock a.blog:hover    {height:40px;background: transparent url(../images/seite/nav.png) no-repeat -191px -40px; }




#foot {
position:relative;
width:100%;
}

#foot .fx {
color:#dbdbd9;
margin:0 auto;
width:760px;
height:56px;
font-size:9px;
background-color: #2C3336;
}

#foot .fx2 {
width:760px;
height:1px;
background: transparent url(../images/_linie_.gif);
}

#copyright {
float:left;
padding:5px;
font: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 9px;
}

#contact {
float:right;
padding:5px;
font: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 9px;
}

#contact a {
font: Arial, Helvetica, sans-serif;
color: #ffffff;
}

#contact a:hover {
font: Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: underline;
}

#contact a:visited {
font: Arial, Helvetica, sans-serif;
color: #ffffff;
}

a.sgffoo {color:#7fc31c;}

#text h2 {
background: transparent url(../images/seite/hori_dot.gif) repeat-x bottom left;
padding-bottom:10px;
margin-bottom:10px;
}

/*  widgets */

#blog, #work {	padding:1px 0 0 1px; background:#FFF url(../images/seite/vert_dot.gif) repeat-y 0 0;	width: 222px; float:right;	font-size:90%; }
#blog a, #work a {line-height:0;	color:#ff6300;	display:block;	text-decoration:none; }
#blog .post, #work .post {	background-color:#d9dbd5;	border-bottom:1px solid #c3c6c8; }
#blog .post.odd, #work .post.odd {background-color:#edeee6;}
#blog .post h4, #work .post h4 {font-size:100%;padding:10px 10px 0;}
#blog .post p, #work .post p {padding:0 10px 0;}
#blog .post a, #work .post a {display:inline;line-height:120%;}
#blog .post a.link, #work .post a.link {display:block;clear:both;text-align:right;	color:#666;	background: transparent url(../images/seite/view_bg.gif) no-repeat bottom right;padding:1px 20px 3px 0; }
#work .post img {float:left;margin:2px 3px 3px 10px;}

.lang-icon {
	display: block;
	margin: 2px 2px 2px 2px;
	border: 1px outset #c0c0c0 !important;
}

#box-language-menu {
position: absolute;
z-index:35;
top: 15px;
left: 725px;
width: 30px;
height: auto;
visibility: visible;
display: block;
float: right;
}

#left-content {
float:left;
width:175px;
position:relative;
top:0px;
left:0px;
}

#wrapper {
float:right;
width:600px;
height:300px;
}

#main-content {
float:right;
width:600px;
position:relative;
top:2px;
padding-bottom:5px;
}

#navig {
font:12px/120% Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11px;
	position:absolute;
	width:226px;
	height:30px;
	z-index:1;
	left: 534px;
	top: 66px;
}
.navig-act, a:link, a:visited, a:hover  {
font-weight: normal;
font:12px/120% Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 1px;
}



div#top {
  font: bold 10px Arial;
  clear:both;
  text-align:right;
  color:#FFFFFF;  
  padding:5px;
  padding-right:10px;
  width:326px;
  float: right;
  margin-top: 25px; 
}
div#top a {
   text-decoration: none;
   color:white;
}
div#top a:hover {
   text-decoration: underline;
   color:white;
}


/* top navigation menu */

.topnav {
font-family: arial, helvetica, sans-serif;
color: #cccccc;/* grau */
}

.topnav a:link {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
color: #000000; 			
padding: 1px;
}
.topnav a:visited {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
color: #cccccc; 			/* grau */
padding: 1px;
}
.topnav a:hover {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}

.topnav-act {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:active {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:link {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:visited {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* grau */ 
padding: 1px;
}
.topnav-act a:hover {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
 



 
 
/* forms fields */
select {  
 font-family: arial, helvetica, sans-serif;
 font-size: 12px 
}


textarea {
font-family: arial, helvetica, sans-serif; 
color: #555555; 
font-weight: normal; 
font-size: 12px; 
border-right: #999999 1px solid; 
border-top: #999999 1px solid; 
border-left: #999999 1px solid; 
text-indent: 0px; 
border-bottom: #999999 1px solid
}

input {
font-family: arial, helvetica, sans-serif; 
color: #555555; 
font-weight: normal; 
font-size: 12px; 
border-top-width: 1px; 
border-left-width: 1px; 
border-left-color: #999999;
border-right-width: 1px; 
border-right-color: #999999;
border-bottom-width: 1px; 
border-bottom-color: #999999;
border-top-color: #999999; 
text-indent: 0px; 
background-color: #ffffff; 
}


/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {width: 800px; top: 14px; position: absolute; z-index: 2; background-color: transparent;}
.navflag {float: right; margin: 0px; padding: 0px 20px 0px 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}


/*****************************/
/* SECTION - MISC */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

/*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-family: monospace; font-style: normal; padding:0 0.3em 0 0.3em; background:#ffff88; border: 1px #ccd solid; }