/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table {
border-width: 0px;
}
.myButton {
width: 400px !important;
}
.bild_links {
display: block;
float: left;
width: 238px !important; 
height: 186px !important;
overflow: hidden; 
margin-right: 3px;	
background-repeat: no-repeat;	 
}
.bild_rechts {
display: block;
float: left;
width: 478px !important; 
height: 186px !important;
overflow: hidden; 
background-repeat: no-repeat;
}

.startseite {
display: block;
float: left;
width: 212px;
height: 185px;
margin-right: 4px;
color: #fff !important;
padding: 1px 0px 0px 25px;
z-index: 1;
}
.ecke {
background-image: url(basics/ecke.png);
background-repeat:no-repeat;
position: absolute;
float: none;
top: 304px;
margin-left: 172px;
display: block;
width: 41px;
height: 41px;
z-index: 10;
}




.bild_links img {
min-width: 238px !important; 
min-height: 186px !important; 
}
.bild_rechts img {
min-width: 478px !important; 
min-height: 186px !important;
}







/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body {
font-family: 'Gudea', sans-serif;
margin-top: 50px;
font-size: 14px;
line-height: 20px;
color: #4d4d4f;
margin-left: 40px;
overflow:	scroll;
}
p {
margin: 20px 0px;
}
strong {
font-weight: 700;  
}
a {
color: #4d4d4f;
}
#c_middle ul {
margin: 0px 0px 10px 12px;
}
#c_middle li {
margin: 2px;
list-style-image: url(basics/list.gif);
}
.download a {
font-size: 20px;
}

#website a {
display: block;
width: 190px;
height: 30px;
background-color: #fff;
color: #000;
padding: 20px 10px 10px 10px;
float: left;
margin-right: 10px;
text-align: center;
text-decoration: none;
border-width: 1px;
border-color: #4b4b4b;
border-style: solid;
}
#website a:hover {
background-color: #ccc;
}

#website a.active, #website a:hover .active  {
background-color: #4b4b4b;
padding: 30px 10px 0px 10px;
color: #fff;
border-width: 1px;
height: 50px;
margin-top: -10px;
border-color: #4b4b4b;
border-style: solid;
}


#website a.neueseite, #website a:hover .neueseite  {
background-color: #0C6;
padding: 5px 5px 5px 5px;
color: #fff;
border-width: 1px;
width: 150px;
height: 17px;
margin-top: 10px;
border-color: #333;
border-style: solid;
margin-left: 60px;
}





#wrapper {
margin: auto;
width: 962px;
}
#head {
display: block;
float: left;
width: 960px;
height: 108px;
background-color: transparent;
}
#navigation_oben {
float: left;
width: 720px;
height: 35px;
margin-top: 25px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #918f8f;
}
#logo {
float: left;
width: 230px;
height: 83px;
margin-left: 2px;
margin-top: -10px;
}
#banner {
display: block;
float: left;
width: 962px;
height: 186px;
margin: 0px 0px 0px 0px;
}
#content {
width: 962px;
display: block;
float: left;
margin-top: 20px;
}
#c_left {
width: 240px;
display: block;
float: left;
margin-bottom: 50px;
}
#c_left img {
margin-top: 50px;
margin-left: -40px;
}
#c_middle {
width: 457px;
display: block;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #918f8f;
float: left;
padding-right: 25px;
margin-bottom: 50px;
}
#c_right {
width: 214px;
display: block;
float: left;
padding-left: 25px;
margin-bottom: 50px;
}
#c_right ul {
margin: 0px 0px 10px 0px;
}
#c_right ul a {
margin: 0px 0px 10px 0px;
color: #5F9CA1;
font-weight: bold;
text-decoration: none;
}
#c_right ul a:hover {
text-decoration: underline;
}
#c_right li {
margin: 5px 0px 5px 0px;
line-height: 16px;
}

.zitat {
font-size: 14px;
font-style: italic;
line-height: 19px;
}



#zitate p {
margin: 0px;
font-style: italic !important;
}
#zitate a {
display: block;
margin-bottom: 25px;
margin-top: 0px;
font-weight: 700;
color: #5F9CA1; 
}
#zitate strong {
margin: 0px;
font-style: normal !important;
}
#zitate h3 {
margin: 10px 0px 5px 0px !important;
font-weight: 700;
font-size: 20px;
}
#navigation_oben ul {
float: left;
}
#navigation_oben li{
float: left;
}
#navigation_oben li a {
display: block;
padding: 0px 0px;
margin-right: 10px;
text-decoration: none;
color: #000;
}
#navigation_oben li a:hover {
text-decoration: none;
color: #5F9CA1;
}
#bannertext {
position: absolute; width: 350px; height: 90px; margin: 190px 0px 0px 270px; 
font-size: 26px;
color: #000;
line-height: 30px;
}
#navigation_oben .active a {
font-weight: 700;
color: #5F9CA1;
}
#navigation_oben .active a:hover {
font-weight: 700;
color: #5F9CA1;
}


#navigation_links ul {
display: block;
}
#navigation_links li{
display: block;
}
#navigation_links li a {
display: block;
padding: 0px 0px;
margin-right: 20px;
text-decoration: none;
color: #4d4d4f;
margin-bottom: 9px;
}
#navigation_links li a:hover {
text-decoration: none;
color: #5F9CA1;
}

#navigation_links .active a {
font-weight: 700;
color: #5F9CA1;
}
#navigation_links .active a:hover {
font-weight: 700;
color: #5F9CA1;
}


.kopfleiste {
font-weight: bold;
display: block;
color: #5F9CA1;
margin: 0px 0px 15px 0px;
}




h1 {
margin: 25px 0px 20px 0px;
font-size: 26px;
line-height: 28px;
color: #5F9CA1;
font-weight: normal;
}
h2 {
margin: 0px 0px 0px 0px;
font-size: 20px;
font-color: #ccc;
font-weight: normal;
}
#c_middle h3 {
margin: 10px 0px -18px 0px;
font-size: 14px;
font-color: #ccc;
font-weight: 700;
}

#c_right h2 {
margin: 28px 0px 20px 0px;
font-size: 24px;
color: #0c8187;
font-weight: normal;
line-height: 24px;
}
#c_right h3 {
margin: 0px 0px 25px 0px;
font-size: 26px;
color: #ccc;
font-weight: normal;
}
.klein {
font-size: 11px;
line-height: 15px;
}