/* LcA-Screen.css  ************************************\
 Style Sheet für LiVe con Arte

 Farbfestlegungen:

Logo: Blau    3534CD
      Orange    E95F14
      Grau    787787
Hintergrund: Blau    EAE9FB neu: #c6c8df
             Grau    E4E3E1
Text u.
Linien: Blau    3534CD
        dunkelgrau    nicht definiert

\******************************************************/

@media screen{
    /* taken from http://www.cssplay.co.uk/boxes/minwidth.html */

    /* for all browsers that understand min-width */
    .width {
        width:90%;
        min-width:950px;
/*        min-height:450px;*/
		margin:0 auto;
/*        height:100%;*/
    }

    .container
	{
		height: auto;
	}

    /* the bodge for IE6 browsers */
    * html .minwidth {
    /*    border-left:950px solid #787787;*/
        border-left:950px solid transparent;
        position:relative;
        float:left;
        z-index:1;
        /*height: 700px;*/
        visibility:hidden;
    }
    * html .container {
        margin-left:-950px;
        position:relative;
        float:left;
        z-index:2;
        text-align:left;
        visibility: visible;
    }
}

/******************************************************/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* ----- Allgemeiner Teil ----- */
body, html{
    padding: 0;
    margin: 0;
	font-family: Verdana, Arial, sans-serif;
}

body {
	background-color: #787787;
	text-align: center;
	color: #3534CD;
	/*height: 600px;*/
}


a:link {color: #3534CD}
a:visited {color: #3534CD}
a:hover {color: blue}
a:focus {color: yellow}
a:active {color: #E95F14}

h1{
    font-size: 11pt;
    font-family:  verdana, arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #3534CD;
    text-decoration:  none;
    text-align: center;
/*    background-color: #c6c8df;*/
	border-top: 1px solid #E95F14;
	border-bottom: 1px solid #E95F14;}

li{
    padding: 4px;
}

h2{    font-size: 11pt;}

h3{    font-size: 10pt;}

h4{    font-size: 10pt;}

.important{
    color: #E95F14;
    background-color: #C6C8DF;
    font-weight: bold;
}

.detail{
    color: #E95F14;
    font-weight: bold;
}

a .detail{
    color: #E95F14;
    font-weight: bold;
}

.align-left
{
	text-align: left;
}
.align-center
{
	text-align: center;
}
* .align-right
{
	text-align: right;
}

.csc-frame-frame1{
    color: #E95F14;
    text-align: center;
	border: 1px solid #3534CD;
	padding: 3px;
    font-weight: bold;
}

.csc-frame-frame2{
    color: #3534CD;
    background-color: #C6C8DF;
/*	border: 1px solid #E95F14;*/
	padding: 3px;
    font-weight: bold;
}

.csc-textpic-imagewrap {
    text-align: right;
    margin-top: 4px;
    color: #787787;
    font-size: 8pt;
}

.csc-textpic-caption{
    margin-top: 4px;
    padding-top: 4px;
}

/* ----- Äußerer Block für die gesamte Seite ----- */
#outer  {
    margin: 10px;
/*	border: 4px solid #3534CD;*/
	background-color: white;
	width: 100%;
/*	min-height: 600px;*/
	height: auto;
	text-align: left;
}


/* ----- Header Block für Logo und Seitentitel plus ggf. Sprachumschaltung ----- */
#header  {
	width: 100%;
	min-width: 600px;
	background-color: white;
	height: 100px;
/*   	border-top: 12px solid white;*/
	border-bottom: 3px solid #3435cd;
    background-image: url(images/BlauOhneWeiss60.gif);
	Background-repeat: repeat-x;
	background-position: left center;
    padding-top: 6px;
}

#logo{
    width: 80%;
    float: left;
}

#language{
    width: 19%;
    float: right;
}

.languageitem{
    padding: 0px 10px;
    float: left;
}

#header p {                 /* Alle Absätze im Seitentitel */
                             /* wird derzeit nicht benutzt! */
	color: #E95F14;
	background-color: transparent;
	font-size:x-large;
	font-weight: bold;
    margin-top: 32px;
    padding-left: 130px;     /* Muss an der Größe des Logos ausgerichtet sein */
}

#header a {text-decoration: none;}

/* ----- Block für die Hauptnavigation (oben quer) ----- */
#menu  {
	border-top: 0px solid #3534CD;
	border-bottom: 2px solid #3534CD;
	height: 31px;
	color: navy;
	background-color: white;
/*	width: 100%;*/
    padding-top: 3px;
	margin-left: 20%;     /* Muss übereinstimmen mit der Breite des Submenüs */
}

#menu a:link {color: #3534CD}
#menu a:visited {color: #3534CD}
#menu a:hover {color: navy}
#menu a:focus {color: red}
#menu a:active {color: #E95F14}


.menuitem  {              /* Block für die einzelnen Hauptnavi-Elemente */
/*    background-image: url(images/OrangePunkt16.gif);
	Background-repeat: no-repeat;
	background-position: left center;*/
    font-size: 10pt;
    font-weight: bold;
    float: left;
/*	width: 20%;*/
    text-decoration: none;
    height: 26px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    background-color: white;
    color: #3534CD;
    margin: 0px 5px 0px 0px;
}

.menuitem a {             /* Link für die einzelnen Hauptnavi-Elemente */
    display: list-item;
    list-style-image: url(images/OrangePunkt16.gif);
    list-style-position:inside;

/*    background-image: url(images/OrangePunkt-14a.gif);
	Background-repeat: no-repeat;
	background-position: left center;*/
    text-align: left;
    vertical-align: bottom;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none;
}

#menu .active {                   /* Aktive Navi Blocks - gilt für alle!!! */
    background-color: #c6c8df;
}

#menu .active a {                   
    background-color: #c6c8df;
    list-style-image: url(images/OrangePunktBlau16.jpg);
}

#bottom{
/*    height: 100%;*/
    height: 99%;
    width: 100%;
	background-color: #efefef;
	background-image: url(images/LogoPart.gif);
	background-position: left bottom;
	background-repeat:  no-repeat;
}

#column_left  {
	float: left;
	width:20%;     /* siehe padding-left bei #menu! */
    padding: 10px 5px 12px 5px;
	text-align: left;
    font-size: 8pt;
    font-weight: normal;
/*	background-color: #E4E3E1;*/
/*	background-image: url(images/StadtinAfrikaBG.jpg);*/
/*	background-image: url(images/LogoPart.gif);
	background-position: right bottom;
	background-repeat:  no-repeat;
	height: 500px;*/
	clear:both;
}

#content_left  {
	float: left;
	padding: 0;
	clear:both;
}

#submenu_wrapper{
    padding: 0px 1px 15px 15px;
    width: 99%;
}

#submenu  {
	float: left;
	padding: 0;
	width: 99%;
	background-color: #c6c8df;
	border-color: #3534CD;
	border-right: solid 5px ;
	clear:both;
}

#submenu a {
/*    display: block;*/
/*    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;*/
/*    color: #3534CD;*/
/*    width: 100%;*/
}

/*#submenu a:link {color: #3534CD}
#submenu a:visited {color: #3534CD}
#submenu a:hover {color: blue}
#submenu a:focus {color: yellow}
#submenu a:active {color: #E95F14}
*/

.submenuitem
{
	height: auto;
	padding: 5px 3px 5px 3px;
	border: none;
	width: 99%;
	clear: both; /*    margin: 0px 10px;*/
}

.submenuitem a {
    text-align: left;
    margin-left: 15px;
    font-size: 9pt;
    font-weight: bold;
    float: left;
    text-decoration: none;
}

.subsubmenuitem  {
    height: 20px;
    padding: 4px 3px;
    width: 99%;
    clear:both;
/*    margin: 0px 20px;*/
}

.subsubmenuitem a {
    text-align: left;
    margin-left: 30px;
    font-size: 8pt;
    font-weight: normal;
    float: left;
    text-decoration: none;
}

#submenu .active {
/*    background-color: white;*/

}

#submenu a:link { color: #3534CD;}
#submenu a:visited { color: #3534CD;}
#submenu a:hover { color: blue;}
#submenu a:focus { color: red;}
#submenu a:active { color: #E95F14}
#submenu .active a:link { color: #E95F14;}
#submenu .active a:visited { color: #E95F14;}
#submenu .active a:hover { color: blue;}
#submenu .active a:focus { color: red;}
#submenu .active a:active { color: #E95F14}

/* ----- Vertikaler Balken zwischen den Spalten ----- */
.vbalken{
    display: none;
    background-color: #c6c8df;
    width: 0.3%;
    height: 100%;
    float: left;
}
.vbalkenr{
    display: none;
    background-color: #3534CD;
    width: 0.3%;
    height: 100%;
    float: left;
}
/* ----- Horizontaler Balken ----- */
.hbalken{
    background-color: #3534CD;
    width: 100%;
    height: 1pt;
    float: left;
    padding: 0;
    margin: 0;
}

/* ----- Content Bereich in der Mitte ----- */
#column_center  {
	width:59.38%;
    padding: 10px 5px 12px 5px;
/*	background-color: #E4E3E1;*/
	float: left;
    display: block;
    text-decoration: none;
    font-size: 9pt;
    font-weight: normal;
    overflow:hidden;
}

/* Mail form Formatierung */
#column_center .csc-mailform {
    width:540px;
    padding:16px;
    background-color:#C6C8DF;
/*    opacity:0.8;*/
}

embed
{
	padding: 10px;
	margin: 10px;
	border-style: ridge;
	border-width: 5px;
}
form {margin:0;}

label {
    width:110px;
    display:block;
    float:left;
    height:22px;
    padding-top:2px;
    font-weight:bold;
}

input {
    float:left;
    display:block;
    background-color:#ffffff;
    border:1px solid #3534CD;
    height:22px;
    text-align:left;
    margin-left:  3px;
    width:360px;
}

/*input[type=submit] */
#mailformformtype_mail {
/*    margin: 20px 0 0 360px;*/
    margin: 20px 0 0 120px;
    background-color:#E4E3E1;
    width: 110px;
    text-align: center;
}
#column_center .csc-mailform-check {width: 22px;}

textarea {
    width:360px;
    background-color:#ffffff;
    border:1px solid #3534CD;
    height:60px;
    text-align: left;
}

#column_center br {}

/* ----- Zusatz Content Bereich rechts, z.B. context-abhängige Links etc. ----- */
#column_right {
	float: right;
	width: 20%;
	text-align: right;
    font-size: 8pt;
    font-weight: normal;
	background-color: #c6c8df;
	background-image: url(images/StadtinAfrikaBG.jpg);
	Background-repeat: repeat-y;
	height: 100%;
}

#content_right{
    height: 300px;
    padding-top: 17px;
    padding-left: 0px;
    text-align: left;
}

#content_right h1, #shortcuts h1{
/*    visibility: hidden;*/
    border-top: none;
    font-size: xx-small;
    font-weight: normal;
    color: #5B5B5B;
    background-color: transparent;
    text-align: center;
}

#content_right li{
    display: list-item;
    list-style-image: url(images/OrangePfeil16R.gif);
    list-style-position: inside;
    font-size: 9pt;
    font-weight: bold;
    height: 20px;
    margin: 4px 3px 0px;
    border: none;
    vertical-align: middle;
}

#content_right p{
    font-size: 9pt;
    margin: 4px 3px 0px;
    border: none;
}

#content_right a {
    text-decoration: none;
}
/*#content_right a:link { color: #3534CD;}
#content_right a:visited { color: #3534CD;}
#content_right a:hover { color: blue;}
#content_right a:focus { color: red;}
#content_right a:active { color: #E95F14}
*/

#shortcuts{
    border-top: medium solid #3534CD;
    border-top-width: 2px;
    overflow:hidden;
}

/*#shortcuts h1{
    border-top: none;
    font-size: xx-small;
    font-weight: normal;
    color: #5B5B5B;
    background-color: transparent;
    text-align: center;
}*/

.shortcutitem  {
    display: list-item;
    list-style-image: url(images/OrangePfeil16L.gif);
    list-style-position: inside;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    height: 20px;
    margin: 4px 3px 0px;
    border: none;
    vertical-align: bottom;
}

.shortcutitem a {
    text-decoration: none;
}


/*#shortcuts .active a:link { color: #E95F14;}
#shortcuts .active a:visited { color: #E95F14;}
#shortcuts .active a:hover { color: blue;}
#shortcuts .active a:focus { color: red;}
#shortcuts .active a:active { color: orange}*/

.csc-mailform-field  {  clear: both }

#image_menu{
    visibility: hidden;
}