/*

WordPress Template für fremdsein.de
Copyright 2008 edoba

*/



/*****************************************************
* MAIN
*****************************************************/

* { padding: 0; margin: 0; }

html { background: #fff url('images/bg.png') center repeat-y; }

body {
    text-align: center;
}


/*****************************************************
* LINKEIGENSCHAFTEN
*****************************************************/

a:link {color: #1653ad;text-decoration:underline;}

a:hover {color:#1653ad;text-decoration:none;}

a:visited {color:#1653ad;text-decoration:underline;}

#content a:link {color: #1653ad;text-decoration:underline;}

#content a:hover {color:#1653ad;text-decoration:none;}

#content a:visited {color:#1653ad;text-decoration:underline;}
                                                      
#footer a:link {color:#1653ad;text-decoration:underline;}

#footer a:visited {color:#1653ad;text-decoration:underline;}

#footer a:hover {color:#1653ad;	text-decoration:none;} 


/*****************************************************
* TYPOGRAPHY
*****************************************************/

p {line-height: 1.7em; color:#051f32; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Texte */

h1 {line-height:1.7em; color:#1653ad; font-family:"Georgia","Times New Roman",serif;} /* Für den Content */

h2 {line-height: 1.5em; color:#1653ad; font-family:"Georgia","Times New Roman",serif;} /* Für den Content */

h3 {line-height: 1.5em; color:#000033; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Sidebar, Aktuelles und zwischen dem Inhalt */

h4 {line-height: 1.5em; color:#000033; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Sidebar, Aktuelles und zwischen dem Inhalt */

#content h1 {font-size:1.2em; font-weight:normal;}

#content h2 {font-size:1.1em; font-weight:normal;}

#content p {font-size:0.9em; padding:10px 10px 10px 0;}

#sidebar h2 {color:#1653ad; font-size:1.2em; font-weight:normal; border-bottom:1px dotted #1653ad; padding-left:10px;list-style-type:none;}
 
#sidebar ul {list-style-type:none;margin-bottom:10px;}

#sidebar li a {padding:0 0 0 10px;line-height:1.6em;font-family:"Lucida Grande",Lucida,Arial;font-size:0.85em;} 

#sidebar li a:hover {text-decoration:none;}

#sidebar h3 {color:#1653ad; font-size:1.0em; padding:10px 0 5px 10px; width:100%;}

#sidebar p {font-size:0.85em; padding-left:10px;}

#sidebar a {color:#1653ad; text-decoration:underline;}

#footer p {font-size:11px; padding-left:10px; letter-spacing:1px; color:#849cad; font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;}

#content cite {font-size:0.95em; padding:10px 0 10px 0px; line-height: 1.7em; color:#1653ad; font-family:"Lucida Grande",Lucida,Arial; font-weight:bold;}

#content blockquote {font-size:0.9em; padding:5px 0 5px 15px; margin:10px 0 10px 0; line-height: 1.7em; color:#051f32; font-family:"Lucida Grande",Lucida,Arial; border-left:1px dotted #051f32;} 

.top {margin-top:10px;}

.orange {color:#1653ad;}

#content ul li {padding:0 0 0 5px;margin:5px 0 5px 10px;line-height:1.7em;font-family:"Lucida Grande",Lucida,Arial;font-size:0.9em;color:#051f32;}

/*****************************************************
* LOGO
*****************************************************/

h1 strong {float:left; display: block; font-size: 14px; font-style: italic; font-weight: normal; text-align: left; width: 240px;}
		
h1 strong a {float:left; display: block; width: 240px; height: 170px; background: url('images/logo-top.jpg') no-repeat 0 0; text-align: left; text-indent:-9999px;}


/*****************************************************
* HAUPTNAVIGATION
*****************************************************/

#headMenu {background:#051f32;width:960px;float:left;}

#headMenu ul {float:left;list-style-type:none;width:940px;margin-left:5px;padding-bottom:5px;}

#headMenu li {float:left;font-size:14px;font-weight:bold;margin:5px 10px 5px 10px;padding:5px 0 5px 0;display:block;font-family:"Helvetica Neue",Helvetica,Arial;}	 

#headMenu li a:link,a:visited {color:#fff;padding:5px;text-decoration:none;} 

#headMenu li a:hover {background:#cadae5;color:#051f32;text-decoration:none;-moz-border-radius:5px;}

#aktiv a {background:#cadae5;color:#051f32;text-decoration:none;}


/*****************************************************
* LAYOUT
*****************************************************/  

#wrapper {
	margin:0 auto;
	width:960px;
	border-top:10px solid #cadae5;
}

#header {
    width:960px;
 	height:170px;
	float:left;
}

#motiv {
	width:960px;
	height:50px; 
	background:#051f32;
	float:left;
}              

#motiv h1 {
	text-indent:-9999px;
	background:url('images/leitmotiv.png') no-repeat;
	width:638px;
	height:33px;
	margin:13px 0 0 16px;
}

#sidebar {
	width:390px;
	text-align:left;
	float:left;
	margin:10px 10px 0 0px;
}

#sidebar img {
	border:3px solid #fff;
} 

#sidebar a img:hover {
	border:3px solid #72a8cf;
}

#sidebar img {
	margin:10px;
}

#content {
	width:540px;
	padding-left:13px;
	border-left:1px dotted #206f9e;
	margin:10px 0px 0 0;
	text-align:left;
	float:right;	
}

#content img {
	border:3px solid #fff;
} 

#content a img:hover {
	border:3px solid #72a8cf;
}

#content img {
	margin:10px;
}

#footer {
	width:960px;
	margin-top:25px;
	float:left;
	border-top:1px dotted #1653ad;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

/*****************************************************
* SLIDESHOW
*****************************************************/

#slideshow {
	width:720px;
	height:170px;
	float:left;
}

#slideshow ul {
	list-style-type:none;
	float:left;
} 

#slideshow ul#portfolio li img {
	border: 0px;
	padding: 0px;
}


/*****************************************************
* SONSTIGES
*****************************************************/

.hand {
	background:url('images/hand.gif') no-repeat;
	padding-left:13px;
	margin-top:75px;
	list-style-type:none;
} 


/*****************************************************
* SUCHFELD
*****************************************************/

#searchform {width:370px; margin:0 0 10px 10px;}

#suchfeld {width:260px;padding:5px;border:1px solid #1653ad; color:#1653ad;}

#searchsubmit {width:60px;padding:4px;border:1px solid #1653ad;background:#cadae5;color:#1653ad;}

#searchsubmit:hover {border:1px solid #fff;}


/*****************************************************
* SUBPAGES MENUE
*****************************************************/

ul#subpages {width:380px;margin:10px 0 0 10px;list-style-type:none;}

ul#subpages li a {padding:10px;font-family:"Helvetica Neue",Helvetica,Arial;font-size:0.9em;border-top:1px solid #cadae5;display:block;font-weight:bold;text-decoration:none;}

ul#subpages li a:hover {background:#cadae5;display:block;padding:10px;color:#051f32;}

ul#subpages li a:visited {text-decoration:none;}

ul#subpages li { font-family:"Helvetica Neue",Helvetica,Arial;font-size:0.9em;color:#1653ad; }


/*****************************************************
* KONTAKTFORMULAR
*****************************************************/

/* just for clearing floats, IE Hack */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

.clearfix {display: block; margin: 0; padding: 0; }

p.clearfix {}

/* End hide from IE-mac */        	

div.intouch  form { float: left; width: 100%; font-family:"Lucida Grande",Lucida,Arial;margin-right:10px;}		

div.intouch div.inputfield { padding: 4px 0px; position: relative; }

div.intouch span { position: relative; top: 0.4em; font-size:12px; color:#051f32; }

div.intouch label { 

  display: block; float: left; clear: left; width: 35%; text-align: right; 

  padding-top: 0.4em; position: relative; right: 5px; font-size:12px; color:#051f32;

  }

div.intouch div.inputfield input, 

div.intouch div.inputfield textarea { float: left; margin-left: 10px; }

div.intouch div.inputfield input { 

  width: 40%; border: 1px solid #ccc; padding: 3px; font-size:12px; color:#051f32;

  }

div.intouch div.inputfield textarea { 

  width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc;

  }

div.intouch div.inputfield input.submitbutton { 

  border: 3px double #ccc; background: #F0F0F0; cursor: pointer;

  width: auto !important; padding: 2px; margin-left: 110px; left: 15%;

  position: relative;

  }

div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }

div.intouch div#usermessage.success { font-size:12px; color:#051f32;}

div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }


.alert {background:#f3eed0;border:1px solid #b7b084;margin:10px;}

.alert p {margin:10px;font-size:0.8em;}


/*****************************************************
* HAUPTNAVIGATION
*****************************************************/ 

#navbar { width:960px;float:left;margin-top:2px;background:#051f32; }

ul#navbar { list-style:none;font-family:"Helvetica Neue",Helvetica,Arial; }

ul#navbar li { cursor:pointer;text-transform:uppercase;margin-top:-2px;background:#051f32;float:left;width:auto;padding:8px;display:inline;position:relative;color:#fff;font-size:14px;font-weight:bold;border:2px solid #051f32; }

ul#navbar li a { float:left;width:auto; } 

ul#navbar a:link { text-decoration:none;color:#fff; } 

ul#navbar li:hover { background:#cadae5;color:#051f32; } 

#navbar li:hover a { background:#051f32;color:#051f32; }

ul#navbar ul { margin:0;list-style:none;display:none;position:absolute;top:33px;padding-top:2px;margin-left:-10px; }

ul#navbar ul li { background-image:none;padding:0px;text-transform:none; }

ul#navbar ul:after { clear:both;display:block;height:0;background-image:none;visibility:hidden; }

ul#navbar ul li { width:200px;text-align:left;float:left;display:block !important;display:inline;font-size:12px; }

ul#navbar ul li a { padding:8px; }  

ul#navbar a:hover,ul#navbar li:hover a,ul#navbar li.iehover a { color:#fff; }

ul#navbar li:hover li a,ul#navbar li.iehover li a { float:none;color:#fff;background-image:none;display:block; }

ul#navbar li:hover li a:hover,
ul#navbar li:hover li:hover a,
ul#navbar li.iehover li a:hover,
ul#navbar li.iehover li.iehover a { background:#cadae5;color:#051f32;background-image:none;display:block; }

ul#navbar ul ul,
ul#navbar ul ul ul { background-image:none;display:none;position:absolute;top:0;left:230px; }

ul#navbar li:hover ul ul,
ul#navbar li:hover ul ul ul,
ul#navbar li.iehover ul ul,
ul#navbar li.iehover ul ul ul { display:none; }

ul#navbar li:hover ul,
ul#navbar ul li:hover ul,
ul#navbar ul ul li:hover ul,
ul#navbar li.iehover ul,
ul#navbar ul li.iehover ul,
ul#navbar ul ul li.iehover ul { display:block; }