/* @override http://www.atnexxt.de/wp-content/themes/atnexxt/styles/style.css */

html {
	background: #f0eade;
	min-width: 900px;
	color: #333;
}

body {
	margin: 0 auto;
	padding: 0 20px;
	font: .8em/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg_body.gif') 20px 500px repeat-y;
	width: 855px;
	color: #333;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* @group allgemeine Textformatierungen */
/* ======= allgemeine Textformatierungen ===== */

h1 { font-size: 130%; }
h2 { font-size: 140%; }
h3 { font-size: 110%; }
h4#projekt_aktuell, h2.hauptmenue { font-size: 105%; color: #660000; }
h5, h6 { 	color: #999; font-size: 80%; margin-top: 1.5em; }

a {
	color: #333;
	cursor: pointer; /* Safari hat noch einen kleinen Bug w/ Ajax */
}

/* @end */

/* @group Servicenavigation */
/* ===== Skiplink angelehnt an einfach-fuer-alle 2006 ===== */
ul#skipnav li a {
	font-weight: bold;
	padding: .5em;
	width: 20em;
	background: #660000;
	border: 1px solid #fff;
	border-left: 1em solid #eee	;
	font-size: 100%;
	color: #fff;
	position: absolute;
	z-index: 2;
	top: -100em;
	left: -1000em;
/*	overflow: hidden; */
}

ul#skipnav li a:focus {
	z-index: 99;
	top: 4em;
	left: 0;
}

/* ===== Servicenavigation ====== */

ul#servicenavi {
	padding-top: 2em;
	width: 100%;
	background: #fff;
}

ul#servicenavi li {
	list-style: none;
	display: inline;
	margin-left: 1em;
}

li#kundenlogin {
	float: right;
	margin: -1.5em 1em 0 0;
}

ul#servicenavi li a:link { color: #6b92ad; text-decoration: none; }
ul#servicenavi li a:visited { color: #333; text-decoration: none; }
ul#servicenavi li a:hover, ul#servicenavi li a:focus { color: #660000; text-decoration: underline; }

/* ===== Servicenavigation Ende ======= */
/* @end */

/* @group grosses Bild mit Personeninfos */

/* ===== grosses Bild mit Personeninfos ====== */
#dieAgentur {
	position: relative;
	background: #fff url('../images/bg_dieAgentur.gif') 260px 0 repeat-y;
	height: 380px;
}

#dieAgentur img {
	border-bottom: 1px solid #fff;
}

#dieAgentur dl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#dieAgentur dt {
	position: absolute;
	top: 20px;
	height: 260px;
}

#dieAgentur dt#atnexxt {
	display: none;
}

#dieAgentur dt#tom_k {
	left: 90px;
	width: 180px;
	/*border: 1px solid yellow;*/ 
}

#dieAgentur dt#claudi {
	left: 270px;
	width: 160px;
	/*border: 1px solid violet;*/ 
}

#dieAgentur dt#rifter {
	display: none;
	left: 535px;
	width: 180px;
/*	border: 1px solid aqua; */
}

#dieAgentur dt#halle {
	left: 540px;
	width: 240px;
	/*border: 1px solid green;*/ 
}

#dieAgentur dt a {
	display: block;
	width: 100%;
	height: 100%;
	color: #660000;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
/*	letter-spacing: -1000em; */
	text-indent: -9999em;
	overflow: hidden;
}

#dieAgentur dt a:link, #dieAgentur dt a:visited {
	background: transparent url('../images/li_weiss_rot.gif') 10px 220px no-repeat;
}

#dieAgentur dt a:hover {
	text-indent: 0;
	background-position: 0 -50em;
}

#dieAgentur dt a strong {
	display: block;
	padding: 215px 0 0 0;
}

#dieAgentur dt a em {
	display: block;
	font-style: normal;
}

#dieAgentur dd {
	margin: 325px 0 0 260px;
	padding: 10px 20px;
	color: #fff;
	display: none;
}

#dieAgentur dd a {
	color: #fff;
}

#dieAgentur dd#atnexxt_beschreibung {
	display: block;
}

/* ===== grosses Bild Ende ====== */
/* @end */

/* @group Menues und Projektlisten */
/* ==== Hauptmenue ==== */	

/* @group Ein aktuelles Projekt */
/* ===== Starteseite: ein aktuelles Projekt ====== */	

h4#projekt_aktuell, h2.hauptmenue {
	background: #fff url('../images/bg_akt_projekt.gif') repeat-y;
	font-style: italic;
	line-height: 80%;
	padding: 4px 0 0 15px;
}

dl#projekt_aktuell_details {
	background: transparent url('../images/li_rot.gif') no-repeat;	padding: 25px 15px;
}

dl#projekt_aktuell_details dt {
	width: 230px;
	float: left;
	color: #333;
}

dl#projekt_aktuell_details dt strong {
	color: #999;
	font-size: 80%;
	margin-top: 1.5em;
}

dl#projekt_aktuell_details dt img { border: 1px solid #660000; }

dl#projekt_aktuell_details dd {
    clear: right;
    float: right;
    width: 560px;
}
/* @end */

/* @group Projektliste */
/* ==== Projektliste === */

div#projektliste {
	width: 245px;
	clear: left;
	padding: 2em 0;
}

div#projektliste h4 {
	padding-left: 15px;
	float: left;
	color: #999;
	font-size: 80%;
}

div#projektliste ul {
	list-style: square;
    float: right;
    width: 50%;
}

div#projektliste ul li {
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: 15px;
	float: right;
	margin-left: .3em;
}

div#projektliste ul li a {
	display: block;
	text-decoration: none;
	background: transparent url('../images/li_weiss_rot.gif') no-repeat;
}
/* @end */

/* @group Hauptmenue (links) */
/* Metadaten in Weblogposts */
#metadaten {
	float: left;
	width: 260px;
	background: transparent url(../images/li_rot.gif) no-repeat;
	color: #333;
	padding-top: 25px;
}

#metadaten p {
	padding-left: 15px;
	font-size: 90%;
	margin-bottom: 1em;
}

#metadaten p img {
	float: left;
	border: 3px solid #fff;
	margin-bottom: 1em;
}

ul#metadatenliste {
	margin: .5em 15px 2em 15px;
	font-size: 90%;
}

/* ======  Hauptmenue (links) ======= */

ul#hmenue {
	width: 260px;
	float: left;
	color: #660000;
}

ul#hmenue li a {
	margin-bottom: -1px; /* sonst Renderfehler in FF Win ??, tut aber in anderen Browsern nicht weh :-) */
}

ul#hmenue li a:link, ul#hmenue li a:visited {
	padding: .5em 15px;
	background: #fff;
	font-style: italic;
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

ul#hmenue li.aktiv a {
	background: #fff url(../images/_layout/arrow_red.gif) 0 .9em no-repeat;
}

ul#hmenue li a:hover, ul#hmenue li a:focus, ul#hmenue li.aktiv a:hover, ul#hmenue li.aktiv a:focus {
	background: #660000;
	color: #fff;
}

/* @group Suchformular */
ul#hmenue li#suche { display: none; }

li#suche form { margin: 1em 0; z-index: 10; }
input#livesearch { margin: 0 1em; }
/* @end */

/* @group Verweise */
ul#hmenue li#verweise {
	background: #dee9f0;
	border-top: 4em solid #dee9f0;
}

ul#hmenue li#verweise a {
	display: inline;
	background: #dee9f0;
}

ul#hmenue li#verweise img {
	border: none;
}

ul#hmenue li#verweise ul li {
	margin-bottom: .75em;
}

/* @end */

/* @end */
/* @end */
/* @group Inhalt */
/* ====== Inhalt ====== */	

#inhalt {
	width: 580px;
	padding-top: 1em;
	float: right;
}

.hoeher {
	border-top: 1px solid #6b92ad;
	margin-top: -10em;
}

#inhalt h2, #inhalt h3 { color: #6b92ad; font-style: italic; }
#inhalt h2 { text-align: right; padding-right: 10px; }

#inhalt h2#seitentitel { margin-bottom: 2em; }
#inhalt h2#seitentitel small { font-size: 75%; }
#inhalt h2 img { float: left; border: 1px solid #660000; }

#inhalt h3, fieldset legend, dl#profil dt, #inhalt dl.projekte dt.titel {
	text-align: left;
	font-style: normal;
	margin: 2em 0 0 0;
	color: #6b92ad;
}

#inhalt h3 a:link, #inhalt h3 a:visited {
	color: #6b92ad;
	text-decoration: none;
}

#inhalt h3 a:hover { text-decoration: underline; }

#inhalt h4 { margin-top: 2em; }
#inhalt p { margin: .75em 0 1.25em 0; }

#inhalt p small {
    display: block;
    margin: 0 0 1em 0;
}

#inhalt img {
	margin: 0 2em 1.5em 0;
}

#inhalt blockquote {
	padding: 1.5em 6em 0 0;
	background: url(../images/_layout/blockquotes.gif) right top no-repeat;
	font-style: italic;
}

#inhalt quote {
	font-style: italic;
}

/* Bilder im Inhalt */
#inhalt img.img_left { 	float: left; margin: 0 1.5em 1.5em 0; }
#inhalt img.img_right { float: right; 	margin: 0 0 1.5em 1.5em; }
#inhalt a img { border: none; }

acronym {
	cursor: help;
	border-bottom: 1px dashed #333; 
}

a acronym { cursor: pointer; }

#inhalt hr {
	margin-top: 3em;
	background: #fff;
	border: none;
	border-top: 1px solid #6b92ad;
}

/* Listen (ul, dl) */

#inhalt dl { margin-top: 2em; }

#inhalt dl dt {
	font-weight: bold;
	margin-right: .5em;
}

#inhalt dl dd { padding-left: 1em; }

#inhalt ul li {
	margin-left: 1.5em;
	list-style: square;
}

#inhalt ul#navigation {
	margin-top: 1em;
	font-size: 85%;
	color: #999;
}

#inhalt ul#navigation li { list-style: none; margin-left: 0; }
#inhalt ul#navigation li a { color: #999; }	

#inhalt ul#navigation li#davor { text-align: left; }
#inhalt ul#navigation li#danach { text-align: right; }

/* = = = Aktuelle Projekte normale Uebersicht = = = */

#inhalt dl.projekte dt.titel {
	/* auch bei h3 definiert */
	font-size: 110%;
	font-weight: bold;
}

dl.projekte img, img.projektbild {
	border: 1px solid #660000;
	float: right;
	margin: 0 0 1em 1em;
	padding: 3px;
}

dl.projekte a img, img.projektbild {
	border: 1px solid #660000 ! important;	
}

/* @group Kontaktformular */
/* = = = Kontaktformular = = = */
fieldset { border: none; }

legend { 	/* zum Teil bei h3 definiert */
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
 }
 
 #kontaktdaten img {
	border: 1px solid #660000;
	padding: 3px;
	margin: 0;
}

form#kontakt dd {
	width: 25em;
}

form#kontakt dt {
	margin-top: 1em;
}

form#kontakt textarea {
	width: 100%;
	height: 6.25em;
}

form#kontakt span.formularcheck {
	font-size: 80%;
	color: #660000;
}
form#kontakt span.formularcheck img {
	margin: 0 .25em;
}
/* @end */

/* = = = AGB = = = */

#inhalt dl#agb dt {
	float: none;
	margin: 2.5em 0 1em 0;
}

#inhalt dl#agb dd li { 	margin: 0 0 1em 3em; }

#inhalt dl#agb dd ol li { list-style-type: decimal; }
#inhalt dl#agb dd ul li { list-style-type: square; }

/* = = = Weblogbereich = = = = */

p.date {
	margin-top: 0;
}

ul.artikelmetadaten {
	clear: both;
	background: #fff;
	margin: 1em 0 0 0;
	padding-bottom: 1em;
}

ul.artikelmetadaten li {
	list-style: none;
	display: inline;
	margin-left: 1em;
}

#inhalt p.date, #inhalt ul li small,  #inhalt ul li small a, span.more-link a:link, span.more-link a:visited, ul.artikelmetadaten li, ul.artikelmetadaten li a:link, ul.artikelmetadaten li a:visited {
    color: #999;
}

span.more-link a:hover, ul.artikelmetadaten li a:hover {
    color: #660000;
}

ul.artikelmetadaten li, #inhalt small, p.date, span.more-link {
	font-size: 85%;
}

/* @group Kommentare */
/* = = = = Kommentare = = = = */

textarea#comment {
	width: 550px;
	height: 8em;
}

ol.kommentarliste {
	margin-top: 3em;
}

ol.kommentarliste li {
	list-style: upper-roman;
	margin: 0 0 1em 2.25em;
	background: #fff url(../../../images/icons/gast_icon.gif) right top no-repeat;
	padding: 0 1em 1em .5em;
	color: #dee9f0;
	font-size: 150%;
}

ol.kommentarliste li p {
	font-size: 65%;
	color: #666;
}

ol.kommentarliste li.alt {
	background-color: #dee9f0;
}

ol.kommentarliste li p.kommentarmeta {
	font-size: 55%;
	line-height: 1.7em;
	color: #999;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}

p.kommentarmeta a {
	color: #999;
}

/* Kommentare von atnexxt MA */
ol.kommentarliste li.thom { background-image: url(../../../images/icons/tom_icon.gif); }
li.thom .comment-author a { color: #336633; }

ol.kommentarliste li.stef { background-image: url(../../../images/icons/stefan_icon.gif); }
li.stef .comment-author a { color: #336699; }

ol.kommentarliste li.clau { background-image: url(../../../images/icons/claudi_icon.gif); }
li.clau .comment-author a { color: orange; }
/* @end */

/* ===== Unterseite linke Spalte ==== */
h1#blog {
	height: 55px;
	background: #fff url('../images/bg_dieAgentur.gif') 260px 0 repeat-y;
	color: #fff;
	padding: 20px 0 0 330px;
}

ul#hauptmenue {
	background: transparent url('../images/li_rot.gif') no-repeat;
	padding: 25px 0;
}


div#tagwolke {
	border: 3px solid #efefef;
	padding: 1em;
}

/* @end */
/* @group Footer */
/* ====== Footer ===== */
#obenlink {
	clear: both;
	float: none;
	padding-top: 4em;
	font-size: 80%;
}

#obenlink a {
	float: right;
	margin-left: .75em;
/*	padding-right: 20px;
	background: #fff url(../images/pfeil.jpg) no-repeat; */
}

#obenlink a:link, div#obenlink a:visited {
	background-position: right 13px;
	text-decoration: none;
	color: #999;
}

#obenlink a:hover {
	background-position: right 0;
	color: #660000;
}

#obenlink hr {
	float: right;
	margin-top: 1em;
	background: #fff;
	color: #fff;
	border: none;
	border-top: 1px solid #6b92ad;
	width: 35em;
}

ul#footer {
	clear: both;
	font-size: 80%;
	text-align: right;
	padding: 1em 0 2em 0;
	border-left: 260px solid #dee9f0;
	background: #fff;
}

ul#footer, ul#footer a:link, ul#footer a:visited { color: #999; } 
ul#footer a:hover, ul#footer a:focus { color: #660000; }
ul#footer li { clear: right; }

ul#footer dl dt, ul#footer dl dd {
	float: right;
	display: block;
	margin-left: .5em;
	padding-left: .5em;
}

ul#footer dd { border-left: 1px solid #dee9f0; }

/* @end */
/* @group sonstiges */
/* sonstiges */

.media_screen_no-view, .hidden {
	display: none;
}

.clearboth {
	clear: both;
}

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

.clearfix { display: inline-table; }

/* vor IE/Mac versteckt \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* Ende des Versteckens fuer IE/Mac */

/* Wordpressspezifisch */
.editlink {
	clear: both;
	margin-top: 2em;
	font-size: 80%;
	color: #ddd;
}

.editlink a {
	color: #ddd;
}

li.editlink a {
	color: #333;
}

/* LiveSearch */

.LSRow small, #searchcontrols small { color: #515151; }
#LSHighlight small { color: #515151; }
#LSResult {
position: absolute;
background-color: #fff;
width: 200px;
margin: 0 0 0 4px;
font: 8.5pt 'Lucida Grande', Arial, Sans-Serif;
padding: 0 0 6px 0;
border: 1px solid #999;
z-index: 100;
}

#LSResult:hover #LSHighlight { background-color: #fff; border-color: #fff; }

.LSRow {
text-align: left;
padding: 3px 10px 3px;
border-top: 2px solid white;
border-bottom: 2px solid white;
}

#LSHighlight, .LSRow:hover {
background-color: #e8dfba;
border-top: 2px solid #e3d7a2;
border-bottom: 2px solid #e3d7a2;
}

.LSRow a { color: #7a6616; font-weight: normal; }
.LSRow a:hover { color: #53460d; font-weight: normal; }
#LSHighlight small { color: #515151; }
#searchcontrols { padding: 3px; }

.oddresult {
background-color: #e8dfba;
border-color: #e8dfba;
}
/* End LiveSearch */

/* Ad */
#inhalt div.ad img {
	margin: 0;
}

#inhalt div.ad span {
	display: inline;
}

/* @end */