/* @override http://www.cd-austria.at/fileadmin/css/layout_3col_vlines.css */

/* @override http://www.pc-info.biz/fileadmin/css/layout_3col_vlines.css */

/* @override 
	http://localhost/~bernardi/CDA-Verlag/fileadmin/css/layout_3col_vlines.css
	layout_3col_vlines.css
	--
	http://localhost/~bernardi/CDA-Verlag/fileadmin/css/layout_2col_left_vlines.css
	layout_3col_vlines.css -- http://localhost/~bernardi/CDA-Verlag/fileadmin/css/layout_2col_right_vlines.css
*/

/* @group main/base.css */

@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
	*/

	* { margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}

	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% }
	body {
		min-height: 101%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		position: relative;

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #000;
		background: #fff;
		text-align: left;
	}

	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
	select, input, textarea { font-size: 99% }

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

	#header { position:relative }

	#topnav, #banner_top {
		position:absolute;
		top: 10px;
		right: 14px;
		color: #fff;
		background: transparent;
		text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}

	#nav { clear:both; width: 100%;  background-color:#343434; overflow: hidden;
	border-bottom: 3px solid #CCC; }
	#main {	clear:both; width: 970px; margin: 0 auto; }


	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col2 {
		float:right;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}

	#footer { clear:both; }	/* Backup für IE-Clearing */

	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}

	#col1_content, #col2_content, #col3_content { position:relative; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }

	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {
		clear: both;
		float: left;
		content: ".";
		display: block;
		height: 0;
		line-height: 0px;
		visibility: hidden;
		border: 0;
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
	}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}

}


/* @end */

/* @group modifications/basemod.css */

@media all
{

/* Formatierung der Seite */

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ background:url(../img/bg_top.gif) #FFF repeat-x; width: 100%;}
#page_margins { width: 100%;}

/* Formatierung der Kopfbereiches */
#header {position:relative; height:90px; color:#fff;
background-repeat: repeat-x;
background-position: top right;
width: 970px; margin: 0 auto;
}
#header img.logo {position:absolute; top:4px; left:0; font-size:208%;}
#banner {position:absolute; top:20px; right:0px; z-index:10;}
#banner img.logo {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {top:15px; padding: 6px 8px; }
#banner_top{
	right: 260px;
	top:10px; background-color: #2b2b2b; padding: 2px;
}
#header div.tx-macinasearchbox-pi1{
	height: 50px;
	width: 160px;
	overflow: hidden;
}
#header div.tx-macinasearchbox-pi1 span{ 
display: block; 
line-height: 16px;
font-size: 11px;
padding: 0 0 8px 0;
}
#header div.tx-macinasearchbox-pi1 input.search_btn{
	background-color: #616060;
	color: white;
	border: transparent;
	font-size: 11px;
}
#header div.tx-macinasearchbox-pi1 input {margin-left:0; width: 40px;
font-size: 11px;}

/* Formatierung der Fußzeile */
#footer {color:#888; background:#fff; margin:2em 1em 1em 1em; padding:5px 0 50px 0; border-top:1px #ddd solid; line-height:1.4em; text-align: center; font-size: 0.9em;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {background:#fff ; padding-top:0;}

/* linke Spalte */
#col1 {width:20%;}
#col1_content {margin-left:1em; margin-right:1em; color:#444; background:inherit;}

/* Rechte Spalte */
#col2 {width:20%;}
#col2_content {	margin-left:1em; margin-right:1em;}

/* Mittlere Spalte */
#col3 {margin-left:20%; margin-right:20%; border-left:0px dotted #ddd; border-right:0px dotted #ddd;}
#col3_content {margin-left:1em; margin-right:1em;}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {margin:0; padding:0; background:#ecf3f7; color:#333333; border-bottom: 1px solid #b5c8cb;}
#teaser div {float:left; width:auto; margin-right:1em;}
#teaser .block1 {padding:0 0 0 1em; font-size:1em; line-height: 1.8em;}
#teaser .block1 a {color:#334;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em 0;}

}


/* @end */

/* @group modifications/basemod_vlines.css */


/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06
**  Datei       : basemod_bsp_spaltentrenner.css
**  Funktion    : Einschalten der vertikalen Spaltentrenner an #col3 (beidseitig)
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media screen
{
/* Spaltentrenner */
#col3 {border-left:0px #ddd solid;}
#col3 {border-right:0px #ddd solid;}

}


/* @end */

/* @group navigation/nav_slidedor.css */

@media all
{
/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/

#nav_main { width:100%; font-size:110%; line-height:normal;
width: 970px; margin: 0 auto;}
#nav_main ul {margin:0;padding:0 0 0 1em; list-style:none;}
#nav_main li {display:inline; margin:0; padding:0;}
#nav_main a {float:left; background:url(../img/sliding_door/left_both.gif) no-repeat left top; background-position:0% -150px; margin:0 1px; padding:0 0 0 9px; border-bottom:1px solid #343434; text-decoration:none;}
#nav_main #special_nav, #nav_main #video_nav{
	margin-right: 15px;
}
#nav_main #special_nav a, #nav_main #video_nav a {
	float: right;
	background-position:0% -300px;
}
#nav_main #video_nav a{
	background-position: 0% -450px;
	padding:0 0 0 23px;
}
#nav_main #special_nav a:hover span, #nav_main #video_nav a:hover span{
	color: #FFF;
	text-decoration: underline;
}
#nav_main a span {float:left; display:block; background:url(../img/sliding_door/right_both.gif) no-repeat right top; background-position:100% -150px; padding:5px 12px 4px 4px; color:#FFF; white-space:nowrap; font-weight:bold;}
#nav_main #special_nav a span{
	background-position:100% -300px;
}
#nav_main #video_nav a span{
	background-position:100% -450px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_main a span {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover span {color:#FFF; background-position:0% -150px;}
#nav_main #current a {background-position:0 0; border-width:0;}
#nav_main #current a span {background-position:100% 0; padding-bottom:5px; color:#FFF; font-weight:bold;}
#nav_main a:hover {background-position:0% 0;}
#nav_main a:hover span {background-position:100% 0;}

/* Close @media all - DO NOT DELETE! */
}


/* @end */

/* @group navigation/nav_vlist.css */

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version:2.5.2
**  Dateiversion:6.11.06
**  Datei       :nav_vlist.css
**  Funktion    :Formatierung der linken Hauptnavigation
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{
/*******************************************
* Vertikale Listennavigation
********************************************/
#col1_content h3 {font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; color:#33667f; background:inherit;  margin:0.4em 0 0.5em 0; border-bottom:1px #ccc solid; padding-top:1em;}
.mainMenu {width:100%; overflow:hidden; color:#222; margin:0; padding:0 0 0 0;}
.mainMenu img {margin-right:5px;}
.mainMenu ul {width:100%; overflow:hidden; margin:0em 0 0em 0; list-style-type:none; border-top:1px #ecf3f7 solid; }
.mainMenu ul a {display:block; text-decoration:none;}
.mainMenu ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li strong {display:block; width:95%; padding:3px 0px 3px 5%; background-color:#ecf3f7; font-weight:bold; border-bottom:1px #33667f solid;}
.mainMenu ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 25px; background-color:#ecf3f7; font-weight:bold; border-bottom:1px #33667f solid;background-image: url("../img/li_el.gif"); background-repeat: no-repeat; background-position: 10px 50%;}
.mainMenu ul li ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 21%; background-color:#aab; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li a { width:95%; padding:3px 0px 3px 5%; background-color:#fff; color:#444; border-bottom:1px #b5c8cb solid;}
.mainMenu ul li a:hover {background-color:#ecf3f7; border-bottom:1px #33667f solid; text-decoration: none;}
.mainMenu ul li ul {border: 0; list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li { font-size: 80%; float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li a {width:90%; padding:3px 0px 3px 25px; bbackground-color:#fff; color:#444; border-bottom:1px #b5c8cb solid;
background-image: url("../img/li_el.gif"); background-repeat: no-repeat; background-position: 10px 50%;}
.mainMenu ul li ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li ul li a {width:90%; padding:3px 0px 3px 21%; background-color:#e4e4e4; color:#666; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li a:hover {background-color:#ecf3f7; border-bottom:1px #33667f solid; text-decoration: none;}
.mainMenu ul li#title {width:95%; padding:3px 0px 3px 7%; font-weight:bold; color:#444; background-color:#fff; border-bottom:4px #888 solid;}

/* Close @media all - DO NOT DELETE! */
}


/* @end */

/* @group main/content.css */

/* Open @media all - DO NOT DELETE! */
@media all
{

/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**

/* ### Überschriften, Fließtexte ###################################################################### */

body {color:#222; font-size:83.33%; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}

h2,h3,h4 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
h2,h3,h4 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-weight:bold;}

h1 {font-size:1.1em; color:#33667f; background:inherit;  margin:0.4em 0 0.5em 0; border-bottom:1px #ccc solid; padding-top:1em;}
h2 {font-size:1.0em; color:#fff; background:#33667f; margin:0.2em 0 0.5em 0; padding:0.3em; margin-top:1em;}
h3 {font-size:1.0em; color:#ffae00; background:transparent; margin:0.4em 0 0.3em 0; padding-top:1em;}
h4 {font-size:1.0em; color:#888; background:transparent; margin:0.4em 0 0.3em 0; border-bottom:1px #ccc solid; padding-top:1em;}

#teaser h1 {font-size:1.2em; border:0;}

p,ul,dd,dt {line-height:1.5em;}
p {line-height:1.5em; margin:0 0 1em 0;}

strong,b {font-weight:bold;}
em,i {font-style:italic;}
pre, code {	font-family:"Courier New", Courier, monospace;}
address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}

hr {color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid;}

acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}

/* ### Bildpositionierung ############################################################################ */
img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color:#3b3b3b; text-decoration:none;}
a:hover { text-decoration:underline;
}

a.v_link {
	display: block;
	margin: 10px 0;
	font-weight: bold;
	padding: 0 0 0 13px;
	background: url("../img/li_arrow.gif") no-repeat 0px 3px;
	color: #33667f;
}

#topnav a {color:#fff; background:transparent; text-decoration:none;}
#topnav a:hover{text-decoration:underline; background-color:transparent;}

#footer a {color:#888;}
#footer a:hover {color:#000;}

#main a[href^="http:"], #main a[href^="https:"] {padding-left:0; background-image:none;}

#main a.imagelink {padding-left:0; background:transparent;}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
table {border-collapse:collapse; margin-bottom:0.5em;}

form {overflow:hidden;}

input, textarea {width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa;padding:3px; color:#777;}

input[type=text]:focus, input[type=password]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Beispieldateien */
p.demo {background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:0.5em;}

/* Navigation am Seitenende */
p.navlink {background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
p.navlink a {color:#353;}
p.navlink a:hover {font-weight:bold; background:transparent;}

blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; border-left:8px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 1em;}

/* Ungeordnete Listen ohne Listenpunkt */
ul.linklist {list-style-type:none; margin:0 0 1em 0;}

ul.linklist li {margin:0 0 1em 0;}

/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {font-family:"Courier New", Courier, monospace; font-style:normal;}
em.mono {padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
em.file {padding:0 0 0 14px; color:#008; background:transparent url(../img/icons/file.gif) no-repeat left;}
em.directory {padding:0 0 0 15px; color:#008; background:transparent url(../img/icons/dir.gif) no-repeat left;}
pre, code {display:block; margin:0 0 1em 1em; padding:0.5em; color:#000; background:#f0f0f4; border:1px #ccd solid; border-left:8px #ccd solid;}
code.css {background-image:url(../img/bg_css.gif); background-repeat:no-repeat; background-position:top right;}
code.xhtml {background-image:url(../img/bg_xhtml.gif); background-repeat:no-repeat; background-position:top right;}
code.typoscript {background-image:url(../img/bg_ts.gif); background-repeat:no-repeat; background-position:top right;}

/* ### Tabellen ################################################################## */
table.bugs {margin-bottom:1em; margin-top:0.5em; width:100%;}
table.bugs th {background:#fff; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
table.bugs td {background:#f0f0f4; color:#222; padding:0.5em;	text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}

/* ### Download-Box ################################################################## */
.bluebox {color:#000; background:#f0f0f4; padding:2px; border:1px #ccd solid; text-align:center; padding:4px 0 4px 0; margin-bottom:1em;}
.bluebox p {padding:0px 8px 0 8px;}

a.dl_link {display:block; padding:0; margin:0.5em auto 0 auto; background-image:none;}
a.dl_link:hover {text-decoration:none; background-color:transparent;}

/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
input, textarea {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
img {border:0;
}
p.csc-linkToTop {text-align:right;}
p.csc-form-label-req {font-weight:bold;}
.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}
dd.csc-textpic-caption {font-style:italic; font-size:0.9em; background-color:#E0E7F5; padding:0;}

/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {text-align:center; padding-bottom: 15px;}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {
	padding: 2px 5px;
	background-color: #33667f;
	color: #FFF;
	margin: 0 2px;
}

/* LATEST Ansicht */
.news-latest-item {margin-bottom:1em;}
.news-latest-item p{
	margin: 0;
}
.news-latest-item h3 {padding-top:0;}
.news-latest-item h3 a {text-decoration:underline; color: #ffae00;}
.news-latest-item h3 a:hover {background:transparent;}
.news-latest-item img {padding-left:1em; padding-top:0.5em; float:right;}
.news-latest-date{
	float: right;
	font-size: 0.8em;
	color: #CCC;
}
.news-latest-morelink {}

/* LIST Ansicht */
.news-list-container{
	padding-top: 0.5em;
}
.news-list-item {margin-bottom:1em; padding: 0 0 1em 0; border-bottom: 1px solid #ccc;}
.news-list-item h3 {padding-top:0; margin-top: 0;}
.news-list-item h3 a {text-decoration:underline;}
.news-list-item h3 a:hover {background:transparent;}
.news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal; float: right;}
.news-list-morelink {}
.news-list-morelink a {
	color: #FFF;
}
.news-list-morelink a:hover {}
.news-list-category {color:#aaa;}

/* SINGLE Ansicht */
.news-single-item h3 {margin-bottom:1em; margin-top:1em; color:#000; padding:0.5em; background:#f0f0f4; border-left:8px #E0E7F5 solid;}
.news-single-img {margin-left:15px; float:right; width: 240px; text-align: center; background-color:#f0f0f4; border: 1px solid #ccc;}
.news-single-img p {padding:0; margin:0;}

p.news-single-imgcaption {
	font-style:italic; font-size:0.9em; background-color:#E0E7F5; padding:2px;
	text-align: left;
}
.news-single-timedata {color:#aaa; margin-bottom:1em;}
.news-single-additional-info {
	display:block; color:#000; background:#f0f0f4;
	border:1px #ccd solid; text-align:left;
	padding:4px 0 4px 0; margin-bottom:1em;
}
.news-single-additional-info dd p{
	margin: 0;
}
.news-single-additional-info dl {
	margin: 0 0.5em;
}
.news-single-additional-info dd { margin: 0 1em; }
.news-single-additional-info dt { color:#aaa;}

/* CATEGORY Menu 
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
.news-catmenu a {display:inline; padding-left:2px;}
.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
.news-catmenu .news-catmenu-NO {height:16px;}
p.news-catmenu-header {line-height:1em; margin:0;}
*/

/* ##############################
** ### 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;}

/* ###########################
** ### Language menu #########
** ###########################
*/
div.langMenu {padding:0 0 0 0;}
div.langMenu a:hover {background:transparent;}
div.langMenu img.flag {margin-top:4px; padding-right:7px;}
div.langMenu img.arrow {}

/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {font-weight:bold;}
.tx-dropdownsitemap-pi1 li.open ol {display:block;}
.tx-dropdownsitemap-pi1 li.closed ol {display:none;}
.tx-dropdownsitemap-pi1 li.open ul {display:block;}
.tx-dropdownsitemap-pi1 li.closed ul {display:none;}
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
.tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
.tx-dropdownsitemap-pi1 a:hover {background:transparent;}

/* ##########################
** ### TYPO3 Mailformular ###
** ##########################
*/
.csc-mailform-field label {color:#33667f; display:block; margin-top:1em; margin-bottom: 5px;}
.csc-mailform-radio label {display:inline; margin-left:0.3em;}
.csc-mailform-radio legend {display:none;}
.csc-mailform-submit {margin-top:1em;}

/* ##########################
** ### sk-pagecomments ######
** ##########################
*/
.sk-pagecomments-error {color:red;font-weight:bold;background:#FFE8CF;border:1px solid #000;margin:8px 12px;padding:4px;}
.sk-pagecomments-success {color:blue;font-weight:bold;}
.sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}
.sk-pagecomments-headline {border-bottom:1px solid #000;font-weight:bold;background:#d1d1d1;padding-left:6px;height:20px;}
.sk-pagecomments-namedate {float:left;}
.sk-pagecomments-emailhomepage{float:right;}
.sk-pagecomments-comment{background:#f1f1f1;padding:4px 28px;clear:both;}
.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
.tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
.tx-skpagecomments-pi1 form legend {background:#f1f1f1;border:1px solid #000;padding:4px;}
.tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
.tx-skpagecomments-pi1 form p {margin:6px 0;}
.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
.tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
.tx-skpagecomments-pi1 form input#name,
.tx-skpagecomments-pi1 form input#email,
.tx-skpagecomments-pi1 form input#homepage {width:320px;}
.tx-skpagecomments-pi1 form textarea {width:320px;height:160px;}
.tx-skpagecomments-pi1 form input#skcommentssubmit {float:right;margin:8px 20px;}
.tx-skpagecomments-pi1 .sk-pagecomments-formlink {margin-top:1em; text-align:right;}
.tx-skpagecomments-pi1 #skpagecomments-smileys {text-align:right; margin-right:1em;}

/* Close @media all - DO NOT DELETE! */
}
/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}


/* @end */

/* @group main/typo3-RTE.css */
p {font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}
/* #############################
** ### classesParagraph ########
** #############################
*/
p.smalltext, span.smalltext {display:block; font-size:0.9em;}
p.box, span.box {display:block; font-size:1em; color:#333; padding:0.5em 0.8em;	background:#ecf3f7; border-left:3px #b5c8cb solid;}
p.redbox, span.redbox {display:block; color:#000; background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:0.5em;}
span.red{
	color:red;
	font-size: 0.9em;
}
p.bluebox, span.bluebox {display:block; color:#000; background:#f0f0f4; padding:2px; border:1px #ccd solid; text-align:center;	padding:4px 0 4px 0; margin-bottom:1em;}
p.greenbox, span.greenbox {display:block; background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
p.greenbox a {color:#353;}
p.greenbox a:hover {background:transparent;}
p.code, span.code {display:block; margin:0 0 1em 1em; font-family:"Courier New", Courier, monospace; font-size:1em; padding:0.5em; color:#000;	background:#f0f0f4;	border-left:8px #E0E7F5 solid;}

/* #############################
** ### classesCharacter ########
** #############################
*/
span.mono {font-family:"Courier New", Courier, monospace; font-style:normal; padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
span.file {font-family:"Courier New", Courier, monospace;	font-style:normal; padding:0 0 0 14px; color:#000088; background:transparent url('../img/icons/file.gif') no-repeat left;}
span.directory {font-family:"Courier New", Courier, monospace; font-style:normal; padding:0 0 0 15px; color:#000088; background:transparent url('../img/icons/dir.gif') no-repeat left;}

/* #############################
** ### TagFreeClasses ##########
** #############################
*/
.orangeBackground {background:#FEC216;}


/* @end */

/* @group print/print_003.css */

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06
**  Datei       : print_003.css
**  Funktion    : Druck-Stylesheet - druckt die Spalte #col3
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media print
{
body * {font-size:12pt; font-family:"Times New Roman", Times, serif;}
blockquote {font-family: "Times New Roman", Times, serif;}
code.css, code.xhtml, em.file {font-family:"Courier New", Courier, mono;}

h1 {font-size:16pt; font-weight:bold; color:#336699; background:inherit; margin:0.4em 0 0.5em 0; border-bottom:1px #ccc solid;}
h2 {font-size:14pt; font-weight:bold; color:#666; background:inherit; margin:0.2em 0 0.5em 0; padding:0.3em;}
h3 {font-size:12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 {page-break-after:avoid;}

abbr[title]:after, acronym[title]:after {content:'(' attr(title) ')';}

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], #col1 p a[href^="http:"], #col1 p a[href^="https:"], #col2 p a[href^="http:"], #col2 p a[href^="https:"] {padding-left:0; background-image:none;}

a[href]:after {content:" <URL: "attr(href)">"; color:#444; background-color:inherit; font-style:italic;}

/* Umformatierung der Layoutboxen */
body {margin:0; padding:0;}
#page_margins, #page { margin:0; padding:0; border:0;}
#topnav {display:none;}

#header {height:auto;}
#header img.logo {position:relative; top:0; left:0; padding:0;}
#nav_main {display:none;}
#teaser {display:none;}

#main {margin:0; padding:0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}



#col3 {margin:0; padding:0; border:0;}
#col3_content {margin:0; padding:0; border:0;}
#col3_innen {overflow: visible;}

#footer {display:none;}

}


/* @end */




/* @group Eigene */



ul.pseudolist li, ul.pseudolist{
	list-style: none;
	padding: 0;
	margin: 0;
}
div.options input{
	margin-left: 2px;
}
div.options{
	text-align: left;
	background-color: #ecf3f7;
	margin-bottom: 20px;
	padding: 6px 10px;
}
div.options div.c50r{
	text-align: right;
}
div.options div.c50l{
	font-size: 1.4em;
}
span.small{
	font-size: 0.9em;
	color: #d4d4d4;
}
h3.nopadding{
	padding-top:0;
}
h3 a{
	color: #ffae00;
}
h3 a:hover{
	text-decoration: underline;
}
.clear{
	clear: both;
}
div.articles div.article.c50l{
	width: 46.999%;
	margin: 0 3% 0 0;
}
div.articles div.article.c50r{
	width: 49.999%;
	margin: 0 0 0 0;
}
div.articles{
	margin: 0;
	padding: 0;
}
div.articles div.article h3{
	padding-top: 0;
}
div.article p a, a.readmore,div.news-list-morelink a{
	background-color: #3b3b3b;
	padding: 0 3px;
	color: white;
}
div.article p a:hover, a.readmore:hover,div.news-list-morelink a:hover{
	background-color: #3b3b3b;
}
a.link_to_articles{
	text-decoration: underline;
	color: black;
}
/*
div.articles div.article p a:hover{
	background-color: #FFF;
	color: black;
}*/
h2.nomargin{
	margin-top: 0;
}
a.more_option{
	display: block;
	color: #FFF;
	font-size: 11px;
	padding: 3px 5px 3px 18px;
	background-image: url("../img/arrow_white.gif");
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
a.more_option:hover{
	background-color: transparent;
	text-decoration: underline;
}
a.more_option.float_left{
	float: left;
}
a.more_option.float_right{
	float: right;
}
a.more_option.float_right.rss{
	background-image: url("../img/rss.gif");
	background-position: 2px 4px;
}
div.google_ad_bottom{
	text-align: center;
	border: 1px solid #ceeaf8;
	padding: 5px;
	margin-top: 5px;
}
div.google_ad_left{
	margin: 5px 0;
	text-align: center;
	padding: 5px 0;
}
div.google_ad_right{
	margin: 5px 0;
	text-align: center;
	padding: 1em 0;
}
table.standart tr.header{
	font-weight: bold;
	background-color: #ceeaf8;
	color: #33667f;
}

div.categories.frontpage h2 {
	margin-bottom: 1px;
}
table.standart td{
	padding: 2px 5px;
}
table.standart tr{
	border-bottom: 1px solid #ceeaf8;
}
table.standart tr td.td_0 strong{
	padding: 0 4px;
}
table.standart.archive tr td a{
	text-decoration: underline;
}
table.standart tr.editors_choice td.td_0 strong, div.editors_choice{
	background-color: #ff6666;
}
table.standart tr.editors_price_choice td.td_0 strong, div.editors_price_choice{
	background-color: #defd7f;
}
div.editors_choice, div.editors_price_choice{
	padding: 0px 4px;
	display: inline;
}
div.search.archive{
	padding: 0 0 15px 0;
}
div.software.subc div.c25l div.image, div.software.subc div.c25l div.title{
	text-align: center;
}
div.software.subc div.c25l div.image{
	padding-top: 10px;
}
.c{
	cursor: pointer;
}
fieldset.csc-mailform{
	border: 1px solid #ccc;
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
}
img.article_list_image{
	margin-top: 5px;
	border: 1px solid #ccc;
}

div.downloads{
	
}

table.csc-uploads{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0;
	background-color: #fee;
}

table.csc-uploads td{
	padding: 5px;
}
table.csc-uploads td.csc-uploads-icon {
	border-left: 3px solid #fcc;
	width: 18px;
}
td.csc-uploads-fileName {

}
div.back{
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 25px;
}
ul.arrowlist li{
	padding: 0 0 0 10px;
	background: url("../img/li_arrow.gif") no-repeat 0px 5px;
}
a.buy{
	background-image: url("../img/buy.gif");
	background-position: 5px 4px;
	padding-left: 25px;
}
ul.newsmenu li.title a{
	padding-left: 18px;
	background: url("../img/node.gif") no-repeat 5px 8px;
}
ul.newsmenu li.category a,ul.newsmenu li.category_active a{
	padding-left: 22px;
	background-image: url("../img/cat.gif");
	background-position: 6px 6px;
	background-repeat: no-repeat;
}
ul.newsmenu li.category_active a{
	font-weight: bold;
	background-color:#ecf3f7; border-bottom:1px #33667f solid;
}
div.imageset{
	float: right;
	margin-left: 1em;
}
div.imageset div.cover{
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
div.imageset div.screenshots img{
	border: 1px solid #ccc;
	float: left;
}
dl.infobox{
	margin: 0;
}
dl.infobox dd{
	margin: 0 0 5px 0;
	padding: 2px 0 2px 5px;
	background-color: #ecf3f7;
	border-left:3px #b5c8cb solid;
	overflow: visible;
}
div.buy_now_btn{
	float: right;
	padding: 0 5px 0 25px;
	background: url("../img/buy.gif") #33667f 5px 3px no-repeat;
}
div.buy_now_btn a{
	color: #FFF;
}
div.header_right{
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; 	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #33667f;
	font-size:1.0em;
	margin:1em 0 0.5em 0;
}
table.cart td{
	padding: 5px;
}
table.cart tr.header td{
	background:#ecf3f7; 
	border-bottom:1px #b5c8cb solid;
}

table.cart tr.footer td{
	background:#ecf3f7;
	border-top:1px #b5c8cb solid;
	border-bottom:3px #b5c8cb double;
}
fieldset.order_fieldset{
	border: 1px #b5c8cb solid;
}
fieldset.order_fieldset legend{
	margin-left: 15px;
	padding: 5px;
}
fieldset.order_fieldset dl dt{
	float: left;
	width: 130px;
}
fieldset.order_fieldset dl dd{
	text-align: right;
	padding-right: 15px;
}
fieldset.order_fieldset dl dd input, fieldset.order_fieldset dl dd select, fieldset.order_fieldset dl dd textarea{
	width: 70%;
}
fieldset.order_fieldset dl dd textarea{
	height: 100px;
}
fieldset.order_fieldset dl dd input.normal{
	width: auto;
}
fieldset#order-payment.order_fieldset dl dt{
	float: left;
	width: 330px;
}
fieldset#order-payment.order_fieldset dl dd input{
	width: auto;
}
input.red{
	background-color:#fee; border:1px #fcc solid;
}
a.button{
	color: #FFF;
	background-color: #33667f;
}
div.float_right {float:right; padding: 0;}
div.float_left {float:left; padding: 0;}

div.gwcards{
	margin: 0;
	padding: 0;
}
div.gwcards a.gwcard, div.gwcards div.category{
	float: left;
	width: 143px;
	margin: 0 2px 4px 2px;
	height: 125px;
	padding-top: 5px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #FFF;
}
div.gwcards div.category{
	text-align: left;
	padding: 10px;
	width: 199px;
	height: 110px;
}
div.gwcards.small a.gwcard{
	width: 60px;
	height: 55px;
}
div.gwcards a.gwcard:hover{
	border: 1px solid #33667f;
	background-color: #ecf3f7;
}
div.gwcard_big{
	
}
div.pages{
	padding: 0;
	text-align: center;
}
div.pages a{
	padding: 2px 5px;
	background-color: #33667f;
	color: #FFF;
	margin: 0 2px;
}
div.pages a.active{
	background-color: #CCC;
}
table.standart tbody tr.header td.td_1{
	width: 40%;
}
table.standart tbody tr.header td.td_2{
	width: 10%;
}
table.standart tbody tr.header td.td_3{
	width: 15%;
}
div#header_banner div.banners{
	position: absolute;
	margin-top: 15px;
	margin-left: 305px;
}
div.news-list-item img{
	border: 1px solid #ccc;
}
div.back a, div.news-single-backlink a{
	display: block;
	padding: 2px 5px;
	background-color: #33667f;
	color: #FFF;
	margin: 0 0 5px 0;
}
a.gwcard_categories{
	display: block;
	float: left;
	padding: 2px 5px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}
h2.vv{
	background-color: #ecf3f7;
	color: #33667f;
	border-bottom: 1px solid #33667f;
}
table.contenttable p.bodytext img{
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #ccc;
}
.fullcol{
	width: 100%;
}
.sortcol{
	cursor: pointer;
	text-decoration: underline;
}
.sortasc, .sortdesc{
	text-decoration: none;
}
#banner_right{
	margin-top: 25px;
}
.magazine{
	overflow:hidden;
	zoom:1;
}
/* @end */

/* @group Temporaer */
/*
#col2 {width: 330px;}

#col1 {display:none;}
#col1_content {display:none;}
#col3 {margin-left:0px; border-left:0;}

#col3 {margin-right:0; border-right:330px #FFF solid;}

#main {padding: 0;}
#footer {margin:0em; padding:1em;}
*/
/* @end */