/**
 *
 * 
 *  Author: Andreas Jonderko, Christian Jaentsch
 */

/***********************************************
FLOATINGS & CLEARINGS
***********************************************/
.fleft  {float: left;}
.fright {float: right;}
.cleft  {clear: left;}
.cright {clear: right;}
.cboth  {clear: both;} 
 
/* CLEARFIX */
.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.clear{font-size: 1px; }
 
/***********************************************
Verwendete Farben:
***********************************************/
.bgr_black		{background-color: #000000;}
.bgr_white		{background-color: #ffffff;}
.bgr_white		{background-color: #a1a3a5;}
.bgr_red		{background-color: #E02C2D;}

/***********************************************
Image:
***********************************************/
.paddingImage{padding: 5px;}
img {border: 0;}

/***********************************************
  generelle Einstellungen
***********************************************/
* {margin: 0;padding: 0;}
iframe{border: 0px;}

body {text-align:center; margin: 0px;}
html {font-size: 0.75em;}
table{}

/***********************************************
  Links
***********************************************/
a:link,
a:visited,
a:focus,
a:active {color: #888888; text-decoration: none; }
a:hover {color: #888888; text-decoration: underline;}
a[href^="http:"] {}

/***********************************************
  Textformatierung
***********************************************/
body, td, form, input, select, 
textarea { font-size:12px; font-family:Verdana,Arial; color: #000000; }

p, h1, h2, h3, h4, h5, h6 {margin-bottom:9px; }
h1 code, h2 code, h3 code, h4 code { font-size:11px; }

h1 {
	font-size:13px;
	font-weight:bold;
        color: #E02C2D;
}
h2 { 
	font-size:12px;
	font-weight:bold;
        color: #E02C2D;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color: #888989;
}
h4 { 
	font-size:10px;
	font-weight:normal;
	margin-top:4px;
}
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }

.hr, hr {
	background-color:#DEDEDE;
	border:0 none;
	color:#DEDEDE;
	font-size:1px;
	height:1px;
	margin:20px 0 20px 0;
	padding:0;
}
/**********************************************
LANGUAGE
***********************************************/
.languageMenu{text-align: right; color: #5e5e5e; }
.languageMenu .separator{padding: 0px 5px;}
.language{padding :2px; padding-left: 18px;}
.languageMenu .active{color: black; text-decoration:underline;}
.flag_de{background: transparent url(../core/images/icons/flag/png/de.png) no-repeat 0 50% ; }
.flag_en{background: transparent url(../core/images/icons/flag/png/gb.png) no-repeat 0 50% ; }


/***********************************************
USER
***********************************************/
.User{width: 190px; height: 50px; float: left; margin-right: 5px; margin-bottom: 5px;}
.UserDetail .file{float:left; margin-right: 5px;}
.UserDetail dl dd{float: left; margin-right: 5px; font-weight: bold;}

#userStatus{ font-size: 10px; color: black; text-align:right; margin-right: 10px;}
#userStatus p{margin: 0;}
#userStatus a{margin-left: 3px;}
/***********************************************
  Struktur
***********************************************/
.right{float: right;}

.contentWrapper{padding-bottom: 60px;}
.wrapper{width: 985px; text-align: left; }

a.button{color: black;}


/*HEADER*/
div#header_container{}

div#header_logo{background: transparent url(../images/dot.gif) repeat scroll 0 0; height: 69px; border-bottom: 1px solid #F4F4F4;}
div#header_logo .right{margin-right: 10px; margin-top: 10px;}
div#header_logo .logo{height: 69px; width: 150px; background: transparent url(../images/logo.gif) 0 0 no-repeat;  margin-left: 30px; float: left;}
div#header_logo .title{font-size: 30px; padding-top: 22px;}

/*no link grafics in the logo (Iexplorer nees this...)*/
div#header_title{
	background: transparent url(../images/dot.gif);
	height: 30px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	
	color: #E02C2D;
}

div#header_title #siteHeader{ padding-left: 180px; color: #E02C2D; padding-top: 5px; font-size:14px; font-weight:bold;}
div#header_title #siteHeader a { color: #E02C2D;}
div#header_title #siteHeader h1{margin-bottom: 0px;  }

div#header_navi{padding: 10px 26px; font-size:10px;}

.inputText{border: 1px solid #5E5E5E; padding: 1px;}
.inputSubmit{border: 1px solid #ECECEC; background-color: #ECECEC; cursor: pointer;}


/*SEARCH*/
#searchWrapper{margin-top: 10px;}
#search_result h1{}
#search_result h2{}
#search_result .searchForDesc{}
#search_result .searchValue{font-style: italic;}
#search_result .moreResults{}
#search_result .totalFound{}
#search_result .foundItemsCount{float:right;}
#search_result .foundItem{}


div#header{height: 60px; padding: 15px 0 15px 0;}
#header_sign{float: right;}



/*Menu*/
.navigation{list-style: none;}

#mainMenuWrap{}
#mainMenuWrap ul{}
#mainMenuWrap ul li{float: left; margin-right: 1px; margin-top: 4px; }
#mainMenuWrap ul li a, 
#mainMenuWrap ul li a:link, 
#mainMenuWrap ul li a:visited{color: #5e5e5e; background-color: #ECECEC; padding: 1px 14px; text-decoration: none;}

#mainMenuWrap ul li a:hover, 
#mainMenuWrap ul li.active a,
#mainMenuWrap ul li.active a:visited{color: #FFFFFF; background-color: #E02C2D; }

/*2nd level*/
#subMenuWrap{font-size:10px;}
#subMenuWrap ul li {}
#subMenuWrap ul li a {display: block; margin-bottom: 1px; background-image:url(../images/dot.gif);}
#subMenuWrap ul li a, 
#subMenuWrap ul li a:link, 
#subMenuWrap ul li a:visited{color: #E02C2D; background-color: #ffffff; padding: 1px 10px 1px 26px; text-decoration: none;}

#subMenuWrap ul li a:hover, 
#subMenuWrap ul li.active a{color: #FFFFFF; background-image: none; background-color: #E02C2D; }
/*#subMenuWrap ul li.active a:hover{background-image:url(../images/dot.gif);}*/

/*3rd level*/
#subMenuWrap ul li ul li a,
#subMenuWrap ul li ul li a:link,
#subMenuWrap ul li ul li a:visited {background-image:none; padding: 1px 10px 1px 35px; color: #000000; background-color: #ffffff;}

#subMenuWrap ul li ul li a:hover, 
#subMenuWrap ul li ul li.active a,
#subMenuWrap ul li ul li.active a:link, 
#subMenuWrap ul li ul li.active a:hover{background-image:none; color: #ffffff; background-color: #E02C2D; }


.subMenuHeader {
	background-image:url(../images/dot.gif);
	border:0 none;
	color:#E02C2D;
	margin:0;
	font-size: 10px;
	padding:2px 10px 2px 26px;}


div#header_right  {float: right;}


/*LEFT*/
div#left_container{width: 150px; float: left; padding-right: 0px; padding-top: 25px; padding-bottom: 15px; min-height:350px;}
div#left_container_bottom{margin-top: 40px; }

#left_container_bottom, #left_container_bottom_permanent{margin-right: 15px}
#left_container h1{font-size: 1.1em; background-color: #a1a3a5; color: white; padding: 3px 10px 3px 10px; margin-bottom: 3px; }


/*CONTENT*/
div#content_container{margin-left: 150px;  line-height: 1.2em; }
div#content_container_right{float: right; width: 175px; padding-top: 25px; padding-left:25px;}
div#content_container_left{padding: 25px 30px 25px 30px; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; margin-right: 200px;}


div#content_container a:link,
div#content_container a:visited,
div#content_container a:focus,
div#content_container a:active {color: #888888;	text-decoration: none; background: transparent url(../images/link.gif) 0 25% no-repeat; padding-left: 10px;}
div#content_container a:hover {color: white; background: #E02C2D url(../images/link_weiss.gif) 0 25% no-repeat; padding-left: 10px;}

#content_container div.csc-header-n1{}
#content_container div.csc-header-n1 h1{}
#content_container p.bodytext{}

#content_container table {width: 100%;}

#content_container table h2 {margin-left: 0px; font-size: 1.1em; color: #5d5e60; font-weight: bold; margin-bottom: 0px; padding-right: 30px;}
#content_container ul{}
#content_container ul li{list-style:square; margin-left: 25px;}
#content_container ol li{list-style:decimal; margin-left: 25px;}

div#content_container .Content{margin-bottom:30px;}


/*RIGHT*/
div#right_container{margin-top: 20px; width: 200px; float: right; line-height: 1.2em; display: none;}
div#right_container h1{font-size: 1.1em; background-color: #a1a3a5; color: white; margin-left: -10px; margin-right: -10px; padding: 3px 10px 3px 10px; margin-bottom: 5px; border-bottom: 3px solid white;}
div#right_container .Content{margin-bottom: 15px; background-color: #e2e2f1; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
div#right_container .Content a{padding: 0px 15px 0 0; background: transparent url(../images/button_small.gif) no-repeat 100% 50%;}
/*FOOTER*/
div#footer_container { padding: 0px;  clear: both; }
div#footer_container #footer_top{background-color: #EBEBEB; font-size: 10px; color: #888888; padding: 5px 20px 5px 20px;}
div#footer_container #footer_top p {margin: 2px;}
div#footer_container #footer_bottom{ font-size: 10px; color: #888888; padding: 5px 20px 5px 20px;}
div#footer_container #footer_bottom p {margin: 2px;}


/*BOXES*/

.picturebox{
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	font-size: 10px;
	text-align: center;
}


.picturesbox .picture{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}


.picture a:link,
.picture a:visited,
.picture a:focus,
.picturea:active {background: transparent !important; padding-left:  0 !important;}
.picture a:hover {background: transparent !important; padding-left: 0 !important;}
	
	
.titlebox, .Content .title{
	font-size:13px;
	font-weight:bold;
	color: #E02C2D;
	margin-bottom: 9px;
}

.descriptionbox{
	font-size:12px;
	font-weight:bold;
	color: #000000;
	margin-bottom: 9px;
}

.teaserbox{
	font-size:12px;
	color: #000000;
	margin-bottom: 9px;
}

.textbox{
	font-size:12px;
	color: #000000;
	margin-bottom: 20px;
}

.datebox{
	font-size:12px;
	font-weight:bold;
	color: #666666;
	margin-bottom: 9px;
}

.infobox{
	font-size:12px;
	margin-bottom: 9px;
}


/*SCHOLARSHIP*/

.juryphoto{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10px;
}


/*ARCHIVE*/


.archive .item .date {
	width: 200px;
	float: left;
}

.archive .item .text ul {
	margin-left: 200px;
}

.archive table {
	border-spacing: 1px;
	background-color: #cccccc;
}

.archive td {
	border-spacing: 0px;
	background-color: #ffffff;
	padding: 3px;
}

.archive th {
	border-spacing: 0px;
	background-color: #ffffff;
	padding: 3px;
}


/*BLOG*/

.blog .title{
	font-size:18px;
	font-weight:bold;
	color: #E02C2D;
	margin-bottom: 9px;
}

.blog .authorbox {
	font-size: 11px;
	margin-bottom: 9px;
	color: #666666;
}

.blog .datebox {
	margin-bottom: 2px;
	font-size: 11px;
}

.blog .description{
	font-size:12px;
	margin-bottom: 9px;
}

.blog .reviewed{
	font-style:italic;
	margin-bottom: 20px;
}

.blog .categories{
	font-size:11px;
	margin-bottom: 15px;
}

.blog table tr td {
	vertical-align: top;
}


.blogmenu{margin-top:20px;}
}

.blogmenu .category{
	font-size:11px;
	margin-bottom:5px;
}

.blogmenu .myentry{
	margin-bottom:10px;
}

.blogmenu .myentry .title{
	font-size:11px;
	font-weight:bold;
}

.blogmenu .create{
	font-size:11px;
	margin-bottom: 5px;
}

.blogmenu .myentry .date{
	font-size:11px;
}

.blogmenu .myentry .reviewed{
	font-size:11px;
	font-style:italic;
}

.blogcomment{
	font-size:10px;
}

.blogcomment .title{
	font-size:11px;
	font-weight: bold;
}

.blogcomment .date{
	font-size:10px;
	font-weight: bold;
	color: #666666;
}

.blogcomment .user{
	font-size:10px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 9px;
}


div#content_container_blog_left{width: 425px; float: left; border-right: 1px solid #F4F4F4; padding-right:10px;}
div#content_container_blog_right{padding-left: 450px;}

    
/*SHOP*/

.Shopitems table.wrapper td.right{padding-left:10px;}
.Shopitems table{width:440px !important;}
.Shopitems td{padding-top:7px; vertical-align:top;}
.Shopitems .information{margin-top: 20px;}
.Shopitems .label{width: 150px; vertical-align:top;}
.Shopitems .fields{vertical-align:top;}
.Shopitems .title{padding:0;}
.Shopitems .author{vertical-align:top;}
.Shopitems .order{vertical-align:top; padding-top:15px;}
.Shopitems .picture{}

/*APPLICATION*/


.application .list ul{}
.application .list ul li{list-style-type: square !important; padding-left:25px;}

.application .detail {
	margin-bottom:10px;
}
.application .detail .label {
	color: #E02C2D;
	width: 250px;
	padding-right: 10px;
}

.application .detail .block {
}


.application table tr td {
	padding-bottom: 7px;
	vertical-align: top;
}

.application .menu {
	height: 60px;
	margin-bottom: 40px;
}

.application .menu .item {
	width: 95px;
	font-size: 10px;
	height: 50px;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #000000;
	float: left;
}

.application .menu .active {
	color: #ffffff;
	background-color: #E02C2D;
}

.application .notspecified {
	color: #999999;
	font-style: italic;
}


/*Pager*/

.pagerWrapper{padding:0px; margin-top:40px;}

.pager {padding:0px;}

.pager li a {
        padding: 5px !important;
        background: none !important;
}

.pager li.active a, .pager li.active, .pager li a:hover {
        background: #E02C2D !important;
        padding: 5px !important;
        color:white;
}

.pager li {
        display: inline;
        height: 20px;
        width: 20px;
        padding: 0px !important;
        background: #ffffff;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin-left:0 !important;
        margin-right:2px; text-align: center !important;
}


/***********************************************
FORMS
***********************************************/

/* input{border: 1px solid #a1a3a5; color: #002c7d;} */
input{font-size: 0.8em; color: #5E5E5E; }



/*form{background-color: #ECECEC; border: 1px solid grey;}
form dl dt{foat: left; width: 100px;}
*/

.zend_form{background: url(../images/dot.gif); padding: 20px 0; border: 1px solid #CCCCCC; }
.zend_form dt{width: 200px; text-align: right; float:left; margin-right: 10px;  font-size: 0.9em}
.zend_form dt label {font-weight: bold;}

.zend_form .button {width:150px; cursor: pointer; padding: 0;}
.zend_form .button:hover{background-color: #E02C2D; color: white;}

.zend_form .checkbox {width:18px;border: 0px;}
.zend_form .selectbox { margin: 0; margin-right: 5px; }
	
.zend_form dd { margin: 0; margin-bottom: 20px; padding: 0; margin-left: 210px;}
.zend_form dd p {font-size: 11px;color: #777777; margin-top: 5px; margin-left: 0px; margin-right: 10px; text-align:left;}
.zend_form dd .description {font-size: 11px;color: #777777;}

.zend_form input {vertical-align: middle;margin: 0; margin-right: 5px; color: #5E5E5E; font-size: 1.2em; line-height: 1.2em;
background-color: white; border: 1px solid #CCCCCC; width: 300px; height: 25px; padding-top: 3px;}
.zend_form textarea {margin: 0;padding: 2px;font-size: 0.8em;/* border: 1px solid #a1a3a5; */}

.form-errors {padding: 5px; border: 1px solid red; margin-bottom: 25px; background: url(../images/dot.gif);}
.form-errors li{margin-bottom: 5px; list-style:none !important;}
.errors {font-weight: bold;font-size: 0.8em;line-height: 16px;}
.errors li {margin-top:3px; list-style:none !important; color: red; margin-left: 0px !important; padding-left: 20px !important; background: transparent url(../core/images/icons/famfamfam/cancel.png) 0 0 no-repeat;}