@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html { height:100%;  padding:0;  margin:0 0 1px 0;  border:0; overflow-y: auto; overflow-x: hidden;}

body { height:100%; text-align:center; font-size: 62.5%; padding:0; margin:0; border:0; background-color:#ededed;}

img {border: 0 none;}

a, area {outline: none;}

table { font-size: 100%;}
form { font-size: 100%;}


.body-start {margin-top:140px;}


#container {width:980px; position:relative; left:50%; margin-left:-490px; padding:0 0 30px 0;}

#main .inside { padding:0; margin:0 20px 0 10px; z-index:1;}

.page #main {padding:0;}


.startlink { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url(../vap_pics-basis/empty.gif);
}   


a:link 		{text-decoration:underline; outline: none; padding:0; color: #404040; font-weight:normal;  margin:0;}
a:visited 	{text-decoration:underline; outline: none; padding:0; color: #404040; font-weight:normal;  margin:0;}
a:active 	{text-decoration:underline; outline: none; padding:0; color: #404040; font-weight:normal;  margin:0;}
a:hover 	{text-decoration:underline; outline: none; padding:0; color: #2744a4; font-weight:normal;  margin:0;}

a.weiter:link 		{text-decoration:none; outline: none; color: #fff; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
a.weiter:visited 	{text-decoration:none; outline: none; color: #fff; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
a.weiter:active 	{text-decoration:none; outline: none; color: #fff; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
a.weiter:hover 		{text-decoration:none; outline: none; color: #404040; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}

.weiter {font-family: Tahoma, Arial, sans-serif; font-size:1.0em; line-height:1.2em;}

.more a:link 		{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.more a:visited 	{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.more a:active 		{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.more a:hover 		{text-decoration:none; outline: none; color: #fff; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}

.more {font-family: Tahoma, Arial, sans-serif; font-size:1.4em; line-height:1.2em; padding:4px 0 4px 11px;}

.back a:link 		{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.back a:visited 	{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.back a:active 		{text-decoration:none; outline: none; color: #2744a4; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}
.back a:hover 		{text-decoration:none; outline: none; color: #fff; font-weight:normal;  margin: 0 -15px 15px 0; padding:1px 6px 3px 6px;}

a.up:link 		{text-decoration:none; outline: none; color: #404040; font-weight:normal; font-weight:normal;  margin:0;}
a.up:visited 	{text-decoration:none; outline: none; color: #404040; font-weight:normal; font-weight:normal;  margin:0;}
a.up:active 	{text-decoration:none; outline: none; color: #404040; font-weight:normal; font-weight:normal;  margin:0;}
a.up:hover 		{text-decoration:none; outline: none; color: #f28b00; font-weight:normal; font-weight:normal;  margin:0;}



/* Typo */

p.error {font-family: Tahoma, Arial, sans-serif;; font-size:0.9em; line-height:1.0em; color: #cd0000; text-align:left; margin: 0 20px 0.1em 1px; padding:0;}

.explanation {font-family: Tahoma, Arial, sans-serif;; font-size:0.8em; line-height:1.0em; color: #404040; text-align:right; margin: 10px 20px 0.1em 1px; padding:0;}


.mod_eventlist tbody {font-family: Tahoma, Arial, sans-serif;; font-size:1.4em; line-height:1.3em; color: #404040; text-align:left; margin: 0 20px 0.5em 1px; padding:0 10px 0 0;}
.mod_eventlist td {padding:0 10px 0 0;}
.mod_eventlist td p {font-size:1.4em;}

.caption {font-family: Tahoma, Arial, sans-serif;; font-size:1.0em; line-height:1.1em; color: #404040; text-align:left; margin: 3px 0 0 0; padding:0;}
.player {margin: 0 0 0.5em 15px;}


.date {font-family: Tahoma, Arial, sans-serif;; font-size:1.4em; line-height:1.0em; color: #404040; text-align:left; margin: 0; padding:0 0 0 1px; font-weight:bold;}

.day {font-family: Tahoma, Arial, sans-serif;; font-size:1.4em; line-height:1.0em; color: #404040; text-align:left; margin: 0; padding:0 0 0 1px; font-weight:bold;}

.time {font-family: Tahoma, Arial, sans-serif;; font-size:1.4em; line-height:1.0em; color: #404040; text-align:left; margin: 0; padding:0 0 0 1px; font-weight:bold;}

.mod_eventlist {margin:0 0 0 1px;}
.mod_eventlist p {margin:0 0 3px 1px; line-height:1.1em;}


#main .ce_gallery
{
	margin:0 0 0 10px;
}
#main .ce_gallery img
{
	border:2px solid #fff;
}
#main .ce_gallery img:hover
{
	border:2px solid #f28b00;
}



#topcontrol {z-index:9999; color:#FFFFFF;}


.tableform .col_first {text-align:right; vertical-align:top;}

label {font-family: Tahoma, Arial, sans-serif; font-size:1.4em; line-height:1.5em; color: #404040; text-align:right; margin: 0 10px 0.5em 10px; padding:0;}

.submit_container {font-family: Tahoma, Arial, sans-serif;; font-size:1.0em; line-height:1.9em; color: #404040; text-align:left; margin: 5px 10px 0.9em 10px; padding:2px;}

input[type=text] {
	font-family: Tahoma, Arial, sans-serif; font-size:1.4em; line-height:1.4em; color: #404040; margin: 0 0 3px 10px;
	border: solid thin #CCC;
	outline:none;
	padding:5px;
	width:400px;
}

textarea {
	font-family: Tahoma, Arial, sans-serif; font-size:1.4em; line-height:1.4em; color: #404040; margin: 0 0 8px 10px;
	border: solid thin #CCC;
	outline:none;
	padding:5px;
	width:400px;
	height:200px;
}

.captcha {width:50px!important; text-align:left!important; margin-left:-185px!important;}
.captcha_text {font-family: Tahoma, Arial, sans-serif; font-size:1.2em; line-height:1.4em; color: #404040; text-align:left; margin: 0 0 0.5em 10px; padding:0; font-weight:normal;}

p.error {font-family: Tahoma, Arial, sans-serif; font-size:0.9em; line-height:1.0em; color: #cd0000; text-align:left; margin: 0 20px 0.1em 1px; padding:0;}

.explanation {font-family: Tahoma, Arial, sans-serif;; font-size:0.8em; line-height:1.0em; color: #404040; text-align:right; margin: 10px 20px 0.1em 1px; padding:0;}

select {
	font-family: Tahoma, Arial, sans-serif; font-size:1.4em; line-height:1.4em; color: #404040; margin: 0 0 63px 10px;
	border: solid thin #CCC;
	outline:none;
	padding:5px;
	width:410px;
}



.ui-button-submenu
{
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Lato',sans-serif;
  font-size: 1.3em;
  text-decoration:none;
  background-color: #ffffff;
  color: #404040;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  min-width: 120px;
  width: 230px;
  padding:7px;
  display: inline-block;
  float: left;
  cursor: pointer;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-color-value: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-color-value: rgba(255, 255, 255, 0);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.ui-button-submenu:hover
{
  background-color: #f5f7fa;
}

.ui-button-submenu a {
	  padding: 5px 10px 5px 10px;
}



.ui-button-submenu-orte
{
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Lato',sans-serif;
  font-size: 1.3em;
  text-decoration:none;
  background-color: #ffffff;
  color: #404040;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  min-width: 120px;
  width: 292px;
  padding:7px;
  display: inline-block;
  float: left;
  cursor: pointer;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-color-value: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-color-value: rgba(255, 255, 255, 0);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.ui-button-submenu-orte:hover
{
  background-color: #f5f7fa;
}

.ui-button-submenu-orte a {
	  padding: 5px 5px 5px 5px;
}



.description {
  font-family: Arial, Helvetica, sans-serif!important;
  font-size:1.3em!important;
  margin: 20px 0 12px 0!important;
  color:#404040!important;
  line-height:1.2em;
  text-align:center; font-weight:normal;
}


.description {
  font-family: Arial, Helvetica, sans-serif!important;
  font-size:1.3em!important;
  margin: 20px 0 12px 0!important;
  color:#404040!important;
  line-height:1.2em;
  text-align:center; font-weight:normal;
}