@charset "utf-8";

/* General Styles */
*{ padding:0; margin:0;}
body{ background:#fff url(gfx/Container.png) repeat-y top left; font:12px/15px Arial, Helvetica, sans-serif; color:#111; }
table { font:12px/15px Arial, Helvetica, sans-serif; color:#111; }
p {font:12px/15px Arial, Helvetica, sans-serif; color:#111; margin-bottom:15px;}

ul {
    list-style-image:url(gfx/arr_small.gif);
}

a{ color:#cc0000; text-decoration:none; }
a:hover{ color:#cc0000; text-decoration:underline; }
a:visited{ color:#cc0000;}

.csc-default {
	margin-bottom:10px;
}

.my_col_row_wrap {}
.my_col_wrap {
  border:1px solid #ddd;
  padding:5px;
  width: 100%;
}
.my_2col_wrap {
  border:1px solid #ddd;
  padding:5px;
  width: 100%;
}
.my_col1 { float:left; width:20%; padding:5px; }
.my_col2 { float:left; width:20%; padding:5px; }
.my_col3 { float:left; width:20%; padding:5px; }
.my_col4 { float:left; width:20%; padding:5px; }
.my_2col1 { float:left; width:47%; padding:5px; }
.my_2col2 { float:left; width:47%; padding:5px; }

h1{ font:24px/30px Georgia, "Times New Roman", Times, serif; color:#111; display:block; border-bottom:1px dotted #111; margin-bottom:12px; }
h2{ font:18px/32px Georgia, "Times New Roman", Times, serif; color:#c00; }
h3{ font:14px/20px Georgia, "Times New Roman", Times, serif; color:#c00; }
h4{ font:18px/24px Georgia, "Times New Roman", Times, serif; }
h5{ font:18px/30px Georgia, "Times New Roman", Times, serif; color:#111; display:block; margin-bottom:12px; margin-top:12px; }
.headline7{ font:14px/30px Georgia, "Times New Roman", Times, serif; color:#111; display:block; border-bottom:1px dotted #111; margin-top:10px; }

/*General Classes */
.float, .alignleft{ float:left; }
.alignright{ float:right; }
img.alignleft, img.alignright{ width:auto; }
.aligncenter{ width:auto; margin:0 auto; }
.clear{ clear:both; width:100%; height:0px; margin:0px;visibility:hidden; }

/* Bound Styles */
#Container{ /*background:#900 url(gfx/container.png) repeat-x top left;*/ width:100%;  }

/* Header */
#Header{ width:100%;text-align:left;background-color:#BB262C; }
#Wrapper{ width:1000px; }
#Logo{ width:400px; height:200px; background-image:url(gfx/vsstoe_logo.jpg); margin:0px; padding:0px;}
#Banner{ width:600px;}

/* Navigation & Nav List */
#Nav{ height:100px;background:#fff url(gfx/Nav.jpg) no-repeat left top; padding-left:170px; }
#Nav ul{ list-style:none; display:block; border-bottom:1px dotted #111;width:1000px; }
#Nav ul li{ display:inline; margin:2px 10px; }
#Nav ul li a{ font:16px/38px Georgia, "Times New Roman", serif; color:#111; text-decoration:none; }
#Nav ul li a.sub { font-size: 12px; }
#Nav ul li a:hover{ color:#c00; }
#Nav ul li a.active{ text-decoration:underline; color:#c00; }

#KontaktBox p {
    color: #ffffff;
}
#KontaktBox h5 {
    color: #ffffff;
}


/*SubNav */
#subnav{ width:830px; background:#fff url(gfx/SubNav.jpg) no-repeat left top; padding-left:170px; position:absolute; top:238px; }
#subnav ul{list-style:none; display:block; border-bottom:1px dotted #111; border-top:1px dotted #111;}
#subnav ul li{ display:inline; margin:2px 10px; }
#subnav ul li a{ font:12px/38px Georgia, "Times New Roman", serif; color:#111; text-decoration:none; }
#subnav ul li a.sub { font-size: 12px; }
#subnav ul li a:hover{ color:#c00; }
#subnav ul li a.active{ text-decoration:underline; color:#c00; }

/* Contents */
#Page{ background:#fff url(gfx/Container.png) repeat-y top left;}

/* Sidebar */
#SideBar{ width:250px; padding-top:10px; background:url(gfx/SideBar.jpg) repeat-y top left;}
#SideBar .content{ margin:20px 20px; }

#SideBar a{ color:#fff; text-decoration:none; }
#SideBar a:hover{ color:#fff; text-decoration:underline; }
#SideBar a:visited{ color:#ccc; text-decoration:none; }

#SideBar a img{ border:0; position:relative; left:-5px; }

/* Articles and Previews */
#Content{ width:700px; padding-left:50px; }

#Aktuelles{ width:270px; margin-right:30px; }

ul.linklist{ list-style:none; }
ul.linklist li{ padding-left:12px; background:url(gfx/arr_small.gif) no-repeat left 6px; margin-bottom:14px; }
/*ul.linklist li:hover{ background:url(img/arr_small_hover.gif) no-repeat left 6px; }*/

#Thema{ width:380px; }

/* Veranstaltungen */
#Veranstaltungen{ height:250px; overflow:hidden; }

.item{ width:175px; }
.item:hover{background:#efefef;}
.item .content{ margin:5px 17px; }
.item span{ display:block; margin:3px 0; }
.item span em{ color:#c00; font-style:normal; }
.item .date{ text-align:center; }

/* Footer */
#Footer{ background:#fff; padding:3px 0 0 300px; }
#Footer p{ border-top:1px dotted #666; font:12px/30px Arial; text-align:center; }

div.subImage{text-align: center; margin: auto;}

/*TEAM, FORMULAR */
#TeamWrapper1{ width:100%;  }
.item2{ width:160px; height:160px; text-align:center; padding-top:10px;}
.item2:hover{background:#efefef; }
.item2 .content{ margin:5px 17px; }
.item2 span{ display:block; margin:3px 0; font:12px/20px Georgia, "Times New Roman", Times, serif; color:#c00;}
.item2 span em{ color:#c00; font-style:normal; }
.item2 .date{ text-align:center; }
.pagingTeam {clear:both; margin-left:300px; }

/*TEAM, FORMULAR DETAIL */
.TeamWrapperMit{margin-top:20px; width:700px;}
.TeamBildWrapper{width:150px; float:left; height:100%;}
.TeamBild{width:140px; float:left;}
.TeamContent{margin-left:150px; padding-left:10px;}
.teamZurueck{text-align:right; color:#cc003a; position:absolute; left:955px; top:312px;}

.redlink:link {color:#cc0000; text-decoration:none}
.redlink:visited {color:#cc0000; text-decoration:none}
.redlink:active {color:#cc0000; text-decoration:none}
.redlink:hover {color:#cc0000; text-decoration:underline}

.borderbot{border-bottom:1px dotted #111; margin-top:12px;}

/*LINKS*/
.linkWrapper{width:640px; margin-bottom:30px;}
.linkLinks{float:left; width:400px; margin-bottom:15px; margin-top:15px;}
.linkBild{padding-left:10px; width:230px; position:absolute; top:350px; left:750px; }
.linkContent{padding-left:10px;}
.linkHeadline{font:14px Georgia, "Times New Roman", Times, serif; color:#111; padding-left:10px; border-bottom:1px dotted #111;}

/*DOWNLOADS*/
.divDownloads{margin-top:3px;}
.divDownloadsLast{margin-top:10px;}

/*GALERIE*/
.item3{ width:110px; height:100px;  text-align:center; padding-right:10px; margin-bottom:10px;}
.item3:hover{background:#efefef; }
.item3 .content{ margin:5px 17px;  }
.item3 span{ display:block; margin:3px 0; font:12px/20px Georgia, "Times New Roman", Times, serif; color:#c00;}
.item3 span em{ color:#c00; font-style:normal; }
.item3 .date{ text-align:center; }