@charset "utf-8";
/* CSS Document  
author: Karin Hinterleitner 2008 www.hinterleitnerdesign.de
client: Kunststiftung Baden-Württemberg e.V. www.kunststiftung.de 
*/


* {border:0px; margin:0px; padding:0px;border:0px }
a:link, a:visited, a:hover {text-decoration:none; color: #585858 }
#content a:link, #content a:visited {text-decoration: underline; }
#content a:hover {color:#000}
#content .narchiv a:link, #content .narchiv a:visited {text-decoration:none;}
#content .start a:link, #content .start a:visited {text-decoration:none;}
#content .single a:link, #content .single a:visited {text-decoration:none;}

body {
	background: #f0f0f0 url(../img_style/body_bg.gif) top left repeat-y;
	font: normal 13px/135% FreeSans,Arial,Helvetica,sans-serif; color: #2E2E2E
	}
#printfooter, .printlogo {display:none}	

/* ------------------------------  content  ----------------------------------*/
#content {position:absolute; top: 209px; left:166px; width: 760px}


/* ------------------------------  general TYPOGRAPHY ----------------------------------*/
p {display: block; padding-bottom: 0.8em}
.standard p {width:85%}
.standard .csc-uploads-fileName p {width:100%}
#content h1 {font-size:18px;color:#333; background:transparent url(../img_style/h1dot.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom: 15px}
#content h2 {font-size:16px;color:#ff3333;line-height:200%; padding-top:5px;}
#content h3 {font-size:16px;color:#333; line-height:200%; padding-top:5px;}
#content h4 {font-size:13px;color:#333; line-height:120%; padding-top:5px;}
#content h4 a:link, #content h4 a:visited {font-weight: normal; color: #000 ! important}

ul.csc-bulletlist, ul.csc-menu, ul.csc-menu-1 {margin-bottom: 0.8em; list-style-position:inside }
ul.csc-bulletlist-2 {list-style-type:none}

#content .csc-sitemap ul {list-style: none; list-style-position:inside; }
#content .csc-sitemap ul li a {padding-left:5px; line-height: 140%;display: block; border-bottom: 1px dotted #ff0000; color: #000; font-weight: bold; text-decoration:none}
#content .csc-sitemap ul li a:hover {background-color: #f5f5f5  ! important; text-decoration:none}
#content .csc-sitemap ul li ul li {}
#content .csc-sitemap ul li ul li a {padding-left:20px; color: #666; font-weight: bold;border-bottom:0px;display: block; }
#content .csc-sitemap ul li ul li ul li {}
#content .csc-sitemap ul li ul li ul li a {padding-left:20px;color: #999; border-bottom:0px; display: block; }


input.tx-indexedsearch-searchbox-button {width:150px ! important;}
.tx-indexedsearch-title a {font-size:120%; font-weight:bold}
.tx-indexedsearch-res {margin-top:30px}

/* Dateiverweise, Sitplinks */
#content .csc-uploads-fileName p {margin: 0px ! important; padding:0px 0px 5px 0px ! important}
td.csc-uploads-icon, td.csc-uploads-fileName, td.csc-uploads-fileSize {vertical-align:top; padding: 5px 10px 0px 0px}

/* ------------------------------  Stipendiaten ----------------------------------*/
.stips {width: auto; overflow:hidden}
.stips h2 {background:transparent url(../img_style/h1dot.gif) bottom left repeat-x; line-height:100%; padding: 0px 0px; margin: 15px 0px 10px 0px; text-transform: uppercase}
div.person {
	display:block; float:left;width:377px;margin-bottom:20px; 
	height:170px; overflow:visible;
	font-size: 12px;
	}
div.foto {display:block; float:left; width:126px;height:162px; overflow:hidden; margin: 5px 15px 0px 0px}
.foto img {border:0px}
.stipinfos {width:225px;height:auto; overflow:hidden}

#content .stips h3 {font-size:18px; font-weight:normal; color:#333}
#content .stips h4 {font-size:12px; color: #4F4F4F}
#content .stips p {line-height:120%; padding-bottom:0px}
.stiplinks {margin-top: 5px;}

#content .stiplinks a:link,#content .stiplinks a:visited {
	font-size:11px; text-decoration:none;
	background:transparent url(../img_style/h2no.gif) bottom left repeat-x;
	line-height: 140%;padding: 0px
}
#content .stiplinks a:hover {	background:transparent url(../img_style/h2ho.gif) bottom left repeat-x;}
.vita {	margin-top: 4px;}
#content .vita a:link, #content .vita a:visited	{
	font-size:11px; text-decoration:none;
	padding: 0px 0px 0px 18px;
	background:transparent url(../img_style/fileicon.gif) top left no-repeat
	}
#content hr {background:transparent url(../img_style/h1dot.gif) bottom left repeat-x;padding:2px;margin: 10px 0px}



/* ------------------------------  Formulare ----------------------------------*/
form {width: 420px; margin-bottom:50px}
form h5 {padding: 5px 0px 2px 0px}
fieldset {position:relative; background-color: #F6F6F6;  padding: 0.8em 0em; border:1px solid #ededed; margin-bottom:1.0em}
legend {position:absolute;top:-10px;left:5px; padding: 0px 5px; background-color: #fbfbfb;  border:1px solid #D6D6D6; color: #666; font-size:12px;}
label {font-size: 0.9em; line-height:0.9em; padding: 0.5em }
label {clear:left;	display:block;	float:left;	width:130px;}
label.req {font-weight: bold;color:#333 }
input, select {font-size:1em;width:262px; padding: 2px; margin: 2px; background-color: #FBFBFB; border:1px solid #D6D6D6}
input:focus {background-color: #FFFFFF; border-color:#999}
input.req{border:1px solid #FF0000; background-color: #FBFBFB ; color:#000 }
input.req:focus {border:1px solid #FF0000 ;background-color: #fff}
input.check {width: 13px; height:13px; margin-left: 50px; padding:0px;border-color: #999}

input.klein {width: 58px;}
input.gross {width: 192px}
input.radio {width:30px; background-color:transparent; display:inline; padding:0; margin:0; }
label.radio { clear:none; width: 70px; }

textarea {font-size:1em;width:262px; padding: 2px; margin: 2px; background-color: #FBFBFB; border:1px solid #D6D6D6}
textarea:focus {background-color: #fff}

input.submit { width: 150px; height: 24px; background:transparent url(../img_style/submit.gif) center bottom no-repeat;  color:#000; border-width:0px;
               font:bold 13px/100% Arial, Helvetica, sans-serif;margin: 5px 0 0 0}
input.submit.reset {}
input.submit:focus, input.submit:hover {color:#FF0000}

/* -- Standardformular -- */
fieldset.csc-mailform, fieldset fieldset {background-color: #fff; border-width: 0px}
fieldset.csc-mailform legend {display:none}
fieldset.csc-mailform fieldset label {clear:none ! important; width: 30px; padding:2px 0px}
span.csc-mailform-label {padding: 0px 0px 2px 0px; font-weight: strong}
.req-label label {font-weight: bold;color:#FF0000}
.accessible_mailform ul {padding-left: 20px}
.accessible_mailform ul li {list-style-position: inside; }
.accessible_mailform ul li strong {color: #ff0000}
.csc-mailform-label {font-weight:bold; color:#666}

/* ------------------------------  Startseiten Teaser vevent ----------------------------------*/
#content .standard .start p {width:100%}
.vevent {width:100%;margin-bottom:30px; clear:both }
.vevent div {float:left;}
.start .vevent div p {padding:0em !important; }
div.st,div.sc {padding:0em} 
div.st {width:250px;}
div.st div img {}
div.sc {width: 485px;padding-left: 25px}
.start .vevent h2.summary {display:inline;font-size:18px; font-weight:bold; line-height:120% ! important; width:490px;}
.vevent h2.summary a:link, .start .vevent h2.summary a:visited {
	color: #424242;
	 display: block; background:transparent url(../img_style/h2no.gif) bottom left repeat-x;
	 padding-bottom:8px ! important
	}
.vevent h2.summary a:hover { color:#000 ! important;background:transparent url(../img_style/h2ho.gif) bottom left repeat-x ! important}
.art, .dtstart {color: #ff3333; font-size:11px; font-weight:bold; line-height:220%}	
.start .vevent div .description {font-size:12px; padding-top: 2px ! important}

/* ------------------------------  Single vevent ----------------------------------*/
.single div.st {width:295px; overflow:hidden}
div.st div img {}
.single div.sc {width: 445px;padding-left: 20px}
.vevent div div {float:none;}
.single .vevent h2.summary {
	display: block; font-size:18px; font-weight:bold; line-height:120% ! important; width:445px;
	color: #424242 ! important; background:transparent url(../img_style/h2no.gif) bottom left repeat-x;
	padding-bottom:15px ! important
	}
.single .art,.single .dtstart {color: #ff3333; font-size:11px; font-weight:bold; line-height:300%}	
.single .vevent div .description {font-weight:bolder; font-size:13px; line-height:120%; padding: 16px  0px 15px 0px ! important}

.single div div.news-single-img {float:left; margin: 0px 5px 8px 0px}
p.imgcaption, p.news-single-imgcaption, .csc-textpic-caption {font-size: 11px; color: #686868; line-height:130%}

.single .vevent .sc .longdescription p.bodytext {width: 100%;}
.longdescription p a {text-decoration: underline ! important}

div.news-single-additional-info {display:block;}

dl.news-single-links {padding: 0px 0px 8px 0px}
.news-single-links dt {text-indent: -999em}	
.news-single-links a:link, .news-single-links a:visited, .news-single-links a:hover {
	background:transparent url(../img_style/h2ho.gif) bottom left repeat-x;
	line-height: 160%;padding: 0px 0px 2px 0px
	}
.single div.news-single-files {padding: 8px 0px}
.news-single-files dt {text-indent: -999em}	
.news-single-files a:link, .news-single-files a:visited, .news-single-files a:hover, .download {
	font-size: 11px; text-decoration: underline;
	padding: 0px 0px 2px 22px;
	background:transparent url(../img_style/fileicon.gif) top left no-repeat
	}

dl.news-single-related { font-size: 0.9em; margin-top: 20px; padding:4px 8px 8px 8px; background-color:#f3f3f3}
dl.news-single-related dt { color:#A2A2A2; font-size:11px}
dl.news-single-related dd {padding: 4px 0px 0px 0px}
dl.news-single-related dd a:link, dl.news-single-related dd a:visited {
	padding: 0px 15px 0px 0px; background:transparent url(../img_style/relatedicon.gif) center right no-repeat;
	line-height:96%
	}
dl.news-single-related dd a:hover {text-decoration: underline}
.news-single-backlink {padding:16px 0px;}
.news-single-backlink a:hover {text-decoration:underline}

/* ------------------------------  Archiv Ansicht ----------------------------------*/
div.news-amenu-container {width: 100%; text-align:center; overflow:hidden;background-color:#f7f7f7; border:1px solid #eee; margin-bottom:50px}
.news-amenu-container ul li.news-amenu-item-year {display:none}
.news-amenu-container ul {list-style-type:none; padding:15px; }
.news-amenu-container ul li {display:inline; list-style-type:none;}
.news-amenu-container ul li a:link, .news-amenu-container ul li a:visited {
	display: block; float:left; width:73px;height:28px; line-height:140%;overflow:hidden; color:#818181
	}
.news-amenu-container ul li a:hover {text-decoration: underline}
.news-amenu-container ul li a span {font-size: 24px; font-weight:bolder; height:30px;cursor:pointer}

.narchiv .vevent p {display: block; padding-bottom: 0.0em; }
.narchiv .vevent h2.summary {display:inline;font-size:18px; font-weight:bold; line-height:100%; width:490px;}
.narchiv .vevent .summary a:link, .narchiv .vevent .summary a:visited {
	color: #424242;
	 display: block; background:transparent url(../img_style/h2no.gif) bottom left repeat-x;
	 padding-bottom: 5px ! important; margin-bottom: 6px
	}
.narchiv .vevent .summary a:hover { color:#000;background:transparent url(../img_style/h2ho.gif) bottom left repeat-x}	
.narchiv .vevent div .description {font-size:12px; padding-top: 2px ! important}



/* ------------------------------  subMenu Untermenü ----------------------------------*/
ul.subMenu {position: absolute; top:205px; left: 20px; width:120px;list-style:none;}
ul.subMenu li {list-style:none; text-align:right; display:inline;}
ul.subMenu li a:link, ul.subMenu li a:visited, ul.subMenu li a:hover  {
	color:#a1a1a1; display:block;
	font-weight: bold; font-size: 11px; line-height:160%;	
	}
ul.subMenu li a:link.act, ul.subMenu li a:visited.act, ul.subMenu li a:hover  {color: #000}


/* ------------------------------  mainMenu Hauptmenü ----------------------------------*/
ul.mainMenu {
	position: absolute; top:137px; left: 165px; width:755px; height:23px; overflow:visible ! important;padding-left:3px;
	list-style:none; background: transparent url(../img_style/dotted-gray.gif) bottom left repeat-x
	}
ul.mainMenu li {list-style:none; float:left; padding-right:13px}
ul.mainMenu li a:link, ul.mainMenu li a:visited, ul.mainMenu li a:hover  {
	color: #a1a1a1; font-size:14.8px;
	font-weight:bold; line-height: 120%;	
	}
ul.mainMenu li a:link.act, ul.mainMenu li a:visited.act, ul.mainMenu li a:hover  {color: #000}


/* ------------------------------  Logo = Headline 1 ----------------------------------*/
h1.logo {
	position:absolute; top:30px; left: 65px; width:440px;height:100px; 
	background: #fff url(../img_style/logo-kunststiftungBWq2.png) top left no-repeat;
	overflow:hidden ! important;
	}
h1.logo a {
	font-family: FreeSans, Arial, Helvetica, sans-serif;
	color:#ff0000;
	display:block; font-size:18px; font-weight:normal; line-height:100%; height: 100px; overflow:hidden; padding-left:100px;
	}


/* ------------------------------  clearfix zum Aufheben der Floatumgebung ----------------------------------*/
.clearfix:after {content: "."; display: block;height:0; clear: both; visibility: hidden;}
.clearfix {display:inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------------------------------  ToolsMenu Header ----------------------------------*/
div.toolsMenu {position: absolute; top: 30px; left: 480px}
.toolsMenu a:link, .toolsMenu a:visited {font-size: 11px; font-weight:bold; color:#8D8D8D; padding-right: 8px}
.toolsMenu a:hover {color: #000}
div.archiv {position: absolute; top: 30px; left: 755px; color:#C0C0C0}
.archiv a:link, .archiv a:visited {font-size: 11px; font-weight:bold; color: #ff3333; padding-left:10px}
div.newsletter {position:absolute; left: 760px; top: 66px}


/* ------------------------------  Footer ----------------------------------*/
div#footer {clear:both; width: 100%; margin-top: 80px;text-align: right; background:transparent url(../img_style/footerline.gif) top left repeat-x }	
#footer a:link, #footer a:visited {color: #848484;font-size: 11px; font-weight:bold; padding-left:10px; text-decoration:none}
#footer a:hover {color: #000}
#footer .top {padding-left: 40px;}
#footer a.top {padding-right:12px ! important; background:transparent url(../img_style/toplink.gif) top right no-repeat}


/* ------------------------------  Frontend editing / TYPO3 Admin Pane ----------------------------------*/
img.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; width:16px ! important; height: 16px ! important } 
table.typo3-editPanel { border: none; background-color: #fff;opacity: 0.3;-moz-opacity: 0.3;filter: Alpha(opacity=30);zoom:1;}
table.typo3-editPanel td { border: 0px; padding:0px}
table.typo3-editPanel td font { font-family: verdana; font-size: 11px; color: #fff; }
table.typo3-editPanel td.typo3-editPanel-controls {border:none; background-color:#A9B0BD} 
table.typo3-editPanel td.typo3-editPanel-controls img {width:16px ! important; height: 16px ! important } 
table.typo3-editPanel td.typo3-editPanel-label { background-color: #666; }


/*------------------------------ Lightshow ------------------------------*/
#sbCaption {display:none}



/*------------------------------ Socialbookmarks ------------------------------*/
#footer a.twitter, #footer a.fbook, #footer a.rss {
	display:block; 
	float:left; 
	width:123px;
	height:18px;
	overflow:hidden ! important;
	padding:0px ! important;
	margin:3px 2px 0px 0px;
	line-height:1000%;
	font-size:0.5em;
	background-image:url(../img_style/social-btn-sprites-8bit.png) ! important;
	background-repeat:no-repeat;
	text-decoration:none;
	} 
a.twitter {background-position: -1px -1px}
a.fbook {background-position: -136px -1px }
a.rss {background-position: -264px -1px }