/*---------------------------------------------
(c) Vasella|Anderheggen, October 2008
Version 1.0
-----------------------------------------------*/

* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #fff; }


.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }



/*---------------------------------------------
SETUP
-----------------------------------------------*/

#top {
height: 30px;
margin: 0px 0px 10px 0px; 
background-color: #dedede;}

#wrapper {
width: 900px;
background: #fff; 
margin: 0px auto;
padding: 20px 0px 0px 10px; }

#header {
height: 50px;
width: 890px;
margin: 0px 0px 10px 0px; }

#header .mark {
margin: 5px 0px 0px 2px;
float: left; }

#header img {
padding-top: 7px;}



/*---------------------------------------------
NAVIGATION
-----------------------------------------------*/

#header ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: right; }

#header li { 
display: block; 
height: 38px; 
width: 130px; 
background: #fff url(../img/vert.gif) no-repeat left top;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.1em; 
line-height: 38px; 
color: #000; 
text-indent: 10px; 
float: left; }

#header li a:link, li a:active, li a:visited  {
display: block;
background: #fff url("../img/vert.gif") no-repeat left top;
color: #000; 
text-decoration: none; }

#header li a:hover  {
display: block;
color: #CC1100; 
text-decoration: none; 
background-color: #f0f0f0;}

/*SECTION*/

.section {
background: #fff;
height: 45px;
width: 890px;
border-top: #ccc solid 1px; }

.section2 {
background: #fff;
height: 60px;
width: 890px;
border-top: #ccc solid 1px; }

.section3 {
background: #fff;
height: 0px;
width: 890px;
border-top: #ccc solid 1px; }


/*MODS*/

.sz_wrapper {
margin: 10px 0px 0px 0px; }

.sz_wrapper2 {
margin: 0px 0px 0px 0px; }

.sz_wrapper  .body {
margin: 10px 0px 0px 5px; }

.schlagzeile {
background: #fff;
width: 900px;
margin-bottom: 50px; }

.sz_intro {
background: #fff;
width: 870px;
margin: 0px 0px 40px 4px; }

.zweier {
height: 250px;
width: 360px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 20px;
margin-left: 0;
float: left; }

.zweierklein {
height: 200px;
width: 360px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 20px;
margin-left: 0;
float: left; }

.zweier img {
border:1px solid #dedede; 
margin-bottom: 18px;}

.dreier {
height: 280px;
width: 270px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 9px;
float: left; }

.mod_4 {
height: 400px;
width: 215px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.vierer, .viererfront {
height: 440px;
width: 210px;
float: left;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px; }


/*IMAGES*/

.vierer img {
border:1px solid #bebebe;
width: 180px;
height:110px;
}

.viererfront img {
border:none;
width: 190px;
height:175px;
}



/*GLOBAL TYPOGRAPHY*/

h2 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 40px;
color: #000;
float: left;
margin-top: 15px; margin-bottom: 0px;}

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #00aeef; 
text-decoration: none; }

h2 a:hover  {
color: #00aeef;
text-decoration: underline; }

h3 {
font-family: Arial, sans-serif;
letter-spacing: 0.03em;
color: #000;
font-weight: normal;
margin: 20px 0px 0px 0px; }

h3 a:link, 
h3 a:active {
color: #00aeef; 
text-decoration: none; }

h3 a:visited  {
color: #7ecfed; 
text-decoration: none; }

h3 a:hover  {
color: #00aeef;
text-decoration: underline; }

.sz_intro h3 {
font-size: 20px;
line-height: 26px;}

.zweier h3, .zweierklein h3 {
margin-bottom:10px;
margin-top: 5px;
font-size: 13px; }

.dreier h3 {
font-size: 13px;
line-height: 20px; }


.vierer h3, .viererfront h3 {
font-size: 11px;
line-height: 15px;
min-height: 30px; 
font-weight: normal;
text-transform: uppercase;}

h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px; }

h4 a:link, h4 a:active, h4 a:visited  {
color: #999;
text-decoration: none; }

h4 a:hover  {
color: #CC1100;
text-decoration: none; }

.body h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #999; 
float: none;
margin: 0px 4px 0px 0px; }

p {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
line-height: 15px;
color: #666; 
margin: 0px 5px 15px 0px; }

p a:link, 
p a:active, 
p a:visited  {
color: #999; 
text-decoration: none; }

p a:hover  {
color: #CC1100;
text-decoration: none; }

.dreier p {
font-size: 12px;
line-height: 16px; }

.schlagzeile p {
font-family: Arial, sans-serif;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 48px;
color: #CC1100; }

.sz_intro p {
font-family: Arial, sans-serif;
font-size: 22px;
line-height: 30px;
color: #aaa; 
margin: 20px 0px 0px 0px; }

.beschrieb p {
font-size: 13px;
line-height: 18px;
margin: 0px 0px 0px 0px; }

.body ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none; }

.body li {
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #999;
background: #fff; }

.body li a:link, 
.body li a:active {
color: #00aeef;
background: #fff; 
text-decoration: none; }

.body li a:visited  {
color: #7ecfed;
background: #fff; 
text-decoration: none;  }

.body li a:hover  {
color: #00aeef;
background: #fff; 
text-decoration: underline; }