@import url(clear.css);
@import url(forms.css);


body {
	background:#324259 url(../img/bg.gif) repeat-x;
	margin:0;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}

::-moz-selection{
	background: #7B8DAA;
	color: #FFFFFF;
}
::selection {
	background: #7B8DAA;
	color: #FFFFFF;
}

a:link 		{ color: #FF6600; text-decoration:none; }
a:visited 	{ color: #192431; text-decoration:none; }
a:hover 	{ color: #FFFFFF; text-decoration:none; }
a:active 	{ color: #FFFFFF; text-decoration:none; }

p a:link 	{ text-decoration:none; border-bottom: 1px dotted #FF6600; }
p a:visited { text-decoration:none; border-bottom: 1px dotted #192431; }
p a:hover 	{ text-decoration:none; border-bottom: 1px dotted #FFF; }
p a:active 	{ text-decoration:none; border-bottom: 1px dotted #FFF; }

#seitencontainer {
	margin:auto;
	width:810px;
}

#header {
	background:#131C26 url(../img/header_bg-gesamt.jpg);
	width:800px;
	padding:0 5px 0 5px;
	height:123px;
}

#navigation {
  width:388px;
  /* margin:0;
  position:absolute;
  right:0;
  top:0;*/
  float:left; 
}

#navigation li {
  float:left;
  display:block;
  height:44px;
}

#navigation li div, #navigation li div a {
  display:block;
  height:44px;
  width:129px;
  background-repeat:no-repeat;
  text-indent:-9999px;
}

#navigation li div a { margin:0; overflow:hidden; }

.no_bg, #navigation li div a:hover, .active_nav { background:none !important }

/* Hier die "aktiven" Grafiken */

#nav1 { background-image:url(../img/btn_icon/nav_agentur_hover.gif); width:129px; }
#nav2 { background-image:url(../img/btn_icon/nav_projekte_hover.gif); width:129px; }
#nav3 { background-image:url(../img/btn_icon/nav_kontakt_hover.gif); width:130px !important; }

/* Hier die "normalen" Grafiken */

#nav1 a { background-image:url(../img/btn_icon/nav_agentur.gif); width:129px; }
#nav2 a { background-image:url(../img/btn_icon/nav_projekte.gif); width:129px; }
#nav3 a { background-image:url(../img/btn_icon/nav_kontakt.gif); width:130px; }

#login {
	float:left;
	width:61px;
	height:13px;
	padding: 16px 44px 15px 307px;
	/* _padding:16px 0 0 0 /*IE-Fix*/
	}

#login a  {
	width:61px;
	height:13px;
	background-image:url(../img/btn_icon/btn_login.gif);
	text-indent:-9999px;
	display:block;
	}

#header h1 a { 
	display:block;
	float:left;
	width:511px;
	height:70px;
	background-image:url(../img/identos-logo.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

#suche {
	width:289px;
	height:70px;
	padding:15px 0 0 0;
	float:left;
}

#suche div {
	width:80px;
	height:15px;
	float:left;
	background-image:url(../img/btn_icon/btn_suche.gif);
}

#suche label {
	width:80px;
	height:15px;
	float:left;
	background-image:url(../img/btn_icon/btn_suche.gif);
	text-indent:-9999px;
}


#suche input {
	width:128px;
	height:13px;
	border: 1px solid #324259;
	background-color:#243347;
	color:#7B8DAA;
	padding: 1px 2px 1px 2px;
	font-size:11px;
	float:left;
}


#suche-btn {
	width:28px;
	height:17px;
	margin: 0 0 0 8px;
	padding: 0;
	border: 0;
	background: transparent url(../img/btn_icon/btn_suche-los.gif) no-repeat center top;
	text-indent: -9999px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#content-container {
	background:#324259 url(../img/content_bg.gif);
	width:800px;
	padding: 0 5px 0 5px;
	height:auto;
}

#content-sh-shadow {
	background:url(../img/bg_subheader-shadow.gif) no-repeat;
	height:29px;
}

#subnavigation {
	width:163px;
	padding: 0 37px 10px 0;
	min-height:200px;
	float:left;
}

#subnavigation strong {
	width:auto;
	border-top: 1px solid #78859D;
	border-bottom: 1px solid #17212E;
	display:block;
	padding: 9px 0 9px 48px;
	color:#17222F;
	font-size:10px;
	/* text-transform: uppercase; */
	line-height:10px;
	color:#669900;
}

#subnavigation strong.none {
	border-top:0;
	padding-top:0;
}

#subnavigation ul {
	width:auto;
	border-top: 1px solid #78859D;
	border-bottom: 1px solid #17212E;
	padding: 8px 0 10px 0;
}

/*  Die Verweise in der Navigation  */
#subnavigation a 			{ color: #8597B5; text-decoration:none; }
#subnavigation a:visited 	{ color: #8597B5; }
#subnavigation a:hover 		{ color: #FFF; }
#subnavigation .active 		{ color: #FFF; }
#subnavigation li.active 	{ background:url(../img/btn_icon/nav_pfeil.gif) no-repeat 0 4px; }
#subnavigation li a.active	{ color: #FFF; }

#subnavigation li ul { font-weight:normal; }

#subnavigation li {
  line-height:12px;
  font-size:10px; 
  margin:0 0 0 36px;
  padding:0 0 9px 12px;
}


#website-to-go {
	display:block;
	width:auto;
	height:63px;
	border-top: 1px solid #78859D;
	background:url(../img/btn_icon/btn_website-to-go.gif) no-repeat right;	
}

#website-to-go:hover {
	background:url(../img/btn_icon/btn_website-to-go-hover.gif) no-repeat right;
	cursor:pointer;
}


#agb {
	display:block;
	width:auto;
	height:63px;
	border-top: 1px solid #78859D;
	background:url(../img/btn_icon/btn_agbs.gif) no-repeat right;	
}

#agb:hover {
	background:url(../img/btn_icon/btn_agbs-hover.gif) no-repeat right;
	cursor:pointer;
}



#content {
	width:600px;
	min-height:200px;
	margin:0 0 0 200px;
	padding-bottom:20px;
}

#content H1 {
	color:#FFF;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	
}

#content H1.full {
	width:600px;
	display:block;
	text-indent:-9999px;
}

#content H1.half {
	width:390px;
	display:block;
	float:left;
}

/************** Die Headlines **************/

H1.eins { background:url(../img/h1-einzeilig.gif) no-repeat; height:50px; }
H1.zwei { background:url(../img/h1-zweizeilig.gif) no-repeat; height:80px; }
H1.drei { background:url(../img/h1-dreizeilig.gif) no-repeat; height:120px; }


#content DIV.half {
	width:370px;
	padding:0 20px 0 0;
	float:left;
}

#content P {
	line-height:150%;
	color:#8092B0;
	margin:0 0 24px 0;
	font-size:12px;
}

#content .fat-green {
	color:#66CC00;
	font-weight:bold;
}


#content DIV.marginal {
	width:210px;
	float:left;
}

#footer {
	background:url(../img/footer_bg.gif) no-repeat;
	width:800px;
	padding:18px 5px 0 5px;
	margin:0 0 0 0;
	height:70px;
	clear:left;
	color:#78859D;
	text-align:center;
	line-height:170%;
	font-family:Arial, Helvetica, sans-serif;
}

#footer A {
	text-decoration:none;
	color:#78859D;
}

#footer A:hover {
	color:#fff;
}

#rss {
	background:url(../img/btn_icon/icon_rss.gif) no-repeat;
	width:59px;
	height:17px;
	position:relative;
	left:55px;
	top:23px;
}


.unsichtbar {
	display:none;
}

.clearer { clear:both; }

#hint {
	text-align:center;
	margin:auto;
	width:810px;
}

.green {
	color:#669900;
}

HR { height:2px; background-color:#78859D;	margin: 10px 0 10px 0;	border: 0 none; border-top: 1px solid #17212E }