/*************************************\
* Styles for www.scriptophil.at       *
* All Code is (C) 2011 Levin Pölsler  *
\*************************************/



/* Schriftartdefinitionen */
@font-face {
	font-family: 'Gill Sans';
	src: url('../fonts/GillSansMT.eot');
	src: url('../fonts/GillSansMT.eot?#iehack') format('eot'),
	     local('Gill Sans'), local('Gill Sans MT'),
	     url('../fonts/GillSansMT.woff') format('woff'),
	     url('../fonts/GillSansMT.ttf') format('truetype'),
	     url('../fonts/GillSansMT.otf') format('opentype'),
	     url('../fonts/GillSansMT.svg#GillSansMT') format('svg');
}



/* Grunddefinitionen */
* {
	margin:0;
	padding:0;
	font-family: "Gill Sans", 'Arial', 'Verdana', sans-serif;
}

body {
	background-color: white;
	width: 100%;
	height: 100%;
	font-size: 17px;
}

a {
	text-decoration: none;
	color: #403e37;
	cursor: pointer;
}
a img { border: 0; }

em {
	font-style: italic;
}

sup {
	font-size: 12px;
	vertical-align: top;
	position: relative;
	top: 3px;
}


#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 950px;
	min-height: 600px;
}

#contentbox {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	width: 950px;
	height: 600px;
	margin: -300px 0 0 -475px;
	background: url(../bilder/hintergrund.jpg) 0 0 no-repeat white;
}



/* Navigation */

#navigation-en, .en #navigation-de { display: none; }
.en #navigation-en { display: block; }
 
.navigation-oben {
	position: absolute;
	left: 99px;
	top: 192px;
	font-size: 20px;
	line-height: 27px;
}
.navigation-oben div {
	position: absolute;
	top: 0;
}
#nav-oben-de-was,
#nav-oben-en-what    {
	left: 5px;
	width: 100px;
	text-align: right;
}
#nav-oben-de-warum   { left: 139px; }
#nav-oben-de-wo      { left: 230px; }
#nav-oben-de-wie     { left: 291px; }
#nav-oben-de-wem     { left: 355px; }
#nav-oben-de-wer     { left: 428px; }
#nav-oben-de-wieviel { left: 496px; }
#nav-oben-en-why     { left: 139px; }
#nav-oben-en-where   { left: 206px; }
#nav-oben-en-how     { left: 291px; }
#nav-oben-en-whom    { left: 358px; }
#nav-oben-en-who     { left: 442px; }
#nav-oben-en-fees    { left: 510px; }

.navigation-links {
	position: absolute;
	left: 24px;
	top: 243px;
	width: 180px;
	text-align: right;
	font-size: 18.4px;
	line-height: 25px;
}
.navigation-links a, .navigation-links span {
	color: #7C7869;
}

.navigation-unten {
	position: absolute;
	right: 101px;
	top: 524px;
	font-size: 16.5px;
}
.navigation-unten a { margin-left: 17px; }


/* Navigation-Rot */
.korrektur-und-lektorat #nav-links-de-korrektur-und-lektorat a,
.korrektur-und-lektorat #nav-oben-de-was a,
.text-und-business #nav-links-de-text-und-business a,
.text-und-business #nav-oben-de-was a,
.schreibseminare #nav-links-de-schreibseminare a,
.schreibseminare #nav-oben-de-was a,
.redaktion #nav-links-de-redaktion a,
.redaktion #nav-oben-de-was a,
.de .text #nav-links-de-text a,
.de .text #nav-oben-de-was a,
.uebersetzung #nav-links-de-uebersetzung a,
.uebersetzung #nav-oben-de-was a,
.warum #nav-oben-de-warum a,
.wo #nav-oben-de-wo a,
.wie #nav-oben-de-wie a,
.wem #nav-oben-de-wem a,
.wer #nav-oben-de-wer a,
.wieviel #nav-oben-de-wieviel a,
#navigation-de a.mousedown,
.proofreading-and-editing #nav-links-en-proofreading-and-editing a,
.proofreading-and-editing #nav-oben-en-what a,
.text-and-business #nav-links-en-text-and-business a,
.text-and-business #nav-oben-en-what a,
.writing-seminars #nav-links-en-writing-seminars a,
.writing-seminars #nav-oben-en-what a,
.redaction #nav-links-en-redaction a,
.redaction #nav-oben-en-what a,
.en .text #nav-links-en-text a,
.en .text #nav-oben-en-what a,
.translation #nav-links-en-translation a,
.translation #nav-oben-en-what a,
.why #nav-oben-en-why a,
.where #nav-oben-en-where a,
.how #nav-oben-en-how a,
.whom #nav-oben-en-whom a,
.who #nav-oben-en-who a,
.fees #nav-oben-en-fees a,
#navigation-en a.mousedown {
	color: #D00000;
}


/* helleres rot für lavigation links */
.korrektur-und-lektorat #nav-links-de-korrektur-und-lektorat a,
.text-und-business #nav-links-de-text-und-business a,
.schreibseminare #nav-links-de-schreibseminare a,
.redaktion #nav-links-de-redaktion a,
.text #nav-links-de-text a,
.uebersetzung #nav-links-de-uebersetzung a {
	/*color: #fe4f4f;*/
	/*color: #fc7474;*/
	/*color: #fc6868;*/
	/*color: #f06262;*/
	color: #e64f4f;
}



/* Content */
#content {
	position: absolute;
	left: 259px;
	top: 243px;
	width: 525px;
	font-size: 17.5px;
	line-height: 25px;
	color: #403e37;
}

.blocksatz {
	text-align: justify;
	text-justify: newspaper;
}

#content p {
	cursor: default;
}

#content-de-text-und-business, #content-en-text-and-business { margin-top: 25px; }
#content-de-schreibseminare, #content-en-writing-seminars { margin-top: 50px; }
#content-de-redaktion, #content-en-redaction { margin-top: 75px; }
#content-de-text, #content-en-text { margin-top: 100px; }
#content-de-uebersetzung, #content-en-translation { margin-top: 125px; }

#content-de-intro, #content-en-intro {
	margin-top: 25px;
}

#content-de-wer, #content-en-who {
	position: absolute;
	left: -21px;
	top: -9px;
	width: 570px;
	height: 270px;
	background: url(../bilder/miha_andrea.png) no-repeat;
}


#content-de-wer a, #content-en-who a {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 197px;
	cursor: pointer;
}

#content-de-wer a.wer-miha, #content-en-who a.wer-miha {
	left: auto;
	right: 0;
	width: 197px;
	cursor: pointer;
}

#content-de-wer p, #content-en-who p {
	display: none;
	cursor: default;
	position: absolute;
	left: 217px;
	top: 34px;
	width: 150px !important;
	font-size: 18px;
}

#content-de-wer .wer-miha p, #content-en-who .wer-miha p {
	left: -157px;
}

#content-de-wer a:hover p,
#content-en-who a:hover p {
	display: block;
}
#content-de-wer a:hover p:hover,
#content-en-who a:hover p:hover {
	display: none;
}

.kontakt-andrea, .kontakt-miha {
	display: block;
	position: absolute;
	top: 75px;
}
.kontakt-miha { left: 285px; }
#content-kontakt .wko-de, #content-kontakt .wko-en { font-size: 13px; }
#content-kontakt .wko-en {
	line-height: 17px;
	margin-top: 12px;
}
#kontakt-logoleiste {
	display: block;
	position: absolute;
	right: -5px;
	text-align: right;
	top: 228px;
	width: 100%;
}
.wko-de, .wko-en { display: none; }
.de .wko-de, .en .wko-en { display: inline-block; }
#content-kontakt a:hover,
#content-de-news a:hover,
#content-en-news a:hover {
	color: #D00000;
}

#content-de-news p,
#content-en-news p { display: none; }
#content-de-news p.angezeigt,
#content-en-news p.angezeigt { display: block; }

.news-blaettern {
	display: block;
	position: absolute;
	top: 225px;
	width: 100%;
}
.news-blaettern * {
	display: block;
	position: absolute;
	top: 0;
}
.erstenews .news-blaettern .links { display: none; }
.news-anzeige {
	left: 422px;
	width: 50px;
	text-align: right;
}
.news-blaettern .rechts { right: 0; }
.letztenews .news-blaettern .rechts { display: none; }
.erstenews.letztenews .news-blaettern { display: none; }


/* Content verstecken/zeigen */
#navigation-de,
#content-de-intro,
#content-de-korrektur-und-lektorat,
#content-de-text-und-business,
#content-de-schreibseminare,
#content-de-redaktion,
#content-de-text,
#content-de-uebersetzung,
#content-de-warum,
#content-de-wo,
#content-de-wie,
#content-de-wem,
#content-de-wer,
#content-de-wieviel,
#content-de-news,
#content-en-intro,
#content-en-proofreading-and-editing,
#content-en-text-and-business,
#content-en-writing-seminars,
#content-en-redaction,
#content-en-text,
#content-en-translation,
#content-en-why,
#content-en-where,
#content-en-how,
#content-en-whom,
#content-en-who,
#content-en-fees,
#content-en-news,
#content-kontakt {
	display: none;
}


.de #navigation-de,
.de .intro #content-de-intro,
.korrektur-und-lektorat #content-de-korrektur-und-lektorat,
.text-und-business #content-de-text-und-business,
.schreibseminare #content-de-schreibseminare,
.redaktion #content-de-redaktion,
.de .text #content-de-text,
.uebersetzung #content-de-uebersetzung,
.warum #content-de-warum,
.wo #content-de-wo,
.wie #content-de-wie,
.wem #content-de-wem,
.wer #content-de-wer,
.wieviel #content-de-wieviel,
.de .news #content-de-news,
.kontakt #content-kontakt,
.en #navigation-en,
.en .intro #content-en-intro,
.proofreading-and-editing #content-en-proofreading-and-editing,
.text-and-business #content-en-text-and-business,
.writing-seminars #content-en-writing-seminars,
.redaction #content-en-redaction,
.en .text #content-en-text,
.translation #content-en-translation,
.why #content-en-why,
.where #content-en-where,
.how #content-en-how,
.whom #content-en-whom,
.who #content-en-who,
.fees #content-en-fees,
.en .news #content-en-news,
.contact #content-kontakt {
	display: block;
}


/* Styles für aktiviertes Cufon */

.cufon-active #content p { font-size: 17.4px; width: 530px; }
.cufon-active .navigation-oben { top: 191px; }
.cufon-active .navigation-links { top: 241px; }
.cufon-active .navigation-links .aktiv { color: #e64f4f; }
.cufon-active .navigation-unten { top: 523px; font-size: 16.4px; }
.cufon-active .navigation-unten a { margin-left: 16px; }
.navigation-unten a:hover.mousedown .aktiv { display: inline !important; }
.navigation-unten a:hover.mousedown .inaktiv { display: none; }
.navigation-unten a.hover.mousedown .aktiv { display: inline !important; }
.navigation-unten a.hover.mousedown .inaktiv { display: none; }

.cufon-active .navigation-oben .aktiv,
.cufon-active .navigation-unten .aktiv {
	color: #D00000;
}
.cufon-active .news-blaettern .links {
	font-size: 21px;
}
.cufon-active .news-blaettern .rechts {
	font-size: 21px;
	right: -3px;
}



/* Navigation mit aktiviertem Cufon */
#navigation-de .aktiv, #navigation-en .aktiv { display: none; }

.korrektur-und-lektorat #nav-oben-de-was .aktiv,
.korrektur-und-lektorat #nav-links-de-korrektur-und-lektorat .aktiv,
.text-und-business #nav-oben-de-was .aktiv,
.text-und-business #nav-links-de-text-und-business .aktiv,
.schreibseminare #nav-oben-de-was .aktiv,
.schreibseminare #nav-links-de-schreibseminare .aktiv,
.redaktion #nav-oben-de-was .aktiv,
.redaktion #nav-links-de-redaktion .aktiv,
.de .text #nav-oben-de-was .aktiv,
.de .text #nav-links-de-text .aktiv,
.uebersetzung #nav-oben-de-was .aktiv,
.uebersetzung #nav-links-de-uebersetzung .aktiv,
.warum #nav-oben-de-warum .aktiv,
.wo #nav-oben-de-wo .aktiv,
.wie #nav-oben-de-wie .aktiv,
.wem #nav-oben-de-wem .aktiv,
.wer #nav-oben-de-wer .aktiv,
.wieviel #nav-oben-de-wieviel .aktiv,
.kontakt #nav-unten-de-kontakt .aktiv,
.proofreading-and-editing #nav-oben-en-what .aktiv,
.proofreading-and-editing #nav-links-en-proofreading-and-editing .aktiv,
.text-and-business #nav-oben-en-what .aktiv,
.text-and-business #nav-links-en-text-and-business .aktiv,
.writing-seminars #nav-oben-en-what .aktiv,
.writing-seminars #nav-links-en-writing-seminars .aktiv,
.redaction #nav-oben-en-what .aktiv,
.redaction #nav-links-en-redaction .aktiv,
.en .text #nav-oben-en-what .aktiv,
.en .text #nav-links-en-text .aktiv,
.translation #nav-oben-en-what .aktiv,
.translation #nav-links-en-translation .aktiv,
.why #nav-oben-en-why .aktiv,
.where #nav-oben-en-where .aktiv,
.how #nav-oben-en-how .aktiv,
.whom #nav-oben-en-whom .aktiv,
.who #nav-oben-en-who .aktiv,
.fees #nav-oben-en-fees .aktiv,
.de .intro #nav-unten-de-news .aktiv,
.en .intro #nav-unten-en-news .aktiv,
.de .news #nav-unten-de-news .aktiv,
.en .news #nav-unten-en-news .aktiv,
.contact #nav-unten-en-contact .aktiv {
	display: inline;
}

.korrektur-und-lektorat #nav-oben-de-was .inaktiv,
.korrektur-und-lektorat #nav-links-de-korrektur-und-lektorat .inaktiv,
.text-und-business #nav-oben-de-was .inaktiv,
.text-und-business #nav-links-de-text-und-business .inaktiv,
.schreibseminare #nav-oben-de-was .inaktiv,
.schreibseminare #nav-links-de-schreibseminare .inaktiv,
.redaktion #nav-oben-de-was .inaktiv,
.redaktion #nav-links-de-redaktion .inaktiv,
.de .text #nav-oben-de-was .inaktiv,
.de .text #nav-links-de-text .inaktiv,
.uebersetzung #nav-oben-de-was .inaktiv,
.uebersetzung #nav-links-de-uebersetzung .inaktiv,
.warum #nav-oben-de-warum .inaktiv,
.wo #nav-oben-de-wo .inaktiv,
.wie #nav-oben-de-wie .inaktiv,
.wem #nav-oben-de-wem .inaktiv,
.wer #nav-oben-de-wer .inaktiv,
.wieviel #nav-oben-de-wieviel .inaktiv,
.kontakt #nav-unten-de-kontakt .inaktiv,
.proofreading-and-editing #nav-oben-en-what .inaktiv,
.proofreading-and-editing #nav-links-en-proofreading-and-editing .inaktiv,
.text-and-business #nav-oben-en-what .inaktiv,
.text-and-business #nav-links-en-text-and-business .inaktiv,
.writing-seminars #nav-oben-en-what .inaktiv,
.writing-seminars #nav-links-en-writing-seminars .inaktiv,
.redaction #nav-oben-en-what .inaktiv,
.redaction #nav-links-en-redaction .inaktiv,
.en .text #nav-oben-en-what .inaktiv,
.en .text #nav-links-en-text .inaktiv,
.translation #nav-oben-en-what .inaktiv,
.translation #nav-links-en-translation .inaktiv,
.why #nav-oben-en-why .inaktiv,
.where #nav-oben-en-where .inaktiv,
.how #nav-oben-en-how .inaktiv,
.whom #nav-oben-en-whom .inaktiv,
.who #nav-oben-en-who .inaktiv,
.fees #nav-oben-en-fees .inaktiv,
.de .intro #nav-unten-de-news .inaktiv,
.en .intro #nav-unten-en-news .inaktiv,
.news #nav-unten-de-news .inaktiv,
.news #nav-unten-en-news .inaktiv,
.contact #nav-unten-en-contact .inaktiv {
	display: none;
}



/* WebKit rendering fixes */
.webkit #content { top: 241px; }
.webkit #content-de-wer, .webkit #content-en-who { top: -7px; }
.webkit .navigation-oben { top: 190px; }
.webkit .navigation-unten { top: 520px; }
.webkit .navigation-unten a { margin-left: 17px; }
.webkit #kontakt-logoleiste { top: 230px; }







/* zum testen */
#contentbox { margin: -294px 0 0 -481px; }